|
|
@@ -1,50 +1,52 @@
|
|
|
<template>
|
|
|
- <u-popup v-model="value" mode="bottom" :popup="false" :mask="true" :closeable="true" :safe-area-inset-bottom="true"
|
|
|
- close-icon-color="#ffffff" :z-index="uZIndex" :maskCloseAble="maskCloseAble" @close="close">
|
|
|
- <u-tabs active-color="#FF9447" v-if="value" :list="genTabsList" :is-scroll="true" :current="tabsIndex"
|
|
|
- @change="tabsChange" ref="tabs"></u-tabs>
|
|
|
- <view class="area-box">
|
|
|
- <view class="u-flex" :class="{ 'change':isChange }">
|
|
|
- <view class="area-item">
|
|
|
- <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
- <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
- <u-cell-group>
|
|
|
- <u-cell-item v-for="(item,index) in provinces" :title="item.label" :arrow="false"
|
|
|
- :index="index" :key="index" @click="provinceChange(item,index)">
|
|
|
- <text v-if="isChooseP&&province==index" class="cuIcon-check text-bold"></text>
|
|
|
- </u-cell-item>
|
|
|
- </u-cell-group>
|
|
|
- </scroll-view>
|
|
|
+ <view class="" :style="vuex_skin">
|
|
|
+ <u-popup v-model="value" mode="bottom" :popup="false" :mask="true" :closeable="true" :safe-area-inset-bottom="true"
|
|
|
+ close-icon-color="#ffffff" :z-index="uZIndex" :maskCloseAble="maskCloseAble" @close="close">
|
|
|
+ <u-tabs :active-color="vuex_skin.bgColor" v-if="value" :list="genTabsList" :is-scroll="true" :current="tabsIndex"
|
|
|
+ @change="tabsChange" ref="tabs"></u-tabs>
|
|
|
+ <view class="area-box">
|
|
|
+ <view class="u-flex" :class="{ 'change':isChange }">
|
|
|
+ <view class="area-item">
|
|
|
+ <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
+ <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
+ <u-cell-group>
|
|
|
+ <u-cell-item v-for="(item,index) in provinces" :title="item.label" :arrow="false"
|
|
|
+ :index="index" :key="index" @click="provinceChange(item,index)">
|
|
|
+ <text v-if="isChooseP&&province==index" class="cuIcon-check text-bold"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="area-item">
|
|
|
- <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
- <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
- <u-cell-group v-if="isChooseP">
|
|
|
- <u-cell-item v-for="(item,index) in citys" :title="item.label" :arrow="false"
|
|
|
- :index="index" :key="index" @click="cityChange(item,index)">
|
|
|
- <text v-if="isChooseC&&city==index" class="cuIcon-check text-bold"></text>
|
|
|
- </u-cell-item>
|
|
|
- </u-cell-group>
|
|
|
- </scroll-view>
|
|
|
+ <view class="area-item">
|
|
|
+ <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
+ <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
+ <u-cell-group v-if="isChooseP">
|
|
|
+ <u-cell-item v-for="(item,index) in citys" :title="item.label" :arrow="false"
|
|
|
+ :index="index" :key="index" @click="cityChange(item,index)">
|
|
|
+ <text v-if="isChooseC&&city==index" class="cuIcon-check text-bold"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="area-item">
|
|
|
- <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
- <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
- <u-cell-group v-if="isChooseC">
|
|
|
- <u-cell-item v-for="(item,index) in areas" :title="item.label" :arrow="false"
|
|
|
- :index="index" :key="index" @click="areaChange(item,index)">
|
|
|
- <text v-if="isChooseA&&area==index" class="cuIcon-check text-bold"></text>
|
|
|
- </u-cell-item>
|
|
|
- </u-cell-group>
|
|
|
- </scroll-view>
|
|
|
+
|
|
|
+ <view class="area-item">
|
|
|
+ <view class="u-padding-10 u-bg-gray" style="height: 100%;">
|
|
|
+ <scroll-view :scroll-y="true" style="height: 100%">
|
|
|
+ <u-cell-group v-if="isChooseC">
|
|
|
+ <u-cell-item v-for="(item,index) in areas" :title="item.label" :arrow="false"
|
|
|
+ :index="index" :key="index" @click="areaChange(item,index)">
|
|
|
+ <text v-if="isChooseA&&area==index" class="cuIcon-check text-bold"></text>
|
|
|
+ </u-cell-item>
|
|
|
+ </u-cell-group>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </u-popup>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|