1.微信小程序之模板使用

最新推荐文章于 2024-07-06 22:23:57 发布

什么~

最新推荐文章于 2024-07-06 22:23:57 发布

阅读量2.3k

点赞数

分类专栏：微信小程序文章标签：微信小程序框架

本文链接：https://blog.csdn.net/panzina/article/details/82941338

版权

本文详细介绍了微信小程序中模板的使用，从定义模板、引入和使用模板，到处理模板中的样式问题，以及如何通过data传值给模板。通过实例展示了在模板中如何操作数据，帮助开发者更好地理解和应用微信小程序模板。

摘要由CSDN通过智能技术生成

啦啦啦啦啦，今天来探讨一下模板的使用。

使用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;
}

hhh.wxml 页面。使用is属性声明需要的模板，注意要先使用import进行导入

<import src='/pages/template/template.wxml'/>
<template is="list"></template>

大功告成！？等等，有没有觉得样式根本就没设置呀

关注

专栏目录