template.js的使用方法
2020-05-09 本文已影响0人
Rascar
//第一步创建一个div
<div class="detileContent"></div>
//第二步创建一个 script标签
<script type="text/html" id="tpl">
<div class="delectimg">
<img src="{{true_name}}" alt="">
</div>
<div class="newpr">
<div class="detle_r">
<div class="list_z">
<p class="zhao" style="font-size:3rem;">{{true_name}}<span>{{position}}</span></p>
<div class="star">
<!-- 好评 -->
<%for(var i = 0; i<star_num ; i++){%>
<img src="./img//detile/xxl.png" {{$value}} alt="">
<%}%>
<!-- 不评价 -->
<%for(var i = 0; i< 5 - star_num ; i++){%>
<img src="./img//detile/xxm.png" alt="">
<%}%>
</div>
</div>
<div class="gz">
{{if status == 0}}
<div>未关注</div>
{{else if status == 1}}
<div>已关注</div>
{{/if}}
</div>
</div>
</script>
<script>
let html = template('tpl', data)//详情 tpl是script的id data是要渲染的数据
$("#add").append(html)//add是放到大盒子中
</script>
### template 使用
(https://aui.github.io/art-template/zh-cn/docs/installation.html)
###详细使用 网址 [http://www.mamicode.com/info-detail-3001533.html](http://www.mamicode.com/info-detail-3001533.html)