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 @@
+
+
+
+
+
+
+
+ 全程1对1陪同就医,代取号、代排队、代跑腿、打印报告等服务。患者可以更加灵活安排时间,不但解决无人陪同难题,以及排队费时、环境
+
+
+ 600
+ 元/次
+
+
+
+
+ currentTab = index)">
+ {{ item }}
+
+
+
+
+
+ 服务流程
+
+
+
+
+
+
+
+
+
+
+
+
+
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 @@
+
+
+
+
+
+ 苏州
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 尊享VIP陪诊
+
+ 尊享VIP体验,车接车送
+
+
+ ¥
+ 600
+ 元/次
+
+
+
+ 预约
+
+
+
+
+
+
+
+
+
+
+
+
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