diff --git a/pages.json b/pages.json index b562bfb..05e2f62 100644 --- a/pages.json +++ b/pages.json @@ -20,6 +20,12 @@ "navigationStyle": "custom" } }, + { + "path": "pages/index/components/myCar", + "style": { + "navigationStyle": "custom" + } + }, { "path": "pages/index/components/businessCenter", "style": { diff --git a/pages/index/components/myCar.vue b/pages/index/components/myCar.vue new file mode 100644 index 0000000..4d2c857 --- /dev/null +++ b/pages/index/components/myCar.vue @@ -0,0 +1,164 @@ + + + + + \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index 25a2904..16bb082 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -8,7 +8,7 @@ - + 黑A00000 @@ -191,6 +191,11 @@ const drivingLicence = () => { url: './components/drivingLicence' }); }; +const myCar = ()=>{ + uni.navigateTo({ + url: './components/myCar' + }); +} const closedclick = (id) => { if (id == 10) { uni.navigateTo({ diff --git a/pages/schedule/index.vue b/pages/schedule/index.vue index f055624..5627425 100644 --- a/pages/schedule/index.vue +++ b/pages/schedule/index.vue @@ -1,151 +1,301 @@ + .icon { + display: flex; + align-items: center; + margin-right: 1rem; + } + + .tow { + .custom-tabs { + display: flex; + justify-content: space-between; + background-color: #fff; + position: relative; + padding: 0 30rpx; + } + + .custom-tabs-bar { + height: 100rpx; + line-height: 100rpx; + color: #000; + font-weight: 700; + padding-right: 30rpx; + position: relative; + + &.active { + color: #49a1d7; + font-weight: 700; + } + } + + .tabbar-text { + font-size: 1rem; + } + + .custom-tabs-cursor { + position: absolute; + bottom: 3px; + left: 20px; + width: 80px; + height: 2px; + border-radius: 2px; + background-color: #49a1d7; + transition: all 0.3s ease-out; + } + + .content-area { + height: 75vh; + background-color: #f7f8fa; + } + } + + .schedule-card { + height: 250rpx; + padding: 0rpx 30rpx 20rpx; + background-color: #fff; + display: flex; + justify-content: space-between; + margin-bottom: 20rpx; + + .card-left { + width: 86%; + margin: 10rpx 0 0 20rpx; + display: flex; + flex-direction: column; + justify-content: space-around; + + .content-top { + display: flex; + align-items: center; + justify-content: space-between; + + .car-center-tag { + width: 80rpx; + height: 44rpx; + border: 1rpx solid #849cb6; + display: flex; + align-items: center; + justify-content: center; + color: #849cb6; + border-radius: 5rpx; + } + } + + .content-bottom { + height: 60%; + display: flex; + flex-direction: column; + justify-content: space-around; + + .card-content { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 26rpx; + color: #808080; + } + } + } + + .card-right { + width: 10%; + display: flex; + align-items: center; + justify-content: center; + } + } + + .noData { + height: 70vh; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + + .image { + width: 100rpx; + height: 100rpx; + padding: 10rpx 40rpx 0 0; + } + \ No newline at end of file diff --git a/static/R41.png b/static/R41.png new file mode 100644 index 0000000..a09511e Binary files /dev/null and b/static/R41.png differ diff --git a/static/YM.png b/static/YM.png new file mode 100644 index 0000000..cca41ab Binary files /dev/null and b/static/YM.png differ