微信小程序挖坑

前言
最近第一次自己从头开始独立开发原生的微信小程序
写个踩坑记录

---

 和 等转移字符不起作用

需要在text组件中设置decode属性并设置为true

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

微信官方原文：
tip: decode可以解析的有   < > & '    

---

多个空格不起作用

需要在text组件中是指space属性并设置为以下值

space 的合法值

值 说明 最低版本
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根据字体设置的空格大小

---

text组件换行

利用\n\可以实现换行。

---

css的过渡属性transition，在真机上无法生效或者卡顿

未找到解决办法，找到会更新

---

cover-view无法添加过渡背景，在真机不生效

以下代码真机无法生效
background:linear-gradient(141deg,rgba(78,160,254,1) 0%,rgba(62,132,255,1) 100%);

未找到解决办法，找到会更新

---

cover-view层级比wx.showModal的层级高

调用wx.showModal时候先隐藏cover-view

---

wx.showLoading连续调用后面的不显示

showLoading();
showLoading();

function showLoading() {
  wx.showLoading();
  setTimeout(() => wx.hideLoading(), 3000);
}

改为

App.js

App({
  globalData: {
    loading: 0
  }
});

xxx.js

const app = getApp();
showLoading();
showLoading();

function showLoading() {
  app.globalData.loading++;
  wx.showLoading();
  setTimeout(() => {
    app.globalData.loading--;
    !app.globalData.loading && wx.hideLoading();
  }, 3000);
}

---

---

官方链接：https://developers.weixin.qq.com/miniprogram/dev/framework/

---