From aaa767b2054fdbe7f60b9d1fdc7a8ad3b25d6c90 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Thu, 17 Dec 2020 16:37:31 +0800 Subject: [PATCH] gx --- hive-app/pages/workbench/orderList.vue | 3 hive-app/App.vue | 2 hive-app/common/styles/index.css | 22 ++++- hive-app/pages.json | 22 +++++ hive-app/pages/workbench/index.vue | 4 hive-app/pages/member/index.vue | 2 hive-app/pages/member/membershipCard.vue | 45 ++++++++--- hive-app/pages/member/detail.vue | 12 ++ hive-app/pages/member/skinDetectionDetail.vue | 15 +++ hive-app/pages/workbench/selectProduct.vue | 8 +- hive-app/pages/member/skinDetection.vue | 86 +++++++++++++++++++++ 11 files changed, 190 insertions(+), 31 deletions(-) diff --git a/hive-app/App.vue b/hive-app/App.vue index 0d223b2..7129017 100644 --- a/hive-app/App.vue +++ b/hive-app/App.vue @@ -16,5 +16,5 @@ /*每个页面公共css */ @import url("./common/styles/index"); @import url("./static/iconfont/iconfont.css"); -@import url("//at.alicdn.com/t/font_2263696_m22p50f3dmd.css"); +@import url("//at.alicdn.com/t/font_2263696_3utca10eqri.css"); </style> diff --git a/hive-app/common/styles/index.css b/hive-app/common/styles/index.css index 29c647f..c52b1dd 100644 --- a/hive-app/common/styles/index.css +++ b/hive-app/common/styles/index.css @@ -92,7 +92,7 @@ color: #FFFFFF; } .gray{ - color: #8c9fad; + color: #a5abaf; } .light-gray{ color: #a7a7a7; @@ -190,15 +190,25 @@ } /* 蓝色圆形加减按钮 */ .blue-btn-circle{ - width: 30px; - height: 30px; - display: flex; - align-items: center; - justify-content: center; + height: 26px; + width: 26px; + line-height: 26px; + box-sizing: border-box; + font-size: 14px!important; border-radius: 50%; background: #518EFF; color: #FFFFFF; } +.blue-outline-btn-circle{ + height: 26px; + width: 26px; + line-height: 24px; + box-sizing: border-box; + font-size: 12px!important; + border-radius: 50%; + border: 2px solid #518EFF; + color: #518EFF; +} /* 固定底部 */ .sticky-footer{ diff --git a/hive-app/pages.json b/hive-app/pages.json index c3309da..9d6d769 100644 --- a/hive-app/pages.json +++ b/hive-app/pages.json @@ -51,6 +51,28 @@ } }, { + "path": "pages/member/skinDetection", + "style": { + "navigationBarTitleText": "皮肤检测", + "navigationBarBackgroundColor":"#518EFF", + "navigationBarTextStyle":"white", + "app-plus":{ + "scrollIndicator": "none" + } + } + }, + { + "path": "pages/member/skinDetectionDetail", + "style": { + "navigationBarTitleText": "皮肤检测详情", + "navigationBarBackgroundColor":"#FFFFFF", + "navigationBarTextStyle":"black", + "app-plus":{ + "scrollIndicator": "none" + } + } + }, + { "path": "pages/mine/index", "style": { "transparentTitle": "always", diff --git a/hive-app/pages/member/detail.vue b/hive-app/pages/member/detail.vue index 394ba15..cf80247 100644 --- a/hive-app/pages/member/detail.vue +++ b/hive-app/pages/member/detail.vue @@ -54,8 +54,10 @@ </navigator> </view> <view class="detail-item"> - <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail4.png"></image> - <text class="font-14 mt-5">皮肤监测</text> + <navigator url="./skinDetection" hover-class="none" > + <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail4.png"></image> + <text class="font-14 mt-5">皮肤检测</text> + </navigator> </view> <view class="detail-item"> <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail5.png"></image> @@ -69,6 +71,12 @@ <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail7.png"></image> <text class="font-14 mt-5">跟进记录</text> </view> + <view class="detail-item"> + <navigator url="./membershipCard" hover-class="none" > + <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail3.png"></image> + <text class="font-14 mt-5">会员档案</text> + </navigator> + </view> </view> </view> <view class="sticky-footer flex justify-between"> diff --git a/hive-app/pages/member/index.vue b/hive-app/pages/member/index.vue index 4b2b373..afb5c8a 100644 --- a/hive-app/pages/member/index.vue +++ b/hive-app/pages/member/index.vue @@ -32,7 +32,7 @@ </view> <view class="quick-entry"> <navigator url="./editMember" hover-class="navigator-hover"> - <text class="iconfont iconjiahao"></text> + <text class="iconfont iconjia"></text> </navigator> </view> </view> diff --git a/hive-app/pages/member/membershipCard.vue b/hive-app/pages/member/membershipCard.vue index 6b5db92..d7a1e41 100644 --- a/hive-app/pages/member/membershipCard.vue +++ b/hive-app/pages/member/membershipCard.vue @@ -1,16 +1,31 @@ <template> <view class="container"> - <view class="card-item"> - <view class="card-header"> + <view class="list-item"> + <view class="list-header"> <text class="name">会员卡</text> <text>NO 23564</text> </view> - <view class="card-content"> + <view class="list-content"> <text> - ¥ 5656789 + ¥<text class="ml-10">565,6789</text> </text> </view> - <view class="card-footer"> + <view class="list-footer"> + <text>赠送金额 ¥ 5656</text> + <text>有效期:2025-10-20</text> + </view> + </view> + <view class="list-item"> + <view class="list-header"> + <text class="name">会员卡</text> + <text>NO 23564</text> + </view> + <view class="list-content"> + <text> + ¥<text class="ml-10">565,6789</text> + </text> + </view> + <view class="list-footer"> <text>赠送金额 ¥ 5656</text> <text>有效期:2025-10-20</text> </view> @@ -38,26 +53,30 @@ .container{ padding: 10px 10px; } - .card-item{ + .list-item{ background: #F0AD4E; color: #FFFFFF; font-size: 14px; padding: 12px 15px; border-radius: 4px; + margin-bottom: 10px; } - .card-header{ + .list-header{ display: flex; justify-content: space-between; align-items: center; } - .card-header .name{ - font-size: 22px; + .list-header .name{ + font-size: 18px; font-weight: bold; } - .card-content{ - + .list-content{ + padding: 20px 0; + font-size: 30px; } - .card-footer{ - + .list-footer{ + display: flex; + justify-content: space-between; + align-items: center; } </style> diff --git a/hive-app/pages/member/skinDetection.vue b/hive-app/pages/member/skinDetection.vue new file mode 100644 index 0000000..f6a4681 --- /dev/null +++ b/hive-app/pages/member/skinDetection.vue @@ -0,0 +1,86 @@ +<template> + <view class="container"> + <view class="list-item"> + <navigator url="./skinDetectionDetail?title=皮肤色斑检测分析" hover-class=""> + <view class="list-header"> + <text class="name">皮肤色斑检测分析</text> + <text class="gray">2020-12-08 10:12:48</text> + </view> + <view class="list-content"> + <view class="flex justify-between"> + <text>检测师</text> + <text class="gray">李广</text> + </view> + <view class="flex justify-between"> + <text>检测门店</text> + <text class="gray">梅溪湖店</text> + </view> + </view> + </navigator> + </view> + <view class="list-item"> + <navigator url="./skinDetectionDetail?title=皮肤色斑检测分析" hover-class=""> + <view class="list-header"> + <text class="name">皮肤色斑检测分析</text> + <text class="gray">2020-12-08 10:12:48</text> + </view> + <view class="list-content"> + <view class="flex justify-between"> + <text>检测师</text> + <text class="gray">李广</text> + </view> + <view class="flex justify-between"> + <text>检测门店</text> + <text class="gray">梅溪湖店</text> + </view> + </view> + </navigator> + </view> + </view> +</template> + +<script> + export default{ + components:{ + + }, + data(){ + return { + + } + }, + methods:{ + + } + } +</script> + +<style> + page{ + background: #F2f2f2; + } + .container{ + padding: 15px 10px; + } + .list-item{ + background: #FFFFFF; + color: #3a3f3f; + font-size: 14px; + padding: 12px 15px; + border-radius: 4px; + margin-bottom: 10px; + } + .list-header{ + display: flex; + justify-content: space-between; + align-items: center; + } + .list-header .name{ + font-size: 15px; + font-weight: bold; + } + .list-content{ + padding-top: 10px; + line-height: 26px; + } +</style> diff --git a/hive-app/pages/member/skinDetectionDetail.vue b/hive-app/pages/member/skinDetectionDetail.vue new file mode 100644 index 0000000..b49fab0 --- /dev/null +++ b/hive-app/pages/member/skinDetectionDetail.vue @@ -0,0 +1,15 @@ +<template> +</template> + +<script> + export default{ + onLoad(options) { + uni.setNavigationBarTitle({ + title: options.title + }); + } + } +</script> + +<style> +</style> diff --git a/hive-app/pages/workbench/index.vue b/hive-app/pages/workbench/index.vue index f861cb3..58ad2ef 100644 --- a/hive-app/pages/workbench/index.vue +++ b/hive-app/pages/workbench/index.vue @@ -8,12 +8,12 @@ <text class="font-18 dark-gray">HIVE</text> <view> <text class="icon gray iconfont iconsousuo mr-15"></text> - <text class="icon gray iconfont iconjiahao" @click.stop="isShow=!isShow"></text> + <text class="icon gray iconfont iconjia" @click.stop="isShow=!isShow"></text> </view> </view> <popover class="popup-content" v-show="isShow"> <view class="popup-item flex align-center"> - <text class="icon white iconfont iconjiahao mr-5"></text> + <text class="icon white iconfont iconjia mr-5"></text> <text class="white font-14 popup-content-text">新增会员</text> </view> <view class="popup-item flex align-center"> diff --git a/hive-app/pages/workbench/orderList.vue b/hive-app/pages/workbench/orderList.vue index a129833..bb1fb8d 100644 --- a/hive-app/pages/workbench/orderList.vue +++ b/hive-app/pages/workbench/orderList.vue @@ -13,9 +13,8 @@ color: '#abb1cc', activeColor: '#518EFF', underLineColor: '#518EFF', - underLineHeight: 8, + underLineHeight: 4, fontSize: '30', - itemWidth: 100, underLineWidth: 60, }" /> diff --git a/hive-app/pages/workbench/selectProduct.vue b/hive-app/pages/workbench/selectProduct.vue index 0e9dd98..90e40f1 100644 --- a/hive-app/pages/workbench/selectProduct.vue +++ b/hive-app/pages/workbench/selectProduct.vue @@ -16,18 +16,18 @@ <text class="flex justify-start font-14">肽妍氨基酸平衡基础洁面乳</text> <text class="flex justify-start font-14 red mt-10">¥400.00</text> <view class="flex align-center justify-end mt-10"> - <button class="blue-btn-circle mr-10">-</button> + <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> <text>1</text> - <button class="blue-btn-circle ml-10 mr-0">+</button> + <text class="iconfont iconjia blue-btn-circle ml-10"></text> </view> </view> <view class="flex flex-v list-right-row"> <text class="flex justify-start font-14">肽妍氨基酸平衡基础洁面乳</text> <text class="flex justify-start font-14 red mt-10">¥400.00</text> <view class="flex align-center justify-end mt-10"> - <button class="blue-btn-circle mr-10">-</button> + <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> <text>1</text> - <button class="blue-btn-circle ml-10 mr-0">+</button> + <text class="iconfont iconjia blue-btn-circle ml-10"></text> </view> </view> </scroll-view> -- Gitblit v1.9.1