From 2074bffdc415a5240ec363763ae60c1b55a67e5e Mon Sep 17 00:00:00 2001 From: abson Date: Fri, 18 Feb 2022 11:31:50 +0800 Subject: [PATCH] 测肤成功报告 --- packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js | 4 ++-- packageB/pages/AI-test-skin/success_result/success_result.js | 25 ++++++++++++++++++++++++- packageB/pages/AI-test-skin/success_result/success_result.wxml | 627 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- packageB/pages/AI-test-skin/success_result/success_result.wxss | 334 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 984 insertions(+), 6 deletions(-) diff --git a/packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js b/packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js index 18d429a..ca7c7eb 100644 --- a/packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js +++ b/packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js @@ -1,7 +1,7 @@ /* - * @Author: your name + * @Author: abson * @Date: 2022-02-15 10:01:57 - * @LastEditTime: 2022-02-16 15:40:54 + * @LastEditTime: 2022-02-17 09:40:38 * @LastEditors: Please set LastEditors * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AEet urkl * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\shoot_notice\shoot_notice.js diff --git a/packageB/pages/AI-test-skin/success_result/success_result.js b/packageB/pages/AI-test-skin/success_result/success_result.js index 5bdf75d..d7ecdec 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.js +++ b/packageB/pages/AI-test-skin/success_result/success_result.js @@ -1,11 +1,27 @@ +/* + * @Author: abson + * @Date: 2022-02-16 15:36:47 + * @LastEditTime: 2022-02-17 09:40:31 + * @LastEditors: Please set LastEditors + * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE + * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\success_result\success_result.js + */ // packageB/pages/AI-test-skin/success_result/success_result.js +const app = getApp(); +const request = app.request; +const os = app.globalData; +const setting = os.setting; +const ut = require('../../../../utils/util'); Page({ /** * 页面的初始数据 */ data: { - + tab: [{ id: 'zong_he', name: '综合肤质' }, { id: 'mao_kong', name: '毛孔' }, { id: 'hei_tou', name: '黑头' }, { id: 'se_ban', name: '色斑' }, { id: 'zhou_wen', name: '皱纹' }, { id: 'hei_yan_quan', name: '黑眼圈' }, { id: 'cuo_chuang', name: '痤疮' }, { id: 'ming_gan_ji', name: '敏感度' }], + currentIndex: 0, + tab_id:'zong_he', + iurl: setting.imghost, }, /** @@ -28,6 +44,13 @@ Page({ onShow: function () { }, + clickTab(e) { + let { index, tab_id } = e.currentTarget.dataset; + this.setData({ + currentIndex: index, + tab_id, + }) + }, /** * 生命周期函数--监听页面隐藏 diff --git a/packageB/pages/AI-test-skin/success_result/success_result.wxml b/packageB/pages/AI-test-skin/success_result/success_result.wxml index e73182b..d8dbda1 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.wxml +++ b/packageB/pages/AI-test-skin/success_result/success_result.wxml @@ -1,2 +1,625 @@ - -packageB/pages/AI-test-skin/success_result/success_result.wxml + + + + {{item.name}} + + + + + + + 毛孔 较粗大 + 色斑 轻度 + 黑眼圈 轻度 + + + + + + 黑头 轻度 + 皱纹 轻度 + 痤疮 轻度 + + + + + 综合得分 + + 70 + + + + + + 肤况 + 待改善 + + + + + + + + + + + + + + 油性肌肤 + + 干性区 + 油性区 + + + 你的油性的身份骨科大夫地方官梵蒂冈反对烦得很东方红风格和的发挥 + + + + + + + + + #01 + + 毛孔 + + 问题标注 + + + + + + + + + + 程度情况 + 较粗大 + + + + + + + + 粗大区域 + 右脸颊 + + + + 明显可见毛孔或内含小于毛孔大小角栓 + + + + + 原因分析 + + + + 皮脂腺分泌旺盛 + + + + 皮脂腺分泌旺盛 + + + + + + + 护理建议 + + + 01 日常防晒 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 02 补水保湿 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 03 早晚清洁 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + + + + + + 毛孔问题的疗程 + + + + + + 小气泡疗程 + + 祛斑 + 抗丑 + + ￥100 + + + + + 适合毛孔问题的护肤品 + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + + 祛斑 + 抗丑 + + + ￥100 + + + + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + 祛痘修护 + + + ￥100 + + + + + + + + + + + + #04 + + 色斑 + + 问题标注 + + + + + + + + + + 程度情况 + 较粗大 + + + + + + 眼周 + 鱼尾纹 + 眼部皱纹 + 泪沟(健康) + + + + + + + + + + + 额头 + 抬头皱纹(健康) + 眉间纹(健康) + + + 嘴周 + 法令纹 + 口角纹 + + + + + 明显可见毛孔或内含小于毛孔大小角栓 + + + + + 原因分析 + + + + 皮脂腺分泌旺盛 + + + + 皮脂腺分泌旺盛 + + + + + + + 护理建议 + + + 01 日常防晒 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 02 补水保湿 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 03 早晚清洁 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + + + + + + 毛孔问题的疗程 + + + + + + 小气泡疗程 + + 祛斑 + 抗丑 + + ￥100 + + + + + 适合毛孔问题的护肤品 + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + + 祛斑 + 抗丑 + + + ￥100 + + + + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + 祛痘修护 + + + ￥100 + + + + + + + + + + + + #05 + + 黑眼圈 + + 问题标注 + + + + + + + + + + 程度情况 + 较粗大 + + + + + + + + + + 色素性-中度 + + + + 血管性-轻度 + + + + 阴影型-无 + + + + + 明显可见毛孔或内含小于毛孔大小角栓 + + + + + 原因分析 + + + + 皮脂腺分泌旺盛 + + + + 皮脂腺分泌旺盛 + + + + + + + 护理建议 + + + 01 日常防晒 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 02 补水保湿 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 03 早晚清洁 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + + + + + + 毛孔问题的疗程 + + + + + + 小气泡疗程 + + 祛斑 + 抗丑 + + ￥100 + + + + + 适合毛孔问题的护肤品 + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + + 祛斑 + 抗丑 + + + ￥100 + + + + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + 祛痘修护 + + + ￥100 + + + + + + + + + + + + + + #06 + + 痤疮 + + 问题标注 + + + + + + + + + + 程度情况 + 较粗大 + + + + + + + + 痤疮个数 + 100个 + + + + + + + 囊肿 + 健康 + + + + + + 丘疹 + 健康 + + + + + + 粉刺 + 健康 + + + + + + 痘印 + 健康 + + + + + 明显可见毛孔或内含小于毛孔大小角栓 + + + + + 原因分析 + + + + 皮脂腺分泌旺盛 + + + + 皮脂腺分泌旺盛 + + + + + + + 护理建议 + + + 01 日常防晒 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 02 补水保湿 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + 03 早晚清洁 + 用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根 + + + + + + + + 毛孔问题的疗程 + + + + + + 小气泡疗程 + + 祛斑 + 抗丑 + + ￥100 + + + + + 适合毛孔问题的护肤品 + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + + 祛斑 + 抗丑 + + + ￥100 + + + + + + + + + 的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国 + + 祛痘修护 + + + ￥100 + + + + + + + + \ No newline at end of file diff --git a/packageB/pages/AI-test-skin/success_result/success_result.wxss b/packageB/pages/AI-test-skin/success_result/success_result.wxss index 4f5b3f8..5b9bd86 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.wxss +++ b/packageB/pages/AI-test-skin/success_result/success_result.wxss @@ -1 +1,333 @@ -/* packageB/pages/AI-test-skin/success_result/success_result.wxss */ \ No newline at end of file +/* packageB/pages/AI-test-skin/success_result/success_result.wxss */ +page { + width: 100%; + height: 100%; + background: #e6f4fa; +} + +.tab_scroll { + display: flex; + height: 100rpx; +} + +.tab_scroll_item { + position: relative; + padding: 3% 6%; + white-space: nowrap; + background-color: #fff; +} + +.tab_scroll_item.active::after { + content: ''; + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + width: 25%; + height: 6rpx; + background-color: #333333; +} + +.analyse { + display: flex; + align-items: center; + margin-top: 50rpx; + /* justify-content: space-evenly; */ +} + +.analyse .mark { + padding: 4rpx 12rpx; + font-size: 28rpx; + background: #fff; + border-radius: 20rpx; +} + +.analyse .analyse_left { + position: relative; + right: -70rpx; + z-index: 2; +} + +.analyse .analyse_center { + position: relative; + background: #c9f0f9; + border-radius: 50%; + width: 400rpx; + height: 400rpx; +} + +.analyse_center .lianxian { + position: absolute; + width: 2rpx; + height: 100rpx; + bottom: 0rpx; + right: 30px; + transform: rotate(-65deg); + background-color: #999; +} + +.analyse_center .lianxian1 { + position: absolute; + width: 2rpx; + height: 120rpx; + top: -30rpx; + right: 20px; + transform: rotate(-125deg); + background-color: #999; +} + +.analyse_center .lianxian2 { + position: absolute; + width: 2rpx; + height: 120rpx; + top: 30rpx; + left: 0px; + transform: rotate(-74deg); + background-color: #999; +} + +.analyse .analyse_right { + position: relative; + right: 70rpx; + z-index: 2; +} + +.analyse .analyse_center image { + height: 100%; + width: 100%; +} + +.score { + display: flex; + margin-top: 25rpx; + justify-content: space-evenly; +} + +.score .shuxian { + margin-top: 15rpx; + width: 2rpx; + height: 60rpx; + background: #482121; +} + +.score .icon-zuojiantou:before { + content: "\e625"; + transform: rotate(-90deg); +} + +.icon-xia::before{ + display: inline-block; + transform: rotate(-90deg); + font-size: 18rpx; +} +.icon-zuojiantou::before{ + color: #f1585d; + display: inline-block; + transform: rotate(90deg); +} +.bg_white { + background-color: #fff; +} + +.mt10 { + margin-top: 10rpx; +} + +.mb_b5 { + margin-bottom: 5%; +} + +.mt_b10 { + margin-top: 10%; +} + +.c_666 { + color: #666; +} + +.mt20 { + margin-top: 20rpx; +} + +.ml20 { + margin-left: 20rpx; +} + +.mr20 { + margin-right: 20rpx; +} + +.mgb30 { + margin-bottom: 30rpx; +} + +.content { + width: 100%; + padding: 5% 5% 5%; + box-sizing: border-box; +} + +.content .analyse_result { + display: flex; + padding: 50rpx 30rpx 50rpx 20rpx; + border-radius: 30rpx; + background-color: #fff; +} + +.img { + width: 200rpx; + height: 200rpx; + /* border-radius: 50%; */ +} + +.bold { + font-weight: 600; +} + + +.analyse_result .gan::before { + margin-right: 10rpx; + content: ""; + display: inline-block; + width: 15rpx; + height: 15rpx; + background-color: #c0e2b7; +} + +.analyse_result .you::before { + margin-right: 10rpx; + content: ""; + display: inline-block; + width: 15rpx; + height: 15rpx; + background-color: #ffd6bd; +} + +.analyse_classify { + border-radius: 30rpx; + padding: 50rpx 30rpx 50rpx 30rpx; +} + +.analyse_classify_header .analyse_classify_header_item { + display: flex; + border: 2px solid #f6f6f6; + border-radius: 10px; + align-items: center; +} + +.analyse_classify_header .analyse_classify_header_img { + display: flex; + align-items: center; + justify-content: center; + width: 200rpx; + height: 200rpx; + background: #f6f6f6; +} + +.analyse_classify_header .analyse_classify_header_img image { + width: 150rpx; + height: 150rpx; +} + +.fenxi { + position: relative; + /* z-index: 99; */ +} + +.fenxi1 { + position: relative; + /* z-index: 99; */ +} + +.fenxi::after { + position: absolute; + content: ""; + bottom: 0; + display: block; + width: 130rpx; + height: 20rpx; + background-color: rgb(193 235 241 / 50%) +} + +.fenxi1::after { + position: absolute; + content: ""; + bottom: 0; + display: block; + width: 58rpx; + height: 20rpx; + background-color: rgb(193 235 241 / 50%) +} + +.analyse_classify_foot .shoushu { + padding: 5%; + display: flex; + width: 70%; + border-radius: 30rpx; + background-color: #fff; +} + +.analyse_classify_foot .info { + margin-left: 20rpx; + display: flex; + flex-direction: column; + justify-content: flex-start; + font-size: 28rpx; +} + +.analyse_classify_foot .product_item { + display: flex; + margin-right: 30rpx; + flex-direction: column; + border-radius: 30rpx; + width: 40%; + padding: 5%; + background-color: #fff; +} + +.guige { + padding: 2%; + background: #f6f6f6; +} + +.product_item .mm { + display: flex; + align-items: center; + justify-content: center; + background: #45d4eb; + padding: 2%; + border-radius: 50%; + width: 50rpx; + height: 50rpx; + color: #fff; +} + +.jiankang { + font-size: 28rpx; + color: #d3d3d3; +} + +.zhouwen { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 100%; +} +.heiyanquan { + width: 125px; + height: 125px; + margin: 5% auto; + margin-top: 10%; +} + +.leixing { + display: flex; + justify-content: space-around; +} + +.leixing ._img { + display: flex; + width: 160rpx; + flex-direction: column; + align-items: center; +} -- libgit2 0.21.4