微信小程序開發之填坑之旅

微信小程序日益發展成熟，剛實戰開發完小程序，記錄一下項目過程當中遇到的問題點，幫助和我遇到一樣問題的人～😄，話很少說，切入主題：

• 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值
後續再補充～一下想不起來