欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

怎么在微信小程序中使用template模版-創(chuàng)新互聯(lián)

怎么在微信小程序中使用template模版?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。

創(chuàng)新互聯(lián)主營(yíng)新邵網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app開發(fā)定制,新邵h5微信小程序開發(fā)搭建,新邵網(wǎng)站營(yíng)銷推廣歡迎新邵等地區(qū)企業(yè)咨詢

1. 創(chuàng)建 template 模版

不同于 page 和 Component 的創(chuàng)建, 在開發(fā)者工具中并不能快速創(chuàng)建一個(gè) template 模版。所以需要單獨(dú)創(chuàng)建 wxss wxml 文件。

怎么在微信小程序中使用template模版

template.wxml 文件語(yǔ)法

一個(gè) template.wxml 文件中使用 <template> 標(biāo)簽包含一個(gè)模版, 一個(gè) template.wxml 文件可以包含多個(gè) <template>模版, 使用 name 屬性作為模版的名稱。

在模版中可以接受變量, 使用 {{}} 展示。 為變量的傳遞者由調(diào)用該模版的頁(yè)面?zhèn)鬟f。

<template name="A">
 <text>template name: {{name}}</text>
</template>
<template name="B">
 <text>template name: {{name}} {{msg}}</text>
</template>

template.wxss 模版樣式文件

模版可以擁有自己的樣式文件

text{
 color: #cccccc;
}

2. 引用 template 模版

  • template 模版的引用需要使用 <import> 標(biāo)簽。 該標(biāo)簽的 src 屬性為需要引用模版的路徑。

  • template 模版的使用用 <template> 標(biāo)簽。 使用 is 屬性來(lái)區(qū)別模版文件中定義的模版。

  • 使用 data 傳入模版中的數(shù)據(jù)。

index.wxml

<import src="../tpls/template.wxml" />

<view>
 <template is="A" data="{{name}}"/>
 <template is="B" data="{{name, msg}}"/>
<view>

3. 引用模版樣式

在 調(diào)用頁(yè)面的 wxml 中引用了 template.wxml 后,模版的樣式并不會(huì)引用, 需要在調(diào)用頁(yè)面的 wxss 中單獨(dú)引用 template.wxss 文件。

index.wxss

@import "./tpls/template.wxss"

4. 模版文件中的事件處理

在模版中定義的事件, 需要調(diào)用頁(yè)面中執(zhí)行。

template.wxml

<template name="A">
 <text bindtap="handleTap">template name: {{name}}</text>
</template>

index.js

Page({
 data: {},
 handleTap() {
 console.log('template 模版 click')
 }
})

5.  import 有作用域

import 有作用域的概念,即只會(huì) import 目標(biāo)文件中定義的 template,而不會(huì) import 目標(biāo)文件中 import 的 template,簡(jiǎn)言之就是 import 不具有遞歸的特性。

例如:C 引用 B,B 引用A,在C中可以使用B定義的 template,在B中可以使用A定義的 template ,但是C不能使用A定義的template

6. include 配合 template 模版

如同使用 <import src="xx/xx/xx.wxml"> <tempalte is="A" /> 引用和使用模版一樣, 同樣也可以使用 <include src="xx/xx/xx.wxml />" 來(lái)引用一個(gè)模版。

需要注意的是:

  • 使用 <include> 引用模版文件時(shí), 并不能分別出模版文件的模版塊, 所以使用 <include> 引用的模版文件中只能定義一個(gè)模版塊。

  • include 可以將目標(biāo)文件中除了 <template/> <wxs/> 外的整個(gè)代碼引入,相當(dāng)于是拷貝到 include 位置。

<!-- index.wxml -->
<include src="header.wxml"/>

<view> body </view>

<include src="footer.wxml"/>
<!-- header.wxml -->
<view> header </view>
<!-- footer.wxml -->
<view> footer </view>

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。

新聞名稱:怎么在微信小程序中使用template模版-創(chuàng)新互聯(lián)
文章起源:http://aaarwkj.com/article44/phgee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站營(yíng)銷、網(wǎng)站設(shè)計(jì)公司網(wǎng)站策劃、網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

綿陽(yáng)服務(wù)器托管
中文字幕日韩不卡顿一区二区 | 尤物视频在线观看一下| 国产日韩欧美视频在线观看| 久久综合热这里只有精品| 天天天干夜夜添狠操美女| 国产粉嫩美女一区二区三| 久久一区二区视频在线观看| 成人久久精品一区二区| 蜜臀视频一区二区在线播放| 日本美女午夜福利视频| 国产精品一区二区三区在线| 妇女自拍偷自拍亚洲精品| 日韩一区二区免费看视频| 日本一区不卡二区高清| 亚洲中文字幕婷婷在线| 久久综合激情亚洲欧美专区| 91中文在线观看一区| 亚洲欧美午夜福利视频| 中文人妻熟妇乱又伦精品| 国产一区二区在线粉嫩| 日木av中文字幕女女同性| 在线看日本一区二区| 麻豆精品国产免费av影片| 人妻久久一区二区三区精品99 | 久久精品国产亚洲七七| 国产av蜜臀一区二区三区| 91久久国产综合精品| 婷婷色悠悠,色悠悠激情啪啪| 日韩福利成人av在线| 亚洲香蕉视频免费在线观看| 亚洲国产不卡一区二区三区| 精品国产美女主播在线| 亚洲一区成人精品在线| 国产女技师口爆在线观看| 高质量的性生活在线观看| 91青青草原在线视频| 久久久之久亚州精品露出| 久久亚洲综合精品人妻| 粉嫩欧美一区二区三区| 日韩在线不卡一二三| 国产一区二区欧美久久|