开发微信小程序遇到的一些问题

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。

---------------------------------------------------------------------------------------------------------------------------------------------
声明：所以版权归本作者所有