啦啦啦啦啦,今天来探讨一下模板的使用。
1.定义模板
使用name属性,定义模板的名字,在<//template >内定义模板内容,在template.wxml
<template name="list">
<view class='box'>
<image src='/images/detail/carousel/01.jpg'></image>
<text>哈哈哈哈哈哈哈</text>
</view>
</template>
咱们给模板加点样式 template.wxml
.box{
border-bottom: 6rpx solid #eee;
padding-bottom: 20rpx;
}
image{
width: 100%;
}
text{
font-size: 32rpx;
}
2.使用模板
hhh.wxml 页面。使用is属性声明需要的模板,注意要先使用import进行导入
<import src='/pages/template/template.wxml'/>
<template is="list"></template>
3.结果
大功告成!?等等,有没有觉得样式根本就没设置呀