UniApp 踩坑 持续记录

1. uni-popup 里面的 uni-popup-dialog 组件属性是 mode="input" 时，在 H5 中无异常，但是在微信小程序中只要打开的页面使用了uni-popup-dialog 组件并且 mode="input"，IOS端的软键盘就会自动弹起！！！解决： uni-popup-dialog 使用 v-if 控制。

2. uni-app 编译到微信小程序时，默认存在组件样式隔离，导致样式穿透（深度选择器）失效
   解决方法：在组件的 script 部分添加 options: { styleIsolation: 'shared' }，解除样式隔离：
   

// Vue3
defineOptions({
  options: {
    styleIsolation: 'shared' // 允许样式穿透
  }
})

// Vue2
export default {
  options: {
    styleIsolation: 'shared' // 允许样式穿透
  },
  data() { return {} },
  methods: {}
}