微信小程序开发之填坑之旅

微信小程序日益发展成熟，刚实战开发完小程序，记录一下项目过程当中遇到的问题点，帮助和我遇到一样问题的人～😄，话很少说，切入主题：

• scroll-view组件

该组件用来建立可滚动视图区域，这样就不用本身写一个wrapper，但是，总会遇到一些奇特的需求，通常都是去掉滚动条，我这个是偏要显示滚动条，scroll-view在模拟器上滚动条能正常显示，但是到真机上，滚动条滑一下就没掉了，那只能本身写个wrapper再加上滚动条样式了

wxml:
     <view class='wrapper'>
       <view class='cont-wrapper'>
       </view>
     </view>  
wxss:
.wrapper {
  height: 100%;
  width:90%;
  margin:0 auto;
  box-shadow: 1rpx 1rpx 3rpx #eaeaeb;
  border: 1rpx solid #eaeaeb;
}
.cont-wrapper{
  background: #fff;
  overflow: hidden;
  height: 80%; 
  overflow-y:scroll;
 }
::-webkit-scrollbar {
     width: 6px;
}
::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 0px;
}
::-webkit-scrollbar-thumb {
     border-radius: 0px;
     background: #999;
}

• camera与弹框的bug

因为采集身份证信息的，须要采集身份证照片，采用了拍照功能，camera拍照会有声音，这个至今还没解决，有解决的麻烦告诉我一声，😁，页面首次加载进来，尽管用了cover-view弹框首次进入该页面仍是没法覆盖掉camera组件，第二次能够正常覆盖，无奈之下，只能在用户关闭弹框，将camera打开，若是有更好的解决办法，在线告知一下～😂

• 弹框没法覆盖textarea以及textarea的自动换行bug

  wxml:
   <textarea   type='text' auto-height='true' class='correct' value="{{hasJump?'':liveAddrress}}" maxlength="40" fixed="{{tag}}"></textarea>
   wxss:
    textarea{
       width:auto;
       min-height: 24rpx;
       padding: 27rpx 27rpx;
       background-color:#fbfbfb;
       border:1rpx solid #d2d2d2;
       color:#000;
       font-size:24rpx;
     }

设置textarea自动增高，height就会失效，首次又不想height过高，只能经过min-height来设置高度，fixed设置false须要经过变量控制，fixed="false"这样行不通，textarea 组件是由客户端建立的原生组件，它的层级是最高的，不能经过 z-index 控制层级。请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件。弹框没法覆盖textarea组建文字，经过弹框出现以前隐藏textarea的value值
后续再补充～一下想不起来