调用:Treaty 背景:bg1.jpg 说明:改模版右侧部分可改造成(整副)图片展示。

image.png
image.png

⚙ 配置

属性 说明 是否必需
media 左侧媒体信息配置 YES
subTip 左侧媒体信息提示信息内容 NO
content 协议具体内容 YES

整体配置范例

  1. function Treaty() {
  2. var data = {
  3. model: "Treaty",
  4. config: {
  5. shell: commonShellCfg,
  6. bgImg: "bg3.jpg",
  7. modInAnimation: "fadeIn",
  8. media: {
  9. type: "pic", //swf pic
  10. url: "./h5/img/lefttip/hospital.png",
  11. size: {
  12. width: "350px",
  13. height: "400px"
  14. }
  15. },
  16. subTip: "医院概貌",
  17. content: {
  18. type: "file", //file url data
  19. url: "./h5/txt/treaty1.txt",
  20. content: ""
  21. }
  22. }
  23. };
  24. return data;
  25. }

media

  1. media:{
  2. //多媒体类型 swf|pic(可以是gif文件)
  3. type:"swf",
  4. //多媒体文件路径
  5. url:"./h5/swf/idc.swf",
  6. //多媒体文件尺寸(非必要,默认是文件原件尺寸大小)
  7. //🔆为了不影响缩放比例,只调width或height一个值
  8. size:{
  9. width:"200px",
  10. height:"100px"
  11. }
  12. }

subTip

  1. //#调用
  2. subTip:"请按提示操作"

content

  1. {
  2. //文件类型 file|url|data
  3. //file:项目中的相对路径,配合url属性使用
  4. //url:网络上地址,配合url属性使用
  5. //data:文字内容(支持HTML标签),配合content属性使用
  6. type: "file",
  7. //文本文件路径(在type=data时无效)
  8. url: "./h5/txt/treaty2.txt",
  9. //文本内容(支持HTML标签,仅在type=data时有效)
  10. txt: ""
  11. }
  12. //🔥新增技能:
  13. //1:改造成右侧是图片展示
  14. text: "<img src='./pic.png' style=''/>"

♨️ JS Call

🚀 getData