uniapp开发小程序过程中的一些坑汇总

本文已参与[新人创作礼]活动，一起开启掘金创作之路

一、u-image使用aspectFit在H5里面正常显示，但是微信小程序里面不显示。

解决方案：换成heightFix 就可以了

二、导航栏如果想要设置背景透明，左侧箭头也不显示了

##原来：
<u-navbar
        :title="null"
        :border-bottom="false"
        :is-fixed="false"
        :background="{opacity:0}"
        back-icon-color="#000000"
      >
      </u-navbar>

##解决方案：background设置为null
<u-navbar
        :title="null"
        :border-bottom="false"
        :is-fixed="false"
        :background="null"
        back-icon-color="#000000"
      >
      </u-navbar>

三、u-badge在使用的时候，注意这个组件默认进行了定位，会出现加了该组件不显示的问题。

解决方案一：设置父级position: relative;
解决方案二：设置absolute:false
<u-badge
  type="error"
  :count="2"
  :absolute="false"
></u-badge>

四、button按钮自定义样式去掉边框

button:after {  
    border: none;  
}