美文网首页
template.js的使用方法

template.js的使用方法

作者: Rascar | 来源:发表于2020-05-09 17:40 被阅读0次
//第一步创建一个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)

相关文章

网友评论

      本文标题:template.js的使用方法

      本文链接:https://www.haomeiwen.com/subject/xjflnhtx.html