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

时间:2022-02-13 04:17:53

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。


---------------------------------------------------------------------------------------------------------------------------------------------

声明:所以版权归本作者所有