微信小程序template模板使用
生活随笔
收集整理的這篇文章主要介紹了
微信小程序template模板使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? 微信小程序有提供模板(template),可以在模板中定義代碼片段,然后在不同的地方調用減少冗余代碼。
創建模板:
? ? 新建一個文件夾用來存放模板,在模板的wxml中定義定義頁面布局,wxss中書寫樣式.
<template name="template1">? ? ? ? <!-- 使用 name 屬性,作為模板的名字 -->? ??
? ? ? ? ? 頁面布局
??
</template>
使用模板:
? 在需要使用模板的wxml文件中引入模板文件wxml,然后使用
<import?src="模板文件路徑.wxml"></import>? ? ? ? ? ? ? // 引入模板文件這里是絕對路徑
<template?is="template1"?data="{{list}}"></template>? ? //使用模板
// 使用is 屬性聲明需要的使用的模板名,這個名字與name值是一一對應的.? data 屬性代表傳入模板的數據,可以在模板中使用這些數據.進行渲染.
在需要使用模板的wxss文件中引入模板文件wxss
? ? @import?"絕對路徑.wxss"
總結
以上是生活随笔為你收集整理的微信小程序template模板使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 四元素理解
- 下一篇: SVN分支合并冲突解决