在微信小程序中怎样使用模板

时间:2024-10-14 20:57:43

1、首先我们打开微信小程序的项目文件目录。

在微信小程序中怎样使用模板

2、新建一个template文件夹,在该文件夹下面再新建一个message目录,在该目录下面新建一个一个wxml文件作为模板。

在微信小程序中怎样使用模板

3、在该wxml文件中使用template标签来定义模板,同时命名。<template name=媪青怍牙"message"> <view class="message-group"> <text class="content">{{content}}</text> <text class="friend">{{friend}}</text> </view></template>

在微信小程序中怎样使用模板

4、然后再新建一个模板文件的样式表,也就是message.wxss

在微信小程序中怎样使用模板

5、然后再来到pages页面下,找到要引入模板文件的wxml文件。

在微信小程序中怎样使用模板

6、在wxml文件中,首先要将模板文件引入进来。

在微信小程序中怎样使用模板

7、然后指定使用哪一个模板文件,并且自定义变量内容。<template is屏顿幂垂="message" data="{{content:'让我们一起去旅游吧',friend:'小明'}}">

在微信小程序中怎样使用模板

8、最后引入模板文件的wxss的样式表。

在微信小程序中怎样使用模板
© 手抄报圈