上节讲了□□□□微信小程□□□序的自定□□义方法,其实很多◢的自定义◎方法与普□□□通的JS自定义方□□□法的规则□□是一样的,可以说几□□乎没有任□□□□何差别,只是小程◤序调用方□□法时要先□□□声明调用◈的是哪里◉的方法,例如上节□□□□讲过的引□□□□入方法: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就是常规□□□□的打开方□□□式,跳转后的□□□页面直接□□□返回上一□□□□个页面,redirect也是跳转,但与navigate最大的不□□□同是跳转□□后,用户无法□□□返回上一□□□个页面(点击跳转□□□的页面),switchTab比较特殊,只有在小□□□□程序内的tabBar栏目页面□□□□才可以使□□□□用,其他页面□□使用无效,navigateBack是指返回□□□□上一层的•页面。
3. button按钮一些自带的方式,如<button type="default" open-type="contact" plain="true">文字或图片</button>,其中open-type就是调用自带的方法,contact是调用小程序自带的客服能力,点击可以联系小程序管理员的客服,还有getPhoneNumber获取用户的手机号,getUserInfo获取用户的信息等。
4. 数据循环输出,如<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是数组的□□索引值,一般是从0开始,一直增加。
6.
还有一些□□等下次再□□讲,可能会讲▽提交表单,弹窗效果□□等常用的□□□□小程序功◎能。
如没特殊注明,文章均为J9国际集团原创,转载请注明来自https://www.lyzhuzao.com/news/6560.html