vant area組件簡單修改

可能需要的數據 省市數據

html

 <div class="area-box" :class="showArea?'show':''">
     <van-area title="標題" :area-list="areaList" value="110101" @confirm="confirm" @cancel="cancle" />
</div>

style

.area-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.5s ease;
  /* ops */
}

.area-box.show {
  transform: translateY(0);
}