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