体验官面部报告对比,新增弹窗,修改选项卡

This commit is contained in:
2023-07-18 17:15:56 +08:00
parent 1fc2b8e514
commit 282161ec33
13 changed files with 292 additions and 75 deletions

View File

@@ -48,6 +48,9 @@
<view class="recruit-block">
<view class="recruit-border">
<image class="recruit-img" src="https://cdn.shuiganying.com/images/2023/07/13/162f5eaa008fb1ea97fde41e16896076.png" mode="widthFix"></image>
<view class="recruit-unveil">
<navigator class="recruit-unveil-go" url="/pages/recruit/unveil/unveil" hover-class="none">申请体验官详细流程 > </navigator>
</view>
</view>
</view>
@@ -176,74 +179,74 @@
<image src="{{skinData.after.cover}}" mode="aspectFill"></image>
</view>
</view>
<view class="recruit-data">
<view class="recruit-data" wx:if="{{skinData.is_good}}">
<!-- 衰老度分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.senility}}">
<view class="recruit-list-name">衰老度分析</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.forehead_wrinkle}}">
<view class="recruit-list-label">抬头纹:{{skinData.params.senility.forehead_wrinkle.before}}</view>
<view class="recruit-list-label">
抬头纹:{{skinData.params.senility.forehead_wrinkle.after}}
<image src="{{skinData.params.senility.forehead_wrinkle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.crows_feet}}">
<view class="recruit-list-label">鱼尾纹:{{skinData.params.senility.crows_feet.before}}</view>
<view class="recruit-list-label">
鱼尾纹:{{skinData.params.senility.crows_feet.after}}
<image src="{{skinData.params.senility.crows_feet.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.glabella_wrinkle}}">
<view class="recruit-list-label">眉间纹:{{skinData.params.senility.glabella_wrinkle.before}}</view>
<view class="recruit-list-label">
眉间纹:{{skinData.params.senility.glabella_wrinkle.after}}
<image src="{{skinData.params.senility.glabella_wrinkle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.nasolabial_fold}}">
<view class="recruit-list-label">法令纹:{{skinData.params.senility.nasolabial_fold.before}}</view>
<view class="recruit-list-label">
法令纹:{{skinData.params.senility.nasolabial_fold.after}}
<image src="{{skinData.params.senility.nasolabial_fold.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.forehead_count}}">
<view class="recruit-list-label">额头区域细纹:{{skinData.params.senility.fine_line.forehead_count.before}}</view>
<view class="recruit-list-label">
额头区域细纹:{{skinData.params.senility.fine_line.forehead_count.after}}
<image src="{{skinData.params.senility.fine_line.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.left_undereye_count}}">
<view class="recruit-list-label">左眼部区域细纹:{{skinData.params.senility.fine_line.left_undereye_count.before}}</view>
<view class="recruit-list-label">
左眼部区域细纹:{{skinData.params.senility.fine_line.left_undereye_count.after}}
<image src="{{skinData.params.senility.fine_line.left_undereye_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.right_undereye_count}}">
<view class="recruit-list-label">右眼部区域细纹:{{skinData.params.senility.fine_line.right_undereye_count.before}}</view>
<view class="recruit-list-label">
右眼部区域细纹:{{skinData.params.senility.fine_line.right_undereye_count.after}}
<image src="{{skinData.params.senility.fine_line.right_undereye_count < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.forehead_count}}">
<view class="recruit-list-label">额头区域深纹:{{skinData.params.senility.wrinkle_count.forehead_count.before}}</view>
<view class="recruit-list-label">
额头区域深纹:{{skinData.params.senility.wrinkle_count.forehead_count.after}}
<image src="{{skinData.params.senility.wrinkle_count.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.left_undereye_count}}">
<view class="recruit-list-label">左眼部区域深纹:{{skinData.params.senility.wrinkle_count.left_undereye_count.before}}</view>
<view class="recruit-list-label">
左眼部区域深纹:{{skinData.params.senility.wrinkle_count.left_undereye_count.after}}
<image src="{{skinData.params.senility.wrinkle_count.left_undereye_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.right_undereye_count}}">
<view class="recruit-list-label">右眼部区域深纹:{{skinData.params.senility.wrinkle_count.right_undereye_count.before}}</view>
<view class="recruit-list-label">
右眼部区域深纹:{{skinData.params.senility.wrinkle_count.right_undereye_count.after}}
@@ -253,16 +256,16 @@
</view>
<!-- 眼部分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.eye_bag}}">
<view class="recruit-list-name">眼部分析</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.eye_bag.eye_pouch}}">
<view class="recruit-list-label">眼袋:{{skinData.params.eye_bag.eye_pouch.before}}</view>
<view class="recruit-list-label">
眼袋:{{skinData.params.eye_bag.eye_pouch.after}}
<image src="{{skinData.params.eye_bag.eye_pouch.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.black_eye}}">
<view class="recruit-list-label">黑眼圈:{{skinData.params.black_eye.dark_circle.before}}</view>
<view class="recruit-list-label">
黑眼圈:{{skinData.params.black_eye.dark_circle.after}}
@@ -272,16 +275,16 @@
</view>
<!-- 敏感度分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.sensitiveness}}">
<view class="recruit-list-name">敏感度分析</view>
<view class="recruit-list-item">
<view class="recruit-list-label">敏感区域面积:{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.before}}%</view>
<view class="recruit-list-item" wx:if="{{skinData.params.sensitiveness.sensitivity.sensitivity_area}}">
<view class="recruit-list-label">敏感区域面积:{{skinData.params.sensitiveness.sensitivity.sensitivity_area.before}}%</view>
<view class="recruit-list-label">
敏感区域面积:{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.after}}%
<image src="{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
敏感区域面积:{{skinData.params.sensitiveness.sensitivity.sensitivity_area.after}}%
<image src="{{skinData.params.sensitiveness.sensitivity.sensitivity_area.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity}}">
<view class="recruit-list-label">敏感程度:{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.before}}</view>
<view class="recruit-list-label">
敏感程度:{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.after}}
@@ -291,30 +294,30 @@
</view>
<!-- 毛孔分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.pore}}">
<view class="recruit-list-name">毛孔分析</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.forehead_count}}">
<view class="recruit-list-label">额头毛孔数:{{skinData.params.pore.enlarged_pore_count.forehead_count.before}}</view>
<view class="recruit-list-label">
额头毛孔数:{{skinData.params.pore.enlarged_pore_count.forehead_count.after}}
<image src="{{skinData.params.pore.enlarged_pore_count.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.chin_count}}">
<view class="recruit-list-label">下巴毛孔数:{{skinData.params.pore.enlarged_pore_count.chin_count.before}}</view>
<view class="recruit-list-label">
下巴毛孔数:{{skinData.params.pore.enlarged_pore_count.chin_count.after}}
<image src="{{skinData.params.pore.enlarged_pore_count.chin_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.left_cheek_count}}">
<view class="recruit-list-label">左脸颊毛孔数:{{skinData.params.pore.enlarged_pore_count.left_cheek_count.before}}</view>
<view class="recruit-list-label">
左脸颊毛孔数:{{skinData.params.pore.enlarged_pore_count.left_cheek_count.after}}
<image src="{{skinData.params.pore.enlarged_pore_count.left_cheek_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.right_cheek_count}}">
<view class="recruit-list-label">右脸颊毛孔数:{{skinData.params.pore.enlarged_pore_count.right_cheek_count.before}}</view>
<view class="recruit-list-label">
右脸颊毛孔数:{{skinData.params.pore.enlarged_pore_count.right_cheek_count.after}}
@@ -324,7 +327,7 @@
</view>
<!-- 黑头分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.blackhead.blackhead_count}}">
<view class="recruit-list-name">黑头分析</view>
<view class="recruit-list-item">
<view class="recruit-list-label">黑头数:{{skinData.params.blackhead.blackhead_count.before}}</view>
@@ -336,30 +339,30 @@
</view>
<!-- 色素分析 -->
<view class="recruit-list">
<view class="recruit-list" wx:if="{{skinData.params.pigment}}">
<view class="recruit-list-name">色素分析</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pigment.closed_comedones.rectangle}}">
<view class="recruit-list-label">闭口粉刺:{{skinData.params.pigment.closed_comedones.rectangle.before}}</view>
<view class="recruit-list-label">
闭口粉刺:{{skinData.params.pigment.closed_comedones.rectangle.after}}
<image src="{{skinData.params.pigment.closed_comedones.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pigment.acne.rectangle}}">
<view class="recruit-list-label">痤疮:{{skinData.params.pigment.acne.rectangle.before}}</view>
<view class="recruit-list-label">
痤疮:{{skinData.params.pigment.acne.rectangle.after}}
<image src="{{skinData.params.pigment.acne.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pigment.brown_spot.rectangle}}">
<view class="recruit-list-label">色斑:{{skinData.params.pigment.brown_spot.rectangle.before}}</view>
<view class="recruit-list-label">
色斑:{{skinData.params.pigment.brown_spot.rectangle.after}}
<image src="{{skinData.params.pigment.brown_spot.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
</view>
</view>
<view class="recruit-list-item">
<view class="recruit-list-item" wx:if="{{skinData.params.pigment.mole.rectangle}}">
<view class="recruit-list-label">痣:{{skinData.params.pigment.mole.rectangle.before}}</view>
<view class="recruit-list-label">
痣:{{skinData.params.pigment.mole.rectangle.after}}
@@ -367,8 +370,13 @@
</view>
</view>
</view>
</view>
<view class="recruit-data recruit-tips" wx:else>
<image class="recruit-data-img" src="https://cdn.shuiganying.com/images/2023/07/17/0d4647fca97e716664791bbbadca924a.png" mode="widthFix"></image>
<view class="recruit-data-text">请您继续使用我们的产品哦~</view>
</view>
</view>
</view>
</view>
@@ -402,8 +410,9 @@
<view class="followText">
<view class="weChat-title">关注公众号</view>
<image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="tapGo"></image>
<image class="weChat-img" src="{{recruitData.official_code}}" mode="widthFix"></image>
<image class="weChat-img" src="/static/imgs/weChat_code.jpg" mode="widthFix"></image>
<view class="weChat-text"><text>请关注”水感应“公众号</text><text>以便收到活动通知</text></view>
<view class="weChat-tips"><text>请截图保存二维码识别关注</text></view>
</view>
</view>