宝哥软件园

微信小程序模板的使用

编辑:宝哥软件园 来源:互联网 时间:2021-12-11

当您的项目需要多次使用相同的布局和样式时,您可以考虑使用模板来减少冗余代码。

用法:

1.创建一个新的模板文件夹来存储您的常规模板;

2.在文件夹中创建一个新的wxml和wxs来定义模板和样式;

微信小程序template使用(图1)

3.设置模板的名称和您需要在其中定义的wxml内容;

微信小程序template使用(图2)

4.设置wxss样式;

微信小程序template使用(图3)

5.使用import在需要使用的页面上导入wxml页面,注意路径位置;

微信小程序template使用(图4)

6.导入要使用的wxss文件中的WXSS;

微信小程序template使用(图5)

7.在页面上使用此模板,使用是确定使用哪个模板。这里,我们使用名为courseStudent的模板(这里,我们使用列表循环,因此数据值为Item);

微信小程序template使用(图6)

如果ES6扩展运算符“.”用于数据,没有必要在模板中的绑定数据前面添加项。

复制代码

更多资讯
游戏推荐
更多+