微信小程序里用到的一些小知識點(diǎn)

自己平時總用到惜犀,又總是想不起來铛碑,要到處找。所以匯總一下虽界,方便找啦~~~
(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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瀑焦,一起剝皮案震驚了整個濱河市腌且,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榛瓮,老刑警劉巖铺董,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異禀晓,居然都是意外死亡精续,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進(jìn)店門匆绣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來驻右,“玉大人,你說我怎么就攤上這事崎淳】柏玻” “怎么了?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵拣凹,是天一觀的道長森爽。 經(jīng)常有香客問我,道長嚣镜,這世上最難降的妖魔是什么爬迟? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮菊匿,結(jié)果婚禮上付呕,老公的妹妹穿的比我還像新娘计福。我一直安慰自己,他們只是感情好徽职,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布象颖。 她就那樣靜靜地躺著,像睡著了一般姆钉。 火紅的嫁衣襯著肌膚如雪说订。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天潮瓶,我揣著相機(jī)與錄音陶冷,去河邊找鬼。 笑死毯辅,一個胖子當(dāng)著我的面吹牛埂伦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播悉罕,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼赤屋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了壁袄?” 一聲冷哼從身側(cè)響起类早,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嗜逻,沒想到半個月后涩僻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡栈顷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年逆日,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片萄凤。...
    茶點(diǎn)故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡室抽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出靡努,到底是詐尸還是另有隱情坪圾,我是刑警寧澤,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布惑朦,位于F島的核電站兽泄,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏漾月。R本人自食惡果不足惜病梢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望梁肿。 院中可真熱鬧蜓陌,春花似錦觅彰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至霉旗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蛀骇,已是汗流浹背厌秒。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留擅憔,地道東北人鸵闪。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像暑诸,于是被迫代替她去往敵國和親蚌讼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 每天的學(xué)習(xí)記錄个榕,可能有的地方寫的不對篡石,因?yàn)閯倢W(xué),以后發(fā)現(xiàn)錯的話會回來改掉整體流程 https://develope...
    有點(diǎn)健忘閱讀 4,671評論 0 7
  • 因新工作主要負(fù)責(zé)微信小程序這一塊西采,最近的重心就移到這一塊凰萨,該博客是對微信小程序整體的整理歸納以及標(biāo)明一些細(xì)節(jié)點(diǎn),初...
    majun00閱讀 7,341評論 0 9
  • 給提問的開發(fā)者的建議:提問之前先查詢 文檔械馆、通過社區(qū)右上角搜索搜索已經(jīng)存在的問題胖眷。 寫一個簡明扼要的標(biāo)題,并且...
    極樂叔閱讀 13,437評論 0 3
  • 微信小程序在無論在功能霹崎、文檔及相關(guān)支持方面珊搀,都是優(yōu)于前面幾種微信賬號類型,它提供了很多原生程序才有的接口尾菇,使得我們...
    未央大佬閱讀 2,299評論 0 12
  • 用兩張圖告訴你境析,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 12,723評論 2 59