diff --git a/common/css/app.scss b/common/css/app.scss index 98da871..e6e2c56 100644 --- a/common/css/app.scss +++ b/common/css/app.scss @@ -36,6 +36,11 @@ view { .pageBg { background: #F6F6F6; } +.pageBgImg { + background: url('static/images/bigImg/topbg.png') #F6F6F6 no-repeat; + // background: url('http://192.168.1.20:81/zhili/image/20230814/625b0f15924541cda70b4616f032d194.png') #F6F6F6 no-repeat; + background-size: 100% 362rpx; +} .pad { padding: 0 28rpx; } diff --git a/components/searchRow/searchRow.vue b/components/searchRow/searchRow.vue new file mode 100644 index 0000000..782ae74 --- /dev/null +++ b/components/searchRow/searchRow.vue @@ -0,0 +1,51 @@ + + + + + \ No newline at end of file diff --git a/components/topNavbar/topNavbar.vue b/components/topNavbar/topNavbar.vue new file mode 100644 index 0000000..ba00ff2 --- /dev/null +++ b/components/topNavbar/topNavbar.vue @@ -0,0 +1,30 @@ + + + + + \ No newline at end of file diff --git a/pages.json b/pages.json index 8d28d29..5bcc315 100644 --- a/pages.json +++ b/pages.json @@ -30,6 +30,20 @@ ], "subPackages": [ { + "root": "pages/indexEntry", + "pages": [ + { + "path": "findShcool/findShcool", + "style": { + "navigationBarTitleText": "找驾校", + "navigationStyle": "custom", + "enablePullDownRefresh": false, + "backgroundTextStyle": "dark" + } + } + ] + }, + { "root": "pages/userCenter", "pages": [ { diff --git a/pages/indexEntry/findShcool/findShcool.vue b/pages/indexEntry/findShcool/findShcool.vue new file mode 100644 index 0000000..71a305f --- /dev/null +++ b/pages/indexEntry/findShcool/findShcool.vue @@ -0,0 +1,156 @@ + + + + + \ No newline at end of file diff --git a/pages/index/index.vue b/pages/indexEntry/index.vue similarity index 100% rename from pages/index/index.vue rename to pages/indexEntry/index.vue diff --git a/pages/tabbar/index/index.vue b/pages/tabbar/index/index.vue index 0338f62..81f1f9c 100644 --- a/pages/tabbar/index/index.vue +++ b/pages/tabbar/index/index.vue @@ -32,24 +32,14 @@ - - - - - - - - - - + - + @@ -117,7 +107,7 @@ export default { data() { return { - showPrivacy: true, + showPrivacy: false, keywords: '', entrySection: [{ text: '我要报名', @@ -126,6 +116,7 @@ { text: '找驾校', icon: require('../../../static/images/index/ic_jiaxiao.png'), + url: '/pages/indexEntry/findShcool/findShcool' }, { text: '找考场', @@ -224,8 +215,10 @@ close() { }, - open() { - + goPageSection(item) { + uni.navigateTo({ + url:item.url + }) }, // 扫码 scanCodeFn() { @@ -314,30 +307,7 @@ padding: 0 28rpx; width: 100%; - .searchBg { - background: #8ABAED; - width: 100%; - height: 72rpx; - border-radius: 16rpx; - line-height: 72rpx; - - .flex { - height: 100%; - padding: 0 28rpx; - - .searchIcon { - width: 40rpx; - height: 40rpx; - } - - .inputBox { - padding-left: 28rpx; - flex: 1; - color: #fff; - font-size: 28rpx; - } - } - } + } } diff --git a/pages/tabbar/learnCar/comp/comp.scss b/pages/tabbar/learnCar/comp/comp.scss new file mode 100644 index 0000000..6f3e03e --- /dev/null +++ b/pages/tabbar/learnCar/comp/comp.scss @@ -0,0 +1,109 @@ + + + + .h1 { + font-size: 32rpx; + color: #333; + font-weight: 500; + position: relative; + padding: 0 0 0 32rpx; + line-height: 108rpx; + height: 108rpx; + &::before { + position: absolute; + content: ''; + width: 8rpx; + height: 32rpx; + background: #1F6EFA; + border-radius: 4rpx; + top: 50%; + left: 0; + transform: translateY(-50%); + } + } + + .card { + background: #FFFFFF; + border-radius: 16rpx; + padding: 28rpx 32rpx; + margin-bottom: 20rpx; + &.mb0 { + margin-bottom: 0; + } + .flex-b { + align-items: center; + + .lab { + font-size: 28rpx; + color: #333; + } + + .btn { + width: 144rpx; + height: 56rpx; + background: #1989FA; + border-radius: 8rpx; + font-size: 28rpx; + color: #fff; + text-align: center; + line-height: 56rpx; + &.disable { + opacity: 0.3; + } + } + } + .date { + font-size: 28rpx; + color: #333; + } + } + + .learnStatus { + .more { + display: flex; + align-items: center; + .txt { + font-size: 24rpx; + color: #686B73; + } + + .moreIcon { + + } + } + .bg { + background: rgba(25,137,250,0.1); + border-radius: 16rpx; + margin-top: 22rpx; + padding: 20rpx 20rpx 0 20rpx; + .row { + padding-bottom: 20rpx; + display: flex; + justify-content: space-between; + width: 100%; + align-items: center; + &.oneBtn { + justify-content: center; + } + } + .text { + color: $themC; + font-size: 28rpx; + } + } + } + + .tpsLine { + font-size: 24rpx; + color: #ADADAD; + border-top: 1px solid #E8E9EC; + margin-top: 20rpx; + padding-top: 18rpx; + } + .cancel { + font-size: 28rpx; + font-weight: 400; + color: #ADADAD; + margin-top: 22rpx; + text-decoration: underline; + } \ No newline at end of file diff --git a/pages/tabbar/learnCar/comp/subject0.vue b/pages/tabbar/learnCar/comp/subject0.vue new file mode 100644 index 0000000..dbaccbd --- /dev/null +++ b/pages/tabbar/learnCar/comp/subject0.vue @@ -0,0 +1,62 @@ + + + + + \ No newline at end of file diff --git a/pages/tabbar/learnCar/comp/subject1.vue b/pages/tabbar/learnCar/comp/subject1.vue new file mode 100644 index 0000000..6431261 --- /dev/null +++ b/pages/tabbar/learnCar/comp/subject1.vue @@ -0,0 +1,83 @@ + + + + + \ No newline at end of file diff --git a/pages/tabbar/learnCar/comp/subject2.vue b/pages/tabbar/learnCar/comp/subject2.vue new file mode 100644 index 0000000..b4766b9 --- /dev/null +++ b/pages/tabbar/learnCar/comp/subject2.vue @@ -0,0 +1,104 @@ + + + + + \ No newline at end of file diff --git a/pages/tabbar/learnCar/comp/subject3.vue b/pages/tabbar/learnCar/comp/subject3.vue new file mode 100644 index 0000000..8533231 --- /dev/null +++ b/pages/tabbar/learnCar/comp/subject3.vue @@ -0,0 +1,103 @@ + + + + + \ No newline at end of file diff --git a/pages/tabbar/learnCar/comp/subject4.vue b/pages/tabbar/learnCar/comp/subject4.vue new file mode 100644 index 0000000..a459bf5 --- /dev/null +++ b/pages/tabbar/learnCar/comp/subject4.vue @@ -0,0 +1,75 @@ + + + + + \ No newline at end of file diff --git a/pages/tabbar/learnCar/index.vue b/pages/tabbar/learnCar/index.vue index 0cfef8b..594bf8c 100644 --- a/pages/tabbar/learnCar/index.vue +++ b/pages/tabbar/learnCar/index.vue @@ -1,16 +1,68 @@