调用:SwfAnimation 背景:bg2.jpg

image.png

⚙ 配置

属性 说明 是否必需
swf 动画相关配置 YES
txt (相对上方)信息内容(支持HTML) NO
content (相对下方)额外的数据内容(支持HTML)。可用于富文本内容的展示。 NO

整体配置范例

  1. function SwfAnimation() {
  2. var data = {
  3. model: "SwfAnimation",
  4. config: {
  5. shell: commonShellCfg2,
  6. bgImg: "bg2.jpg",
  7. swf:{
  8. /**
  9. * type参数
  10. * IDC: 平移二代证,上->下;
  11. * INSERT_CARD: 进卡;
  12. * OUT_CARD: 出卡;
  13. * SCAN01: 扫描条码二维码单;
  14. * SCAN02: 手机扫描二维码;
  15. * SWIPE_CARD: 侧刷磁条卡;
  16. */
  17. type:"IDC",//IDC | INSERT_CARD | OUT_CARD | SCAN01 | SCAN02 | SWIPE_CARD
  18. //默认为./h5/img/assets/swf/{type}/combo.png
  19. // machine:"machine_idc.png",//机器图,对应type文件夹下
  20. // target:"就诊卡.png",//动画主体(卡片等),对应type文件夹下
  21. },
  22. txt: "请仔细阅读",
  23. content: "<div style='line-height:20px'><div style='font-size:32pt;margin-bottom:10px'>请您在设备右侧处插入卡片</div></div>"
  24. }
  25. }
  26. return data;
  27. }

txt

  1. //#调用(支持HTML标签)
  2. txt:"请插入指定位置"

swf

【必填】type为动画类型:IDC | INSERTCARD | OUT_CARD | SCAN01 | SCAN02 | SWIPE_CARD
【选填】machine为动画的背景机型
【选填】target为动画介质,进出卡动画中的卡片等
**※※※※ machine和target路径都在 ./h5/img/assets/swf/
{type}_/**

  1. swf:{
  2. /**
  3. * type参数
  4. * IDC: 平移二代证,上->下;
  5. * INSERT_CARD: 进卡;
  6. * OUT_CARD: 出卡;
  7. * SCAN01: 扫描条码二维码单;
  8. * SCAN02: 手机扫描二维码;
  9. * SWIPE_CARD: 侧刷磁条卡;
  10. */
  11. type:"IDC",//IDC | INSERT_CARD | OUT_CARD | SCAN01 | SCAN02 | SWIPE_CARD
  12. //默认为./h5/img/assets/swf/{type}/combo.png
  13. // machine:"machine_idc.png",//机器图,对应type文件夹下
  14. // target:"就诊卡.png",//动画主体(卡片等),对应type文件夹下
  15. },

content

  1. //#调用
  2. content:"<div style='font-size:32pt'>请您插卡哦!</div>"