小程式圖片高度自適應

這裡踩了很多遍的坑，花了很多時間，以為像以前以前給他上級的盒子不給高度就行了，oh,no，這是一個坑，關鍵在於image標籤的一個屬性：mode="widthFix"，簡單搞定

<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />

小程式中無法識別空格符

這樣用就可以啦！！！6666

<text decode="{{true}}" space="{{true}}">&nbsp;&nbsp;</text>

微信小程式手機預覽請求不到資料

預覽的話需要在手機上開啟除錯才能發起資料請求的樣子。點選那三個點就能看到開啟除錯的選項了，或者你請求的域名是https應該也是可以的。可以試一下

微信小程式text文字溢位單行/多行省略

多行文字顯示隱藏

text{
    display: -webkit-box;
    font-size:28rpx;
    color:#000000;
    line-height: 40rpx;
    word-break: break-all;
    -webkit-box-orient: vertical;
    /* 控制在第幾行顯示省略號 */
    -webkit-line-clamp
 
:3;
    overflow: hidden;
    text-overflow:ellipsis;
}

單行文字

text{
    display: block;
    font-size:28rpx;
    color:#000000;
    line-height: 40rpx;
    height: 120rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

微信小程式電腦編寫的時候出現的小問題

在電腦上進行除錯了很久，很久，標題文字依然不能顯示完全，死的心都要有了，後來用真假開啟，我去，沒任何毛病，一直以為是標題文字不能換行，打死自己，還有一個需要注意的文字，這裡標題文字不要設定高度，應該讓文字自己撐開，或者加padding之類的

微信小程式中，display：flex後，圖片如果沒有設定寬度，那麼圖片就會不見了，哼，明明pc端圖片可以自己撐開的

微信小程式切換tabbar的時候，改變頂部標題，這裡的標題與tabbar的文字無關的時候，

在頁面的js的檔案中，不是元件，是選項卡切換對應的頁面的js檔案中，進行編寫

  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: "我的"
    })
  },

也可進行動態修改

//example.js載入時動態設定頁面標題
//獲取應用例項
var app = getApp();
Page({
  data: {},
  onLoad: function (options) {
    var that = this;
    that.setData({
      mername: options.mername//options為頁面路由過程中傳遞的引數
    })
    wx.setNavigationBarTitle({
      title: that.data.mername//頁面標題為路由引數
    })
  },
  onReady: function () {
    // 頁面渲染完成
  },
  onShow: function () {
    // 頁面顯示
  },
  onHide: function () {
    // 頁面隱藏
  },
  onUnload: function () {
    // 頁面關閉
  }
})