12 changed files with 326 additions and 81 deletions
-
4components/nodata/nodata.vue
-
5config/api.js
-
38config/request.js
-
2config/utils.js
-
17pages/carEntry/operaAppointment/comp/coachInfo.vue
-
35pages/carEntry/operaAppointment/comp/pickDate.vue
-
45pages/carEntry/operaAppointment/comp/step1.vue
-
12pages/carEntry/operaAppointment/comp/step2.vue
-
53pages/carEntry/operaAppointment/operaAppointment.vue
-
2pages/tabbar/index/index.vue
-
165pages/tabbar/learnCar/index - 副本.vue
-
27store/modules/user.js
@ -0,0 +1,165 @@ |
|||
<template> |
|||
<view class="content pageBgImg"> |
|||
<view style="width: 100%;height: 40rpx;"></view> |
|||
<view class="status_bar"></view> |
|||
<view class="title">江西驾考公共服务平台</view> |
|||
<view class="navCard"> |
|||
<view class="nav_row"> |
|||
<view class="nav " v-for="(item,index) in navData" :key="index" :class="{active: item.id==currentNav}" @click="changeNav(item.id)">{{ item.text }}</view> |
|||
</view> |
|||
<view class="time_row"> |
|||
<view class="time_item"> |
|||
<view class="lab">应完成学时</view> |
|||
<view class="num">100分钟</view> |
|||
</view> |
|||
<view class="time_item"> |
|||
<view class="lab">已完成学时</view> |
|||
<view class="num">30分钟</view> |
|||
<view class="shareTime">*与科目一学时共享</view> |
|||
</view> |
|||
</view> |
|||
<view class="subject3" v-if="currentNav==3"> |
|||
<view class="chain left"> |
|||
<image src="@/static/images/index/chain.png" mode=""></image> |
|||
</view> |
|||
<view class="chain right"> |
|||
<image src="@/static/images/index/chain.png" mode=""></image> |
|||
</view> |
|||
<view class="time_row "> |
|||
<view class="time_item"> |
|||
<view class="lab">应完成里程</view> |
|||
<view class="num">50km</view> |
|||
</view> |
|||
<view class="time_item"> |
|||
<view class="lab">已完成里程</view> |
|||
<view class="num">0km</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<subject0 v-show="currentNav==0"/> |
|||
<subject1 v-show="currentNav==1"/> |
|||
<subject2 v-show="currentNav==2"/> |
|||
<subject3 v-show="currentNav==3"/> |
|||
<subject4 v-show="currentNav==4"/> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import subject0 from './comp/subject0' |
|||
import subject1 from './comp/subject1' |
|||
import subject2 from './comp/subject2' |
|||
import subject3 from './comp/subject3' |
|||
import subject4 from './comp/subject4' |
|||
export default { |
|||
components: { subject0, subject1, subject2, subject3, subject4 }, |
|||
data() { |
|||
return { |
|||
navData: [ |
|||
{text: '模拟器', id: 0}, |
|||
{text: '科目一', id: 1}, |
|||
{text: '科目二', id: 2}, |
|||
{text: '科目三', id: 3}, |
|||
{text: '科目四', id: 4}, |
|||
], |
|||
currentNav: 0 |
|||
} |
|||
}, |
|||
onLoad() { |
|||
}, |
|||
onShow() { |
|||
// uni.hideTabBar(); |
|||
}, |
|||
methods: { |
|||
changeNav(id) { |
|||
this.currentNav = id |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.content { |
|||
width: 100vw; |
|||
min-height: 100vh; |
|||
// background: url('../../../static/images/bigImg/topbg.png') #F6F6F6 no-repeat; |
|||
background-size: 100% 362rpx; |
|||
padding: 0 32rpx 32rpx 32rpx; |
|||
.title { |
|||
font-size: 36rpx; |
|||
font-weight: 600; |
|||
color: #fff; |
|||
padding: 10rpx 0 48rpx 0rpx; |
|||
} |
|||
.navCard { |
|||
.nav_row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
.nav { |
|||
width: 19.4%; |
|||
height: 86rpx; |
|||
background: rgba(255,255,255,0.4); |
|||
border-radius: 8rpx 8rpx 0px 0px; |
|||
font-size: 28rpx; |
|||
color: #fff; |
|||
line-height: 86rpx; |
|||
text-align: center; |
|||
&.active { |
|||
background: #FFFFFF; |
|||
color: $themC; |
|||
} |
|||
} |
|||
} |
|||
.subject3 { |
|||
padding-top: 32rpx; |
|||
position: relative; |
|||
.chain { |
|||
width: 28rpx; |
|||
height: 100rpx; |
|||
position: absolute; |
|||
top: -34rpx; |
|||
&.left { |
|||
left: 60rpx; |
|||
} |
|||
&.right { |
|||
right: 60rpx !important; |
|||
} |
|||
} |
|||
} |
|||
.time_row { |
|||
display: flex; |
|||
height: 240rpx; |
|||
padding: 32rpx; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background: #fff; |
|||
border-radius: 0 0 8rpx 8rpx; |
|||
.time_item { |
|||
flex: 1; |
|||
text-align: center; |
|||
position: relative; |
|||
.lab { |
|||
font-size: 28rpx; |
|||
color: #333; |
|||
} |
|||
|
|||
.num { |
|||
font-size: 40rpx; |
|||
font-weight: 600; |
|||
color: $themC; |
|||
margin-top: 20rpx; |
|||
} |
|||
.shareTime { |
|||
font-size: 20rpx; |
|||
color: $themC; |
|||
position: absolute; |
|||
bottom: -40rpx; |
|||
left: 0; |
|||
width: 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue