1. 链接跳转问题
使用组件Navigator跳转必须在app.json文件中配置tabBar路径,而且最多只能5个路径,而且跳转没有滑屏效果,所以不适合大量的跳转。
可以在js中配置,使用bindtap绑定的跳转方法。如:
<viewclass='li' bindtap="index">
Page({
index: function () {
wx.navigateTo({
url: "../index/index"
})
},
})
2. Contack-button客服组件感应范围太小、样式单一。
默认图标样式就这一种,只可以设置黑色或白色,可以通过其他方式自定义。
Conttack-button最大只能设置为27px;这对我们设置较大的按钮的时候肯定是不好的,感应范围太小,用户体检差。
比如这个按钮,要连接到微信客服,怎么才能让27px的感应区变大?
我们可以这样:给父元素设置相对定位;contack-button设置绝对定位,透明度设置为0的方法扩大感应范围,虽然比较麻烦,需要大量的contack-button,但目前没有更好的解决方案。
3. 文本换行问题
可以使用<text></text>标签,用转义字符\n就行换行
注:\n必须在text标签中才生效,在view标签中是不生效的。
如:不使用\n
使用\n,会发现产生了一个大的间隔,需要注意的是这是因为换了两行,要想不出现这种情况,就要把所以文字放在一整行。让他自动换行。
4. Map组件的使用
效果图:
注:在data中的色值必须为16进制,其他色值在手机显示会不生效。
具体参数请参考文档。
5. 拨打电话功能
6. 每个页面标题设置问题
在对应的json文件里面写"navigationBarTitleText":""
7. 所以页面可以共用部分可以引用模板
如:底部所有页面都一样,就可以单独写一个模板页面,在app.wxss写共用的样式。
定义好的模板
引进方法:
<!-- 底部模板引入-->
<includesrc="../templates/footer"/>
8. Font-awesome字体图标的引入
可以知道小程序自带的icon图标是满足不了我们的开发需求的,所以可以考虑引入第三方字体图标。放在app.wxss
具体参考:https://github.com/zcs15225984730/IT-
9. Scroll-view组件的应用
<scroll-viewscroll-y="true" style="height: 360rpx;"></scroll-view>
注:必须要设置scroll-view的固定高度。
10. swiper组件的应用,轮播
11. 表单的提交验证(未解决提交问题)
注:url: 'https://wx.cnetol.com/index.php,
必须在request合法域名列表中。要求的TLS版本必须大于等于1.2。
---------------------------------------------------------------------------------------------------------------------------------------------
声明:所以版权归本作者所有