wxd / MShopWeApp

Commit 53f4291093b0e3a2349edb8d279bb068a7a1dc78

Authored by 后端研发-苏泰源
2 parents 48b4f04e 2074bffd

Merge branch 'dev' of http://git.vipzhuang.cn/wxd/MShopWeApp into dev

Inline Side-by-side
Showing 4 changed files with 984 additions and 6 deletions
packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js
  View file @53f4291
1 1 /*
2   - * @Author: your name
  2 + * @Author: abson
3 3 * @Date: 2022-02-15 10:01:57
4   - * @LastEditTime: 2022-02-16 15:40:54
  4 + * @LastEditTime: 2022-02-17 09:40:38
5 5 * @LastEditors: Please set LastEditors
6 6 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AEet urkl
7 7 * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\shoot_notice\shoot_notice.js
... ...
packageB/pages/AI-test-skin/success_result/success_result.js
  View file @53f4291
  1 +/*
  2 + * @Author: abson
  3 + * @Date: 2022-02-16 15:36:47
  4 + * @LastEditTime: 2022-02-17 09:40:31
  5 + * @LastEditors: Please set LastEditors
  6 + * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  7 + * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\success_result\success_result.js
  8 + */
1 9 // packageB/pages/AI-test-skin/success_result/success_result.js
  10 +const app = getApp();
  11 +const request = app.request;
  12 +const os = app.globalData;
  13 +const setting = os.setting;
  14 +const ut = require('../../../../utils/util');
2 15 Page({
3 16  
4 17 /**
5 18 * 页面的初始数据
6 19 */
7 20 data: {
8   -
  21 + 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: '敏感度' }],
  22 + currentIndex: 0,
  23 + tab_id:'zong_he',
  24 + iurl: setting.imghost,
9 25 },
10 26  
11 27 /**
... ... @@ -28,6 +44,13 @@ Page({
28 44 onShow: function () {
29 45  
30 46 },
  47 + clickTab(e) {
  48 + let { index, tab_id } = e.currentTarget.dataset;
  49 + this.setData({
  50 + currentIndex: index,
  51 + tab_id,
  52 + })
  53 + },
31 54  
32 55 /**
33 56 * 生命周期函数--监听页面隐藏
... ...
packageB/pages/AI-test-skin/success_result/success_result.wxml
  View file @53f4291
1   -<!--packageB/pages/AI-test-skin/success_result/success_result.wxml-->
2   -<text>packageB/pages/AI-test-skin/success_result/success_result.wxml</text>
  1 +<scroll-view enable-flex scroll-x scroll-into-view="{{tab_id}}">
  2 + <view class="tab_scroll">
  3 + <view wx:for="{{tab}}" wx:key="id" id="{{item.id}}" bindtap="clickTab" data-tab_id="{{item.id}}" data-index="{{index}}" class="tab_scroll_item {{currentIndex==index?'active':''}}">
  4 + {{item.name}}
  5 + </view>
  6 + </view>
  7 +</scroll-view>
  8 +<view class="analyse_by_people">
  9 + <view class="analyse">
  10 + <view class="analyse_left">
  11 + <view class="mark">毛孔 较粗大</view>
  12 + <view class="mark" style="margin: 40rpx 0;">色斑 轻度</view>
  13 + <view class="mark">黑眼圈 轻度</view>
  14 + </view>
  15 + <view class="analyse_center">
  16 + <image src="{{iurl}}/miniapp/images/skinimg/man.png"></image>
  17 + </view>
  18 + <view class="analyse_right">
  19 + <view class="mark">黑头 轻度</view>
  20 + <view class="mark" style="margin: 40rpx 0;">皱纹 轻度</view>
  21 + <view class="mark">痤疮 轻度</view>
  22 + </view>
  23 + </view>
  24 + <view class="score">
  25 + <view>
  26 + <view class="fs28">综合得分</view>
  27 + <view class="t-c mt10">
  28 + <text style="font-weight: 600;">70</text>
  29 + <text class="iconfont icon-zuojiantou"></text>
  30 + </view>
  31 + </view>
  32 + <view class="shuxian"></view>
  33 + <view>
  34 + <view class="t-c fs28">肤况</view>
  35 + <view class="t-c mt10">待改善</view>
  36 + </view>
  37 + </view>
  38 +</view>
  39 +<scroll-view class="content" enable-flex="">
  40 + <view class="mb_b5">
  41 + <image src="/packageB/images/1.png" style="height: 200rpx;width: 100%;"></image>
  42 + </view>
  43 + <view class="analyse_result mb_b5">
  44 + <!-- <view> -->
  45 + <view class="img">
  46 + <image src="{{iurl}}/miniapp/images/skinimg/mao18.jpeg" style="width: 100%;height: 100%;"></image>
  47 + </view>
  48 + <view class="f1 ml20">
  49 + <view class="bold">油性肌肤</view>
  50 + <view class="fs24 mt10">
  51 + <text class="gan" style="margin-right: 30rpx;">干性区</text>
  52 + <text class="you">油性区</text>
  53 + </view>
  54 + <view class="mt20 fs26">
  55 + <text>你的油性的身份骨科大夫地方官梵蒂冈反对烦得很东方红风格和的发挥</text>
  56 + </view>
  57 + </view>
  58 + <!-- </view> -->
  59 + </view>
  60 + <view class="mb_b5">
  61 + <view class="analyse_classify bg_white">
  62 + <view class="analyse_classify_header">
  63 + <view>
  64 + <view style="color: #45d4eb;">#01</view>
  65 + <view class="flex-space-between">
  66 + <text style="font-size: 42rpx;">毛孔</text>
  67 + <view style="display: flex;align-items: center;">
  68 + <text>问题标注</text>
  69 + <text class="iconfont icon-xia"></text>
  70 + </view>
  71 + </view>
  72 + </view>
  73 + <view class="analyse_classify_header_item">
  74 + <view class="analyse_classify_header_img">
  75 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  76 + </view>
  77 + <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
  78 + <view>程度情况</view>
  79 + <view>较粗大</view>
  80 + </view>
  81 + </view>
  82 + <view class="analyse_classify_header_item" style="margin-top: 5%;">
  83 + <view class="analyse_classify_header_img">
  84 + <image src="/packageB/images/Snipaste_2022-02-17_15-28-13.jpg"></image>
  85 + </view>
  86 + <view style="line-height:60rpx;margin-left:20rpx">
  87 + <view>粗大区域</view>
  88 + <view>右脸颊</view>
  89 + </view>
  90 + </view>
  91 + <view class="fs28 mt_b10">
  92 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  93 + </view>
  94 + </view>
  95 + <view class="analyse_classify_body">
  96 + <view class="mt_b10">
  97 + <view class="fenxi mgb10">原因分析</view>
  98 + <view class="flex">
  99 + <view>
  100 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  101 + <text class="fs26">皮脂腺分泌旺盛</text>
  102 + </view>
  103 + <view>
  104 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  105 + <text class="fs26">皮脂腺分泌旺盛</text>
  106 + </view>
  107 + <!-- <view>
  108 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  109 + <text class="fs26">皮脂腺分泌旺盛</text>
  110 + </view> -->
  111 + </view>
  112 + </view>
  113 +
  114 + <view class="mt_b10">
  115 + <view class="fenxi mgb10">护理建议</view>
  116 + <view class="">
  117 + <view class="mgb30">
  118 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  119 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  120 + </view>
  121 + <view class="mgb30">
  122 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  123 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  124 + </view>
  125 + <view class="mgb30">
  126 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  127 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  128 + </view>
  129 + </view>
  130 + </view>
  131 + </view>
  132 + </view>
  133 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  134 + <view>
  135 + <view style="margin:5% 0">毛孔问题的疗程</view>
  136 + <view class="shoushu">
  137 + <view>
  138 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
  139 + </view>
  140 + <view class="info">
  141 + <view>小气泡疗程</view>
  142 + <view class="fs20 flex">
  143 + <view class="guige">祛斑</view>
  144 + <view class="guige">抗丑</view>
  145 + </view>
  146 + <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
  147 + </view>
  148 + </view>
  149 + </view>
  150 + <view>
  151 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  152 + <view class="product flex">
  153 + <view class="product_item">
  154 + <view>
  155 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  156 + </view>
  157 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  158 + <view class="fs20 flex" style="padding: 15rpx;">
  159 + <!-- <view class="guige mr20">祛痘修护</view> -->
  160 + <view class="guige">祛斑</view>
  161 + <view class="guige">抗丑</view>
  162 + </view>
  163 + <view style="display: flex;justify-content: space-between;">
  164 + <text class="bold">￥100</text>
  165 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  166 + </view>
  167 + </view>
  168 +
  169 + <view class="product_item">
  170 + <view>
  171 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  172 + </view>
  173 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  174 + <view class="fs20 flex" style="padding: 15rpx;">
  175 + <view class="guige mr20">祛痘修护</view>
  176 + </view>
  177 + <view style="display: flex;justify-content: space-between;">
  178 + <text class="bold">￥100</text>
  179 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  180 + </view>
  181 + </view>
  182 + </view>
  183 + </view>
  184 + </view>
  185 + </view>
  186 + <view class="mb_b5">
  187 + <view class="analyse_classify bg_white">
  188 + <view class="analyse_classify_header">
  189 + <view>
  190 + <view style="color: #45d4eb;">#04</view>
  191 + <view class="flex-space-between">
  192 + <text style="font-size: 42rpx;">色斑</text>
  193 + <view style="display: flex;align-items: center;">
  194 + <text>问题标注</text>
  195 + <text class="iconfont icon-xia"></text>
  196 + </view>
  197 + </view>
  198 + </view>
  199 + <view class="analyse_classify_header_item">
  200 + <view class="analyse_classify_header_img">
  201 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  202 + </view>
  203 + <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
  204 + <view>程度情况</view>
  205 + <view>较粗大</view>
  206 + </view>
  207 + </view>
  208 + <view class="analyse" style="height:400rpx;">
  209 + <view class="zhouwen f1" style="justify-content:space-around">
  210 + <view class="">
  211 + <view class="fenxi1">眼周</view>
  212 + <view class="fs26">鱼尾纹</view>
  213 + <view class="fs26">眼部皱纹</view>
  214 + <view class="jiankang">泪沟(健康)</view>
  215 + </view>
  216 + </view>
  217 + <view class="analyse_center" style="width: 250rpx;height: 250rpx;">
  218 + <image src="{{iurl}}/miniapp/images/skinimg/man10.jpeg"></image>
  219 + <view class="lianxian"></view>
  220 + <view class="lianxian1"></view>
  221 + <view class="lianxian2"></view>
  222 + </view>
  223 + <view class="zhouwen f1" style="margin-left:20rpx;">
  224 + <view class="">
  225 + <view class="fenxi1">额头</view>
  226 + <view class="jiankang">抬头皱纹(健康)</view>
  227 + <view class="jiankang">眉间纹(健康)</view>
  228 + </view>
  229 + <view class="">
  230 + <view class="fenxi1">嘴周</view>
  231 + <view class="fs28">法令纹</view>
  232 + <view class="fs28">口角纹</view>
  233 + </view>
  234 + </view>
  235 + </view>
  236 + <view class="fs28 mt_b10">
  237 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  238 + </view>
  239 + </view>
  240 + <view class="analyse_classify_body">
  241 + <view class="mt_b10">
  242 + <view class="fenxi mgb10">原因分析</view>
  243 + <view class="flex">
  244 + <view>
  245 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  246 + <text class="fs26">皮脂腺分泌旺盛</text>
  247 + </view>
  248 + <view>
  249 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  250 + <text class="fs26">皮脂腺分泌旺盛</text>
  251 + </view>
  252 + <!-- <view>
  253 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  254 + <text class="fs26">皮脂腺分泌旺盛</text>
  255 + </view> -->
  256 + </view>
  257 + </view>
  258 +
  259 + <view class="mt_b10">
  260 + <view class="fenxi mgb10">护理建议</view>
  261 + <view class="">
  262 + <view class="mgb30">
  263 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  264 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  265 + </view>
  266 + <view class="mgb30">
  267 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  268 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  269 + </view>
  270 + <view class="mgb30">
  271 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  272 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  273 + </view>
  274 + </view>
  275 + </view>
  276 + </view>
  277 + </view>
  278 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  279 + <view>
  280 + <view style="margin:5% 0">毛孔问题的疗程</view>
  281 + <view class="shoushu">
  282 + <view>
  283 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
  284 + </view>
  285 + <view class="info">
  286 + <view>小气泡疗程</view>
  287 + <view class="fs20 flex">
  288 + <view class="guige">祛斑</view>
  289 + <view class="guige">抗丑</view>
  290 + </view>
  291 + <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
  292 + </view>
  293 + </view>
  294 + </view>
  295 + <view>
  296 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  297 + <view class="product flex">
  298 + <view class="product_item">
  299 + <view>
  300 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  301 + </view>
  302 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  303 + <view class="fs20 flex" style="padding: 15rpx;">
  304 + <!-- <view class="guige mr20">祛痘修护</view> -->
  305 + <view class="guige">祛斑</view>
  306 + <view class="guige">抗丑</view>
  307 + </view>
  308 + <view style="display: flex;justify-content: space-between;">
  309 + <text class="bold">￥100</text>
  310 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  311 + </view>
  312 + </view>
  313 +
  314 + <view class="product_item">
  315 + <view>
  316 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  317 + </view>
  318 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  319 + <view class="fs20 flex" style="padding: 15rpx;">
  320 + <view class="guige mr20">祛痘修护</view>
  321 + </view>
  322 + <view style="display: flex;justify-content: space-between;">
  323 + <text class="bold">￥100</text>
  324 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  325 + </view>
  326 + </view>
  327 + </view>
  328 + </view>
  329 + </view>
  330 + </view>
  331 + <view class="mb_b5">
  332 + <view class="analyse_classify bg_white">
  333 + <view class="analyse_classify_header">
  334 + <view>
  335 + <view style="color: #45d4eb;">#05</view>
  336 + <view class="flex-space-between">
  337 + <text style="font-size: 42rpx;">黑眼圈</text>
  338 + <view style="display: flex;align-items: center;">
  339 + <text>问题标注</text>
  340 + <text class="iconfont icon-xia"></text>
  341 + </view>
  342 + </view>
  343 + </view>
  344 + <view class="analyse_classify_header_item">
  345 + <view class="analyse_classify_header_img">
  346 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  347 + </view>
  348 + <view style="line-height:60rpx;margin-left:20rpx" style="margin-top:5%">
  349 + <view>程度情况</view>
  350 + <view>较粗大</view>
  351 + </view>
  352 + </view>
  353 + <view>
  354 + <view class="heiyanquan">
  355 + <image src="{{iurl}}/miniapp/images/skinimg/man1.jpeg" style="width: 100%;height: 100%;"></image>
  356 + </view>
  357 + <view class="leixing">
  358 + <view class="_img">
  359 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man2.jpeg"></image>
  360 + <view class="fs28">色素性-中度</view>
  361 + </view>
  362 + <view class="_img">
  363 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man8.jpeg"></image>
  364 + <view class="fs28">血管性-轻度</view>
  365 + </view>
  366 + <view class="_img">
  367 + <image style="height:150rpx;width:150rpx;border-radius: 50%;" src="{{iurl}}/miniapp/images/skinimg/man11.jpeg"></image>
  368 + <view class="fs28" style="color: #666;">阴影型-无</view>
  369 + </view>
  370 + </view>
  371 + </view>
  372 + <view class="fs28 mt_b10">
  373 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  374 + </view>
  375 + </view>
  376 + <view class="analyse_classify_body">
  377 + <view class="mt_b10">
  378 + <view class="fenxi mgb10">原因分析</view>
  379 + <view class="flex">
  380 + <view>
  381 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  382 + <text class="fs26">皮脂腺分泌旺盛</text>
  383 + </view>
  384 + <view>
  385 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  386 + <text class="fs26">皮脂腺分泌旺盛</text>
  387 + </view>
  388 + <!-- <view>
  389 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  390 + <text class="fs26">皮脂腺分泌旺盛</text>
  391 + </view> -->
  392 + </view>
  393 + </view>
  394 +
  395 + <view class="mt_b10">
  396 + <view class="fenxi mgb10">护理建议</view>
  397 + <view class="">
  398 + <view class="mgb30">
  399 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  400 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  401 + </view>
  402 + <view class="mgb30">
  403 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  404 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  405 + </view>
  406 + <view class="mgb30">
  407 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  408 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  409 + </view>
  410 + </view>
  411 + </view>
  412 + </view>
  413 + </view>
  414 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  415 + <view>
  416 + <view style="margin:5% 0">毛孔问题的疗程</view>
  417 + <view class="shoushu">
  418 + <view>
  419 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
  420 + </view>
  421 + <view class="info">
  422 + <view>小气泡疗程</view>
  423 + <view class="fs20 flex">
  424 + <view class="guige">祛斑</view>
  425 + <view class="guige">抗丑</view>
  426 + </view>
  427 + <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
  428 + </view>
  429 + </view>
  430 + </view>
  431 + <view>
  432 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  433 + <view class="product flex">
  434 + <view class="product_item">
  435 + <view>
  436 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  437 + </view>
  438 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  439 + <view class="fs20 flex" style="padding: 15rpx;">
  440 + <!-- <view class="guige mr20">祛痘修护</view> -->
  441 + <view class="guige">祛斑</view>
  442 + <view class="guige">抗丑</view>
  443 + </view>
  444 + <view style="display: flex;justify-content: space-between;">
  445 + <text class="bold">￥100</text>
  446 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  447 + </view>
  448 + </view>
  449 +
  450 + <view class="product_item">
  451 + <view>
  452 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  453 + </view>
  454 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  455 + <view class="fs20 flex" style="padding: 15rpx;">
  456 + <view class="guige mr20">祛痘修护</view>
  457 + </view>
  458 + <view style="display: flex;justify-content: space-between;">
  459 + <text class="bold">￥100</text>
  460 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  461 + </view>
  462 + </view>
  463 + </view>
  464 + </view>
  465 + </view>
  466 + </view>
  467 +
  468 +
  469 + <view class="mb_b5">
  470 + <view class="analyse_classify bg_white">
  471 + <view class="analyse_classify_header">
  472 + <view>
  473 + <view style="color: #45d4eb;">#06</view>
  474 + <view class="flex-space-between">
  475 + <text style="font-size: 42rpx;">痤疮</text>
  476 + <view style="display: flex;align-items: center;">
  477 + <text>问题标注</text>
  478 + <text class="iconfont icon-xia"></text>
  479 + </view>
  480 + </view>
  481 + </view>
  482 + <view class="analyse_classify_header_item">
  483 + <view class="analyse_classify_header_img">
  484 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  485 + </view>
  486 + <view style="line-height:60rpx;margin-left:20rpx">
  487 + <view>程度情况</view>
  488 + <view>较粗大</view>
  489 + </view>
  490 + </view>
  491 + <view class="analyse_classify_header_item" style="margin-top:5%">
  492 + <view class="analyse_classify_header_img">
  493 + <image src="{{iurl}}/miniapp/images/skinimg/mao123.png"></image>
  494 + </view>
  495 + <view style="line-height:60rpx;margin-left:20rpx">
  496 + <view>痤疮个数</view>
  497 + <view>100个</view>
  498 + </view>
  499 + </view>
  500 + <view class="leixing mt_b10">
  501 + <view class="_img">
  502 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao25.jpeg"></image>
  503 + <view class="fs28 c_666">
  504 + <view>囊肿</view>
  505 + <view>健康</view>
  506 + </view>
  507 + </view>
  508 + <view class="_img">
  509 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao28.jpeg"></image>
  510 + <view class="fs28 c_666">
  511 + <view>丘疹</view>
  512 + <view>健康</view>
  513 + </view>
  514 + </view>
  515 + <view class="_img">
  516 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao27.jpeg"></image>
  517 + <view class="fs28 c_666">
  518 + <view>粉刺</view>
  519 + <view>健康</view>
  520 + </view>
  521 + </view>
  522 + <view class="_img">
  523 + <image style="height:100rpx;width:100rpx;border-radius: 50%;opacity:0.6" src="{{iurl}}/miniapp/images/skinimg/mao29.jpeg"></image>
  524 + <view class="fs28 c_666">
  525 + <view>痘印</view>
  526 + <view>健康</view>
  527 + </view>
  528 + </view>
  529 + </view>
  530 + <view class="fs28 mt_b10">
  531 + <text>明显可见毛孔或内含小于毛孔大小角栓</text>
  532 + </view>
  533 + </view>
  534 + <view class="analyse_classify_body">
  535 + <view class="mt_b10">
  536 + <view class="fenxi mgb10">原因分析</view>
  537 + <view class="flex">
  538 + <view>
  539 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  540 + <text class="fs26">皮脂腺分泌旺盛</text>
  541 + </view>
  542 + <view>
  543 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  544 + <text class="fs26">皮脂腺分泌旺盛</text>
  545 + </view>
  546 + <!-- <view>
  547 + <text class="iconfont icon-checked" style="font-size: 26rpx;margin-right: 10rpx;"></text>
  548 + <text class="fs26">皮脂腺分泌旺盛</text>
  549 + </view> -->
  550 + </view>
  551 + </view>
  552 +
  553 + <view class="mt_b10">
  554 + <view class="fenxi mgb10">护理建议</view>
  555 + <view class="">
  556 + <view class="mgb30">
  557 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">01</text> 日常防晒</text>
  558 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  559 + </view>
  560 + <view class="mgb30">
  561 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">02</text> 补水保湿</text>
  562 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  563 + </view>
  564 + <view class="mgb30">
  565 + <text style="font-size: 28rpx;margin-right: 10rpx;"><text class="bold">03</text> 早晚清洁</text>
  566 + <view class="fs26 c_666">用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根使用的公司大股东是公司山豆根山豆根收到二十个的山豆根山豆根大股东是公司山豆根山豆根收到二十个的山豆根山豆根</view>
  567 + </view>
  568 + </view>
  569 + </view>
  570 + </view>
  571 + </view>
  572 + <view class="analyse_classify_foot" style="background:#e6f4fa">
  573 + <view>
  574 + <view style="margin:5% 0">毛孔问题的疗程</view>
  575 + <view class="shoushu">
  576 + <view>
  577 + <image class="img" src="{{iurl}}/miniapp/images/skinimg/mao4.png"></image>
  578 + </view>
  579 + <view class="info">
  580 + <view>小气泡疗程</view>
  581 + <view class="fs20 flex">
  582 + <view class="guige">祛斑</view>
  583 + <view class="guige">抗丑</view>
  584 + </view>
  585 + <view style="margin-top: 40rpx;font-weight: 600;">￥100</view>
  586 + </view>
  587 + </view>
  588 + </view>
  589 + <view>
  590 + <view style="margin:5% 0">适合毛孔问题的护肤品</view>
  591 + <view class="product flex">
  592 + <view class="product_item">
  593 + <view>
  594 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  595 + </view>
  596 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  597 + <view class="fs20 flex" style="padding: 15rpx;">
  598 + <!-- <view class="guige mr20">祛痘修护</view> -->
  599 + <view class="guige">祛斑</view>
  600 + <view class="guige">抗丑</view>
  601 + </view>
  602 + <view style="display: flex;justify-content: space-between;">
  603 + <text class="bold">￥100</text>
  604 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  605 + </view>
  606 + </view>
  607 +
  608 + <view class="product_item">
  609 + <view>
  610 + <image src="{{iurl}}/miniapp/images/skinimg/mao4.png" style="width: 100%;height: 200rpx;"></image>
  611 + </view>
  612 + <view class="ellipsis-2 fs28" style="height: 88rpx;">的功夫岁的功夫岁的法国的功夫岁的法国的功夫岁的法国的法国</view>
  613 + <view class="fs20 flex" style="padding: 15rpx;">
  614 + <view class="guige mr20">祛痘修护</view>
  615 + </view>
  616 + <view style="display: flex;justify-content: space-between;">
  617 + <text class="bold">￥100</text>
  618 + <view class="mm"><text class="iconfont icon-gouwuche"></text></view>
  619 + </view>
  620 + </view>
  621 + </view>
  622 + </view>
  623 + </view>
  624 + </view>
  625 +</scroll-view>
3 626 \ No newline at end of file
... ...
packageB/pages/AI-test-skin/success_result/success_result.wxss
  View file @53f4291
1   -/* packageB/pages/AI-test-skin/success_result/success_result.wxss */
2 1 \ No newline at end of file
  2 +/* packageB/pages/AI-test-skin/success_result/success_result.wxss */
  3 +page {
  4 + width: 100%;
  5 + height: 100%;
  6 + background: #e6f4fa;
  7 +}
  8 +
  9 +.tab_scroll {
  10 + display: flex;
  11 + height: 100rpx;
  12 +}
  13 +
  14 +.tab_scroll_item {
  15 + position: relative;
  16 + padding: 3% 6%;
  17 + white-space: nowrap;
  18 + background-color: #fff;
  19 +}
  20 +
  21 +.tab_scroll_item.active::after {
  22 + content: '';
  23 + position: absolute;
  24 + bottom: 0;
  25 + left: 50%;
  26 + transform: translateX(-50%);
  27 + width: 25%;
  28 + height: 6rpx;
  29 + background-color: #333333;
  30 +}
  31 +
  32 +.analyse {
  33 + display: flex;
  34 + align-items: center;
  35 + margin-top: 50rpx;
  36 + /* justify-content: space-evenly; */
  37 +}
  38 +
  39 +.analyse .mark {
  40 + padding: 4rpx 12rpx;
  41 + font-size: 28rpx;
  42 + background: #fff;
  43 + border-radius: 20rpx;
  44 +}
  45 +
  46 +.analyse .analyse_left {
  47 + position: relative;
  48 + right: -70rpx;
  49 + z-index: 2;
  50 +}
  51 +
  52 +.analyse .analyse_center {
  53 + position: relative;
  54 + background: #c9f0f9;
  55 + border-radius: 50%;
  56 + width: 400rpx;
  57 + height: 400rpx;
  58 +}
  59 +
  60 +.analyse_center .lianxian {
  61 + position: absolute;
  62 + width: 2rpx;
  63 + height: 100rpx;
  64 + bottom: 0rpx;
  65 + right: 30px;
  66 + transform: rotate(-65deg);
  67 + background-color: #999;
  68 +}
  69 +
  70 +.analyse_center .lianxian1 {
  71 + position: absolute;
  72 + width: 2rpx;
  73 + height: 120rpx;
  74 + top: -30rpx;
  75 + right: 20px;
  76 + transform: rotate(-125deg);
  77 + background-color: #999;
  78 +}
  79 +
  80 +.analyse_center .lianxian2 {
  81 + position: absolute;
  82 + width: 2rpx;
  83 + height: 120rpx;
  84 + top: 30rpx;
  85 + left: 0px;
  86 + transform: rotate(-74deg);
  87 + background-color: #999;
  88 +}
  89 +
  90 +.analyse .analyse_right {
  91 + position: relative;
  92 + right: 70rpx;
  93 + z-index: 2;
  94 +}
  95 +
  96 +.analyse .analyse_center image {
  97 + height: 100%;
  98 + width: 100%;
  99 +}
  100 +
  101 +.score {
  102 + display: flex;
  103 + margin-top: 25rpx;
  104 + justify-content: space-evenly;
  105 +}
  106 +
  107 +.score .shuxian {
  108 + margin-top: 15rpx;
  109 + width: 2rpx;
  110 + height: 60rpx;
  111 + background: #482121;
  112 +}
  113 +
  114 +.score .icon-zuojiantou:before {
  115 + content: "\e625";
  116 + transform: rotate(-90deg);
  117 +}
  118 +
  119 +.icon-xia::before{
  120 + display: inline-block;
  121 + transform: rotate(-90deg);
  122 + font-size: 18rpx;
  123 +}
  124 +.icon-zuojiantou::before{
  125 + color: #f1585d;
  126 + display: inline-block;
  127 + transform: rotate(90deg);
  128 +}
  129 +.bg_white {
  130 + background-color: #fff;
  131 +}
  132 +
  133 +.mt10 {
  134 + margin-top: 10rpx;
  135 +}
  136 +
  137 +.mb_b5 {
  138 + margin-bottom: 5%;
  139 +}
  140 +
  141 +.mt_b10 {
  142 + margin-top: 10%;
  143 +}
  144 +
  145 +.c_666 {
  146 + color: #666;
  147 +}
  148 +
  149 +.mt20 {
  150 + margin-top: 20rpx;
  151 +}
  152 +
  153 +.ml20 {
  154 + margin-left: 20rpx;
  155 +}
  156 +
  157 +.mr20 {
  158 + margin-right: 20rpx;
  159 +}
  160 +
  161 +.mgb30 {
  162 + margin-bottom: 30rpx;
  163 +}
  164 +
  165 +.content {
  166 + width: 100%;
  167 + padding: 5% 5% 5%;
  168 + box-sizing: border-box;
  169 +}
  170 +
  171 +.content .analyse_result {
  172 + display: flex;
  173 + padding: 50rpx 30rpx 50rpx 20rpx;
  174 + border-radius: 30rpx;
  175 + background-color: #fff;
  176 +}
  177 +
  178 +.img {
  179 + width: 200rpx;
  180 + height: 200rpx;
  181 + /* border-radius: 50%; */
  182 +}
  183 +
  184 +.bold {
  185 + font-weight: 600;
  186 +}
  187 +
  188 +
  189 +.analyse_result .gan::before {
  190 + margin-right: 10rpx;
  191 + content: "";
  192 + display: inline-block;
  193 + width: 15rpx;
  194 + height: 15rpx;
  195 + background-color: #c0e2b7;
  196 +}
  197 +
  198 +.analyse_result .you::before {
  199 + margin-right: 10rpx;
  200 + content: "";
  201 + display: inline-block;
  202 + width: 15rpx;
  203 + height: 15rpx;
  204 + background-color: #ffd6bd;
  205 +}
  206 +
  207 +.analyse_classify {
  208 + border-radius: 30rpx;
  209 + padding: 50rpx 30rpx 50rpx 30rpx;
  210 +}
  211 +
  212 +.analyse_classify_header .analyse_classify_header_item {
  213 + display: flex;
  214 + border: 2px solid #f6f6f6;
  215 + border-radius: 10px;
  216 + align-items: center;
  217 +}
  218 +
  219 +.analyse_classify_header .analyse_classify_header_img {
  220 + display: flex;
  221 + align-items: center;
  222 + justify-content: center;
  223 + width: 200rpx;
  224 + height: 200rpx;
  225 + background: #f6f6f6;
  226 +}
  227 +
  228 +.analyse_classify_header .analyse_classify_header_img image {
  229 + width: 150rpx;
  230 + height: 150rpx;
  231 +}
  232 +
  233 +.fenxi {
  234 + position: relative;
  235 + /* z-index: 99; */
  236 +}
  237 +
  238 +.fenxi1 {
  239 + position: relative;
  240 + /* z-index: 99; */
  241 +}
  242 +
  243 +.fenxi::after {
  244 + position: absolute;
  245 + content: "";
  246 + bottom: 0;
  247 + display: block;
  248 + width: 130rpx;
  249 + height: 20rpx;
  250 + background-color: rgb(193 235 241 / 50%)
  251 +}
  252 +
  253 +.fenxi1::after {
  254 + position: absolute;
  255 + content: "";
  256 + bottom: 0;
  257 + display: block;
  258 + width: 58rpx;
  259 + height: 20rpx;
  260 + background-color: rgb(193 235 241 / 50%)
  261 +}
  262 +
  263 +.analyse_classify_foot .shoushu {
  264 + padding: 5%;
  265 + display: flex;
  266 + width: 70%;
  267 + border-radius: 30rpx;
  268 + background-color: #fff;
  269 +}
  270 +
  271 +.analyse_classify_foot .info {
  272 + margin-left: 20rpx;
  273 + display: flex;
  274 + flex-direction: column;
  275 + justify-content: flex-start;
  276 + font-size: 28rpx;
  277 +}
  278 +
  279 +.analyse_classify_foot .product_item {
  280 + display: flex;
  281 + margin-right: 30rpx;
  282 + flex-direction: column;
  283 + border-radius: 30rpx;
  284 + width: 40%;
  285 + padding: 5%;
  286 + background-color: #fff;
  287 +}
  288 +
  289 +.guige {
  290 + padding: 2%;
  291 + background: #f6f6f6;
  292 +}
  293 +
  294 +.product_item .mm {
  295 + display: flex;
  296 + align-items: center;
  297 + justify-content: center;
  298 + background: #45d4eb;
  299 + padding: 2%;
  300 + border-radius: 50%;
  301 + width: 50rpx;
  302 + height: 50rpx;
  303 + color: #fff;
  304 +}
  305 +
  306 +.jiankang {
  307 + font-size: 28rpx;
  308 + color: #d3d3d3;
  309 +}
  310 +
  311 +.zhouwen {
  312 + display: flex;
  313 + flex-direction: column;
  314 + justify-content: space-between;
  315 + height: 100%;
  316 +}
  317 +.heiyanquan {
  318 + width: 125px;
  319 + height: 125px;
  320 + margin: 5% auto;
  321 + margin-top: 10%;
  322 +}
  323 +
  324 +.leixing {
  325 + display: flex;
  326 + justify-content: space-around;
  327 +}
  328 +
  329 +.leixing ._img {
  330 + display: flex;
  331 + width: 160rpx;
  332 + flex-direction: column;
  333 + align-items: center;
  334 +}
... ...