自己平時總用到惜犀,又總是想不起來铛碑,要到處找。所以匯總一下虽界,方便找啦~~~
(PS:如果能有幸?guī)偷侥奈淮笮值芑蛘咝】蓯勰亲詈貌贿^亚茬,有寫的不對的地方請指正,一定及時改浓恳,有錯望輕噴刹缝,蟹蟹 >﹏<)
1、跳轉(zhuǎn)到客服頁面:
<button open-type='contact'>聯(lián)系客服</button>
2颈将、button去掉邊框:
button::after{border:none;}
3梢夯、用js控制標(biāo)題欄的顏色:
原圖.png
wx.setNavigationBarColor({
frontColor: '#ffffff',//字體顏色
backgroundColor: '#6788F9',//背景色
animation: {},
success: function(res) {},
fail: function(res) {},
complete: function(res) {},
})
現(xiàn)在變成這樣:改變標(biāo)題背景色和字體顏色之后.png
4、用js控制標(biāo)題:
wx.setNavigationBarTitle({
title: '這是NavigationBarTitle',
})
改變之后的結(jié)果:改變標(biāo)題之后.png
5晴圾、轉(zhuǎn)發(fā)小程序:
<button open-type="share" plain="true" style='border:none'>轉(zhuǎn)發(fā)</button>
onShareAppMessage: function() {
return {
title: '標(biāo)題',
path: '/zh_tcwq/pages/index/index',//打開的頁面路徑
success: function (res) {
// 轉(zhuǎn)發(fā)成功
},
fail: function (res) {
// 轉(zhuǎn)發(fā)失敗
}
}
}
6颂砸、撥打電話
// 撥打電話
call_phone: function () {
var that = this
wx.makePhoneCall({
phoneNumber: that.data.dianhua//電話號碼
})
},
7、小程序清空已選的checkbox多選框
<view>{{item.name}}</view><checkbox value="{{item.id}}" checked="{{checked}}"></checkbox>
然后把check設(shè)為false就可以
that.setData({
checked:false
})
8死姚、view里英文和數(shù)字?jǐn)?shù)字不換行
word-break:break-all;
加上這句就可以了人乓。
9、只顯示兩行都毒,超出的用省略號表示
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
text-overflow:-o-ellipsis-lastline;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
align-content:center;
效果如下:
只顯示兩行.png
10色罚、處理從后臺傳來的富文本(即含有代碼的一段文字):
<rich-text nodes="<div style='color:#f00'>123</div>"></rich-text>
11、微信小程序有默認(rèn)圖片大小账劲,要想圖片保持原有比例戳护,添加屬性mode="widthFix":
<image src='../../images/bg.jpg' mode="widthFix"></image>
12、把電話號碼導(dǎo)入到手機(jī)通訊錄:wx.addPhoneContact(Object object)
參考官文檔:https://developers.weixin.qq.com/miniprogram/dev/api/device/contact/wx.addPhoneContact.html