diff --git a/component/Tabbar/Tabbar.vue b/component/Tabbar/Tabbar.vue index b2140e5..6136c41 100644 --- a/component/Tabbar/Tabbar.vue +++ b/component/Tabbar/Tabbar.vue @@ -9,7 +9,7 @@ @tap.stop="clickHandler(item)"> - + {{ item.text }} @@ -18,30 +18,16 @@ + + diff --git a/package_sub/pages/ServiceDetail/ServiceDetail.vue b/package_sub/pages/ServiceDetail/ServiceDetail.vue new file mode 100644 index 0000000..67fedc4 --- /dev/null +++ b/package_sub/pages/ServiceDetail/ServiceDetail.vue @@ -0,0 +1,183 @@ + + + + + diff --git a/package_sub/pages/ServiceList/ServiceList.vue b/package_sub/pages/ServiceList/ServiceList.vue new file mode 100644 index 0000000..ce96ba1 --- /dev/null +++ b/package_sub/pages/ServiceList/ServiceList.vue @@ -0,0 +1,165 @@ + + + + + diff --git a/package_sub/pages/index/index.vue b/package_sub/pages/index/index.vue deleted file mode 100644 index 99e5e68..0000000 --- a/package_sub/pages/index/index.vue +++ /dev/null @@ -1,25 +0,0 @@ - - - - - diff --git a/package_sub/static/AddOrder/bkg.png b/package_sub/static/AddOrder/bkg.png new file mode 100644 index 0000000..f9fd66d Binary files /dev/null and b/package_sub/static/AddOrder/bkg.png differ diff --git a/package_sub/static/ServiceDetail/bkg.png b/package_sub/static/ServiceDetail/bkg.png new file mode 100644 index 0000000..a9582e0 Binary files /dev/null and b/package_sub/static/ServiceDetail/bkg.png differ diff --git a/package_sub/static/ServiceList/bkg.png b/package_sub/static/ServiceList/bkg.png new file mode 100644 index 0000000..f06166f Binary files /dev/null and b/package_sub/static/ServiceList/bkg.png differ diff --git a/package_sub/static/logo.png b/package_sub/static/logo.png deleted file mode 100644 index b5771e2..0000000 Binary files a/package_sub/static/logo.png and /dev/null differ diff --git a/pages.json b/pages.json index 43aae8b..5f08d3f 100644 --- a/pages.json +++ b/pages.json @@ -1,80 +1,90 @@ { - "easycom": { - "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" - }, - "pages": [ - { - "path": "pages/index/index", - "style": { - "navigationStyle": "custom" - } - }, - { - "path": "pages/order/order", - "style": { - "navigationBarTitleText": "", - "enablePullDownRefresh": true - } - }, - { - "path": "pages/me/me", - "style": { - "navigationBarTitleText": "", - "enablePullDownRefresh": true - } - }, - { - "path": "component/Tabbar/Tabbar", - "style": { - "navigationBarTitleText": "", - "enablePullDownRefresh": true - } - } - ], - "subPackages": [ - { - "root": "package_sub", - "pages": [ - { - "path": "pages/index/index", - "style": { - "navigationBarTitleText": "分包页面sub_index" - } - } - ] - } - ], - "preloadRule": { - "package_sub/pages/index/index": { - "network": "all", - "packages": [ - "__APP__" - ] - } - }, - "globalStyle": { - "navigationBarTextStyle": "black", - "navigationBarTitleText": "uni-app", - "navigationBarBackgroundColor": "#F8F8F8", - "backgroundColor": "#F8F8F8" - }, - "tabBar": { - "list": [ - { - "pagePath": "pages/index/index", - "text": "首页" - }, - { - "pagePath": "pages/order/order", - "text": "订单" - }, - { - "pagePath": "pages/me/me", - "text": "我的" - } - ], - "color": "", - "selectedColor": "", - "backgroundColor": "" - } + "easycom": { + "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" + }, + "pages": [ + { + "path": "pages/index/index", + "style": { + "navigationStyle": "custom" + } + }, + { + "path": "pages/order/order", + "style": { + "navigationBarTitleText": "", + "enablePullDownRefresh": true + } + }, + { + "path": "pages/me/me", + "style": { + "navigationBarTitleText": "", + "enablePullDownRefresh": true + } + }, + { + "path": "component/Tabbar/Tabbar", + "style": { + "navigationBarTitleText": "", + "enablePullDownRefresh": true + } + } + ], + "subPackages": [ + { + "root": "package_sub", + "pages": [ + { + "path": "pages/AddOrder/AddOrder", + "style": { + "navigationBarTitleText": "预约陪诊" + } + }, + { + "path": "pages/ServiceList/ServiceList", + "style": { + "navigationBarTitleText": "服务列表", + "enablePullDownRefresh": true + } + }, + { + "path": "pages/ServiceDetail/ServiceDetail", + "style": { + "navigationBarTitleText": "服务项目", + "enablePullDownRefresh": true + } + } + ] + } + ], + "preloadRule": {}, + "globalStyle": { + "navigationBarTextStyle": "black", + "navigationBarTitleText": "uni-app", + "navigationBarBackgroundColor": "#F8F8F8", + "backgroundColor": "#F8F8F8" + }, + "tabBar": { + "list": [ + { + "pagePath": "pages/index/index", + "text": "首页", + "myIconPath": "/static/tabbar/home.svg" + }, + { + "pagePath": "pages/order/order", + "text": "订单", + "myIconPath": "/static/tabbar/order.svg" + }, + { + "pagePath": "pages/me/me", + "text": "我的", + "myIconPath": "/static/tabbar/me.svg" + } + ], + "color": "", + "selectedColor": "", + "backgroundColor": "" + } } diff --git a/pages/index/index.vue b/pages/index/index.vue index 189af8c..b5a5197 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -4,17 +4,17 @@ - + 苏州 - + @@ -34,6 +34,26 @@ + + + + 苏州 + + + + + + + + + + @@ -52,7 +72,7 @@ - + @@ -80,12 +100,12 @@ - + 陪诊团队介绍 让就医体验更美好 预约陪诊 - + @@ -93,7 +113,7 @@ 医院陪护累计 - + @@ -101,18 +121,18 @@ 居家照护累计 - + 关于我们 - + - + 资质荣誉 @@ -121,9 +141,11 @@ - + + + @@ -136,6 +158,8 @@ export default { }, data() { return { + isShowSticky: false, + scrollTop: 308, statusBarHeight: 40, menuButtonRight: 0, @@ -183,8 +207,13 @@ export default { icon: "/static/index/shangchengfuwu.png", }, ], + + isShowCity: false, }; }, + mounted() { + this.getElScrollTop() + }, created() { this.menuButtonRight = uni.getSystemInfoSync().screenWidth - @@ -192,9 +221,38 @@ export default { 10; this.statusBarHeight = uni.getMenuButtonBoundingClientRect().top; }, + onPageScroll(e) { + this.isShowSticky = e.scrollTop > this.scrollTop + }, onLoad() {}, methods: { + getElScrollTop () { + const query = uni.createSelectorQuery().in(this) + query.select('.links').boundingClientRect(data => { + if (data) { + this.scrollTop = data.top + } + }).exec() + }, searchInput(e) {}, + + toPage (url, type='page') { + switch (type) { + case 'page': + uni.navigateTo({ + url + }) + break + case 'tabbar': + uni.switchTab({ + url + }) + break + case 'back': + uni.navigateBack() + break + } + } }, }; @@ -266,6 +324,52 @@ export default { &__icon { } } + .search-sticky { + display: flex; + align-items: center; + background: url("~@/static/index/top-bkg.png") no-repeat; + background-size: cover; + position: sticky; + z-index: 5; + top: 0; + width: 100vw; + padding-bottom: 20rpx; + animation: fade .4s; + filter: drop-shadow(0 2rpx 6rpx #c20d1266); + @keyframes fade { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + + &__position { + flex: 0; + color: #fff; + font-size: 30rpx; + letter-spacing: 3rpx; + font-weight: 500; + white-space: nowrap; + padding: 0 10rpx; + + & > text { + padding: 0 10rpx; + } + } + &__search { + flex: 1; + height: 64rpx; + border-radius: 34rpx; + background: #ffffff; + display: flex; + align-items: center; + position: relative; + + padding: 20rpx 25rpx; + } + } .swiper { margin-top: 24rpx; diff --git a/static/logo.png b/static/logo.png deleted file mode 100644 index b5771e2..0000000 Binary files a/static/logo.png and /dev/null differ diff --git a/static/switch.png b/static/switch.png new file mode 100644 index 0000000..e0bb51b Binary files /dev/null and b/static/switch.png differ