正常来说已经使用es6 的 模板了如``

//页面层
layer.open({
type: 1,
content:`<div class="child_card">
<div class="mui-card-content ">
<div class="mui-row ">
<div class="mui-col-xs-12 ">
<ul class="mui-table-view ">
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 穿衣 [${this.life.chuanyi[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.chuanyi[1]}</p></li>
<li class="mui-table-view-cell "> <i class="icon iconfont"></i> 感冒 [${this.life.ganmao[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.ganmao[1]}</p></li>
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 运动 [${this.life.yundong[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.yundong[1]}</p></li>
<li class="mui-table-view-cell "><i class="icon iconfont"></i> 空调 [${this.life.kongtiao[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.kongtiao[1]}</p></li>
<li class="mui-table-view-cell "> <i class="icon iconfont"></i> 紫外线 [${this.life.ziwaixian[0]}]:<p style="margin: 15px; word-break: break-all;">${this.life.ziwaixian[1]}</p></li>
</ul>
</div>
</div>
</div>
</div>`
});

但极少情况下还是使用原始的拼接,以下这种方法会比较舒服

  var panelBuffer = '<div class="mui-poppicker">\
<div class="mui-poppicker-header">\
<button class="mui-btn mui-poppicker-btn-cancel">取消</button>\
<button class="mui-btn mui-btn-blue mui-poppicker-btn-ok">确定</button>\
<div class="mui-poppicker-clear"></div>\
</div>\
<div class="mui-poppicker-body">\
</div>\
</div>'; var pickerBuffer = '<div class="mui-picker">\
<div class="mui-picker-inner">\
<div class="mui-pciker-rule mui-pciker-rule-ft"></div>\
<ul class="mui-pciker-list">\
</ul>\
<div class="mui-pciker-rule mui-pciker-rule-bg"></div>\
</div>\
</div>';

最新文章

  1. JavaScript Cookies
  2. win7自动登录桌面
  3. AngularJS 验证
  4. 转:NLog 自定义日志内容,写日志到数据库;修改Nlog.config不起作用的原因
  5. jQuery中prop()函数控制多选框(全选,反选)
  6. 玩死人不偿命的CLOUDSTACK
  7. &lt;转&gt;eclipse如何修改dynamic web module version .
  8. 如何解决dns解析故障
  9. hihoCoder 1014trie树(字典树)
  10. [读书笔记]python3.5实现socket通讯(UDP)
  11. jsp获取当前日期,包括星期几
  12. python 多线程批量传文件
  13. Webstorm的一些常用快捷键
  14. Appium(一)---环境搭建的一些问题
  15. Excel:11个查询函数组合
  16. Oracle logminer 日志挖掘
  17. kali安装Google浏览器之后的问题
  18. Transactional cannot be resolved to a type
  19. 详解linux下的串口通讯开发
  20. 20162314 《Program Design &amp; Data Structures》Learning Summary Of The Tenth Week

热门文章

  1. SSM框架中出现的几种注解的理解
  2. 【spring boot】启动类启动 错误: 找不到或无法加载主类 com.codingapi.tm.TxManagerApplication 的解决方案
  3. JDK JRE区别
  4. .Net线程问题解答
  5. 1644 免费馅饼 题解(c++)
  6. echarts使用记录(二)legend翻页,事件,数据集,设置y轴最大/小值,让series图形从右侧出往左移动
  7. Node Server零基础——开发环境文件自动重载
  8. powershell 远程重启/关闭服务器
  9. 【性能测试】Linux性能监控命令——sar详解
  10. ASP.NET HTTP500错误怎么办