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
-
25pages/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
-
17store/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