|
|
@@ -159,7 +159,21 @@
|
|
|
<view class="btabLineTxt">我的</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+ <!-- 选择车型 -->
|
|
|
+ <view class="ckcarBox" v-if="ckCarShow" >
|
|
|
+ <view class="ckcar" @click.stop="">
|
|
|
+ <view class="ckcarTop flex">
|
|
|
+ <view class="ckcarTitle">请选择车型</view>
|
|
|
+ <image src="../../static/img/icon_quxiao.png" mode="" class="ckcarClose" @click="ckcarClose"></image>
|
|
|
+ </view>
|
|
|
+ <view class="ckcarlineBox" v-for="(item,index) in moreVinList" @click="gobyItem(item)">
|
|
|
+ <view class="ckcarline flex">
|
|
|
+ <view class="ckcarLeft">{{item.title}}</view>
|
|
|
+ <image src="../../static/img/icon_arrow.png" mode="" class="ckcarJtimg"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -754,4 +768,40 @@ margin-top: 20rpx;
|
|
|
width: 140rpx;height: 140rpx;
|
|
|
margin-top: -70rpx;
|
|
|
}
|
|
|
+.ckcarJtimg{
|
|
|
+ width: 26rpx;height: 26rpx;margin-top: 4rpx;
|
|
|
+}
|
|
|
+.ckcarlineBox{
|
|
|
+ padding:24rpx ;
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
+}
|
|
|
+.ckcarLeft{
|
|
|
+ font-weight: 400;line-height: 36rpx;
|
|
|
+ color: #1A1A1A;font-size: 26rpx;
|
|
|
+}
|
|
|
+.ckcarBox{
|
|
|
+ width: 100vw;height: 100vh;
|
|
|
+ background:rgba(0, 0, 0, 0.4) ;
|
|
|
+ position: fixed;top: 0;left: 0;
|
|
|
+}
|
|
|
+.ckcar{
|
|
|
+ width: 750rpx;
|
|
|
+ height: 772rpx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+.ckcarClose{
|
|
|
+ width: 30rpx;height: 30rpx;
|
|
|
+}
|
|
|
+.ckcarTitle{
|
|
|
+ font-weight: 500;font-size: 28rpx;
|
|
|
+ color: #1A1A1A;
|
|
|
+ line-height: 40rpx;
|
|
|
+}
|
|
|
+.ckcarTop{
|
|
|
+ padding: 40rpx 26rpx 20rpx 24rpx;
|
|
|
+}
|
|
|
</style>
|
