上節(jié)講了微信小程序的自定義方法,其實(shí)很多的自定義方法與普通的JS自定義方法的規(guī)則是一樣的,可以說(shuō)幾乎沒(méi)有任何差別,只是小程序調(diào)用方法時(shí)要先聲明調(diào)用的是哪里的方法,例如上節(jié)講過(guò)的引入方法:var util = require('../../utils/util.js'),使用utils.方法名 就可以調(diào)用該方法了,下面我們?cè)僦v講一些常用的知識(shí)點(diǎn),可能會(huì)講的有點(diǎn)散,反正想到那里寫到那里。
1. 圖片自適應(yīng),小程序的圖片如果直接固定寬度和高度,顯示會(huì)很容易變形,我們可以在<image mode="widthFix" src=""></image> 寫上widthFix,這樣就是在固定寬度的情況下,高度自適應(yīng),還有mode=”heightFix”,就是設(shè)置固定高度后,寬度自適應(yīng)。
2. 關(guān)于小程序之前的頁(yè)面跳轉(zhuǎn),wxml里的代碼<navigator hover-class="none" open-type='navigate' url=’’></navigator>,其中hover-class表示點(diǎn)擊時(shí)的樣式,如果點(diǎn)擊時(shí)不需要有任何效果,需要加上none,open-type是指打開的方式,一般共有三個(gè)方式,分別是navigate,switchTab,redirect;navigate就是常規(guī)的打開方式,跳轉(zhuǎn)后的頁(yè)面直接返回上一個(gè)頁(yè)面,redirect也是跳轉(zhuǎn),但與navigate最大的不同是跳轉(zhuǎn)后,用戶無(wú)法返回上一個(gè)頁(yè)面(點(diǎn)擊跳轉(zhuǎn)的頁(yè)面),switchTab比較特殊,只有在小程序內(nèi)的tabBar欄目頁(yè)面才可以使用,其他頁(yè)面使用無(wú)效,navigateBack是指返回上一層的頁(yè)面。
3. button按鈕一些自帶的方式,如<button type="default" open-type="contact" plain="true">文字或圖片</button>,其中open-type就是調(diào)用自帶的方法,contact是調(diào)用小程序自帶的客服能力,點(diǎn)擊可以聯(lián)系小程序管理員的客服,還有g(shù)etPhoneNumber獲取用戶的手機(jī)號(hào),getUserInfo獲取用戶的信息等。
4. 數(shù)據(jù)循環(huán)輸出,如<view wx:for="{{index_goods}}" wx:key="id">內(nèi)容</view>
5. 如果不在標(biāo)簽內(nèi)特,也可以直接使用block,例如,<block wx:for="{{index_goods}}" wx:key="id"><veiw>內(nèi)容</view></block>,用法是一樣的,唯一不同的是block內(nèi)需要加上標(biāo)簽,否則會(huì)出錯(cuò),wx:key是唯一標(biāo)識(shí)符,如果不加上,小程序會(huì)報(bào)黃色的提示錯(cuò)誤,默認(rèn)輸出是item,例如item.name,也可以修改item,例如使用wx:for-item="items",則需要輸出items.name,還有使用wx:for-index="index" ,即index是數(shù)組的索引值,一般是從0開始,一直增加。
6.
還有一些等下次再講,可能會(huì)講提交表單,彈窗效果等常用的小程序功能。
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://m.oulysa.com/news/6560.html