模板使用

最新推荐文章于 2024-06-26 09:41:39 发布

MiyukkiYan

最新推荐文章于 2024-06-26 09:41:39 发布

阅读量132

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/weixin_44478972/article/details/108959049

版权

本文介绍了微信小程序中模板（Template）的使用方法，包括定义模板、导入wxss样式、在页面中调用及传值。模板主要用于显示静态内容，不支持交互和逻辑处理，通常用于简化重复代码。

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

注意点：它不能单独显示，必须依附于Page

template定义

模板.wxml 定义的时候，必须在最外层写上一个template标签，并且写上名字

<template name="course">
  <view class="course" style="background-color:{
  {color}};">
    <view>
      <text class="title">{
  {title}}</text>
    </view>
    <view>
      <text class="subtitle">{
  {subtitle}}</text>
    </view>
  </view>
</template>

在需要的文件中导入模板:
<import src="../../templates/course/course.wxml" />

使用及传参:
 <!-- 热门课程的scroll-view -->
      <scroll-view scroll-x>
        <block wx:for="{
  {courses}}" wx:key="{
  {item.id}}">
          <template is="course" data="{
  {...item}}" />
        </block>
      </scroll-view>