Commit e88d3aff0947f82682c212a5a8b8113eb013a930
1 parent
94f36a72
测肤报告分享海报
Showing
5 changed files
with
211 additions
and
79 deletions
packageD/pages/AI-test-skin/history_record/history_record.js
| @@ -10,15 +10,15 @@ let initChart = null; | @@ -10,15 +10,15 @@ let initChart = null; | ||
| 10 | const option = { | 10 | const option = { |
| 11 | backgroundColor: 'white', | 11 | backgroundColor: 'white', |
| 12 | tooltip: {}, | 12 | tooltip: {}, |
| 13 | - grid:{ | 13 | + grid: { |
| 14 | // left:'20%', | 14 | // left:'20%', |
| 15 | - top:'30%', | 15 | + top: '30%', |
| 16 | // right:'10%' | 16 | // right:'10%' |
| 17 | }, | 17 | }, |
| 18 | legend: { | 18 | legend: { |
| 19 | icon: 'circle', | 19 | icon: 'circle', |
| 20 | - itemWidth: 5, | ||
| 21 | - itemHeight: 5, | 20 | + itemWidth: 5, |
| 21 | + itemHeight: 5, | ||
| 22 | selected: { | 22 | selected: { |
| 23 | '综合': true, | 23 | '综合': true, |
| 24 | '毛孔': false, | 24 | '毛孔': false, |
| @@ -29,7 +29,7 @@ const option = { | @@ -29,7 +29,7 @@ const option = { | ||
| 29 | '敏感度': false, | 29 | '敏感度': false, |
| 30 | '黑眼圈': false, | 30 | '黑眼圈': false, |
| 31 | }, | 31 | }, |
| 32 | - padding:[20,50], | 32 | + padding: [20, 50], |
| 33 | data: [ | 33 | data: [ |
| 34 | { | 34 | { |
| 35 | name: '综合', | 35 | name: '综合', |
| @@ -183,7 +183,57 @@ Page({ | @@ -183,7 +183,57 @@ Page({ | ||
| 183 | * 生命周期函数--监听页面加载 | 183 | * 生命周期函数--监听页面加载 |
| 184 | */ | 184 | */ |
| 185 | onLoad: function (options) { | 185 | onLoad: function (options) { |
| 186 | + let url = `/api/weshop/face/storeSkinface/page`; | ||
| 187 | + app.request.promiseGet(url, { | ||
| 188 | + isShowLoading: true, | ||
| 189 | + data: { | ||
| 190 | + store_id: setting.stoid, | ||
| 191 | + user_id: os.user_id, | ||
| 192 | + } | ||
| 193 | + }).then(res => { | ||
| 194 | + console.log('111111111', res); | ||
| 195 | + if (ut.ajax_ok(res)) { | ||
| 196 | + let data = res.data.data.pageData; | ||
| 197 | + let arr = []; | ||
| 198 | + for (let i = 0; i < data.length; i++) { | ||
| 199 | + let history = data[i]; | ||
| 200 | + let id = history.id; | ||
| 201 | + let now = new Date(history['addtime'] * 1000); | ||
| 202 | + let year = now.getFullYear(); //年 | ||
| 203 | + let month = (now.getMonth() + 1).toString().padStart(2, 0); //月 | ||
| 204 | + let day = (now.getDate()).toString().padStart(2, 0); //日 | ||
| 205 | + let hour = (now.getHours()).toString().padStart(2, 0); //时 | ||
| 206 | + let minute = (now.getMinutes()).toString().padStart(2, 0); //分 | ||
| 207 | + let history_time = `${year}年${month}月`; | ||
| 208 | + let time = `${year}/${month}/${day} ${hour}:${minute}`; | ||
| 209 | + let time_obj = { | ||
| 210 | + history_time, | ||
| 211 | + time_arr: new Array(), | ||
| 212 | + }; | ||
| 213 | + if (arr.length > 0) { | ||
| 214 | + let index = arr.findIndex(item => { | ||
| 215 | + return item['history_time'] === history_time; | ||
| 216 | + }) | ||
| 217 | + if (index > -1) { | ||
| 218 | + let obj = { | ||
| 219 | + time, | ||
| 220 | + id, | ||
| 221 | + }; | ||
| 222 | + arr[index]['time_arr'].push(obj); | ||
| 223 | + } else { | ||
| 224 | + arr.push(time_obj); | ||
| 225 | + } | ||
| 226 | + } else { | ||
| 227 | + arr.push(time_obj); | ||
| 228 | + } | ||
| 229 | + } | ||
| 230 | + this.setData({ | ||
| 231 | + history: arr, | ||
| 232 | + }) | ||
| 233 | + initChart.setOption(option); | ||
| 234 | + } | ||
| 186 | 235 | ||
| 236 | + }) | ||
| 187 | }, | 237 | }, |
| 188 | 238 | ||
| 189 | /** | 239 | /** |
| @@ -192,17 +242,18 @@ Page({ | @@ -192,17 +242,18 @@ Page({ | ||
| 192 | onReady: function () { | 242 | onReady: function () { |
| 193 | 243 | ||
| 194 | }, | 244 | }, |
| 195 | - initChartOption() { | ||
| 196 | - initChart.setOption(option); | ||
| 197 | - }, | 245 | + |
| 198 | /** | 246 | /** |
| 199 | * 生命周期函数--监听页面显示 | 247 | * 生命周期函数--监听页面显示 |
| 200 | */ | 248 | */ |
| 201 | onShow: function () { | 249 | onShow: function () { |
| 202 | setTimeout(() => { | 250 | setTimeout(() => { |
| 203 | - initChart.setOption(option); | 251 | + |
| 204 | }, 1000); | 252 | }, 1000); |
| 205 | }, | 253 | }, |
| 254 | + go_result(e) { | ||
| 255 | + | ||
| 256 | + }, | ||
| 206 | 257 | ||
| 207 | /** | 258 | /** |
| 208 | * 生命周期函数--监听页面隐藏 | 259 | * 生命周期函数--监听页面隐藏 |
packageD/pages/AI-test-skin/history_record/history_record.wxml
| @@ -11,57 +11,11 @@ | @@ -11,57 +11,11 @@ | ||
| 11 | <view class="mgv5">历史报告</view> | 11 | <view class="mgv5">历史报告</view> |
| 12 | 12 | ||
| 13 | <view class="history_list"> | 13 | <view class="history_list"> |
| 14 | - <view class="history_list_month"> | ||
| 15 | - <view style="color:#333;font-size:26rpx;margin-top: 30rpx">2022年02月</view> | ||
| 16 | - <view class="souce"> | ||
| 17 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 18 | - <view style="color:#fbb11f;">73分</view> | ||
| 19 | - </view> | ||
| 20 | - <view class="souce"> | ||
| 21 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 22 | - <view style="color:#fbb11f;">73分</view> | ||
| 23 | - </view> | ||
| 24 | - <view class="souce"> | ||
| 25 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 26 | - <view style="color:#fbb11f;">73分</view> | ||
| 27 | - </view> | ||
| 28 | - <view class="souce"> | ||
| 29 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 30 | - <view style="color:#fbb11f;">73分</view> | ||
| 31 | - </view> | ||
| 32 | - <view class="souce"> | ||
| 33 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 34 | - <view style="color:#fbb11f;">73分</view> | ||
| 35 | - </view> | ||
| 36 | - <view class="souce"> | ||
| 37 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 38 | - <view style="color:#fbb11f;">73分</view> | ||
| 39 | - </view> | ||
| 40 | - <view class="souce"> | ||
| 41 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 42 | - <view style="color:#fbb11f;">73分</view> | ||
| 43 | - </view> | ||
| 44 | - <view class="souce"> | ||
| 45 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 46 | - <view style="color:#fbb11f;">73分</view> | ||
| 47 | - </view> | ||
| 48 | - <view class="souce"> | ||
| 49 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 50 | - <view style="color:#fbb11f;">73分</view> | ||
| 51 | - </view> | ||
| 52 | - </view> | ||
| 53 | - <view class="history_list_month"> | ||
| 54 | - <view style="color:#333;font-size:26rpx;margin-top: 30rpx">2022年02月</view> | ||
| 55 | - <view class="souce"> | ||
| 56 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 57 | - <view style="color:#fbb11f;">73分</view> | ||
| 58 | - </view> | ||
| 59 | - </view> | ||
| 60 | - <view class="history_list_month"> | ||
| 61 | - <view style="color:#333;font-size:26rpx;margin-top: 30rpx">2022年02月</view> | ||
| 62 | - <view class="souce"> | ||
| 63 | - <view style="font-weight: 600;">2022/02/19 15:35</view> | ||
| 64 | - <view style="color:#fbb11f;">73分</view> | 14 | + <view class="history_list_month" wx:for="{{history}}"> |
| 15 | + <view style="color:#333;font-size:26rpx;margin-top: 30rpx">{{item.time}}</view> | ||
| 16 | + <view class="souce" wx:for="{{item.time_arr}}" wx:for-item="subitem" wx:for-index="subindex" wx:key="subindex"> | ||
| 17 | + <view style="font-weight: 600;">{{subitem}}</view> | ||
| 18 | + <view style="color: #9b9b9b;" bindtap="go_result">去查看<text style="font-size: 24rpx;" class="iconfont icon-arrow_right"></text></view> | ||
| 65 | </view> | 19 | </view> |
| 66 | </view> | 20 | </view> |
| 67 | </view> | 21 | </view> |
packageD/pages/AI-test-skin/success_result/success_result.js
| 1 | /* | 1 | /* |
| 2 | * @Author: abson | 2 | * @Author: abson |
| 3 | * @Date: 2022-02-16 15:36:47 | 3 | * @Date: 2022-02-16 15:36:47 |
| 4 | - * @LastEditTime: 2022-02-22 16:16:59 | 4 | + * @LastEditTime: 2022-02-22 20:52:12 |
| 5 | * @LastEditors: Please set LastEditors | 5 | * @LastEditors: Please set LastEditors |
| 6 | * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 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 | 7 | * @FilePath: \MShopWeApp\packageB\pages\AI-test-skin\success_result\success_result.js |
| @@ -285,6 +285,8 @@ Page({ | @@ -285,6 +285,8 @@ Page({ | ||
| 285 | close_dialog() { | 285 | close_dialog() { |
| 286 | this.setData({ | 286 | this.setData({ |
| 287 | showDialog: false, | 287 | showDialog: false, |
| 288 | + share_flag:false, | ||
| 289 | + img_scale:true, | ||
| 288 | }) | 290 | }) |
| 289 | }, | 291 | }, |
| 290 | 292 | ||
| @@ -362,6 +364,14 @@ Page({ | @@ -362,6 +364,14 @@ Page({ | ||
| 362 | }) | 364 | }) |
| 363 | }, | 365 | }, |
| 364 | 366 | ||
| 367 | + click_share(){ | ||
| 368 | + this.setData({ | ||
| 369 | + share_flag:true, | ||
| 370 | + img_scale:false, | ||
| 371 | + showDialog:true, | ||
| 372 | + }) | ||
| 373 | + }, | ||
| 374 | + | ||
| 365 | //图片加载的时候，计算图片的像素大小 | 375 | //图片加载的时候，计算图片的像素大小 |
| 366 | face_img_load: function (e) { | 376 | face_img_load: function (e) { |
| 367 | var th = this; | 377 | var th = this; |
packageD/pages/AI-test-skin/success_result/success_result.wxml
| @@ -97,11 +97,12 @@ | @@ -97,11 +97,12 @@ | ||
| 97 | 97 | ||
| 98 | 98 | ||
| 99 | <view class="mask" catchtap="close_mask" wx:if="{{showDialog}}"></view> | 99 | <view class="mask" catchtap="close_mask" wx:if="{{showDialog}}"></view> |
| 100 | -<cover-view class="share fs28"> | 100 | +<cover-view bindtap="click_share" class="share fs28"> |
| 101 | <cover-view class="iconfont icon-zhuanfa1" style="padding: 0 10rpx;"></cover-view> | 101 | <cover-view class="iconfont icon-zhuanfa1" style="padding: 0 10rpx;"></cover-view> |
| 102 | <cover-view>分享</cover-view> | 102 | <cover-view>分享</cover-view> |
| 103 | </cover-view> | 103 | </cover-view> |
| 104 | 104 | ||
| 105 | + | ||
| 105 | <view class="dialog {{img_scale?'scale':'fangda'}}" wx:if="{{showDialog}}"> | 106 | <view class="dialog {{img_scale?'scale':'fangda'}}" wx:if="{{showDialog}}"> |
| 106 | <!-- 局部放大的 --> | 107 | <!-- 局部放大的 --> |
| 107 | <block wx:if="{{img_scale}}"> | 108 | <block wx:if="{{img_scale}}"> |
| @@ -111,15 +112,15 @@ | @@ -111,15 +112,15 @@ | ||
| 111 | <image src="{{iurl}}{{face_img}}" bindload="face_img_load" style="width: 100%;height: 100%;"></image> | 112 | <image src="{{iurl}}{{face_img}}" bindload="face_img_load" style="width: 100%;height: 100%;"></image> |
| 112 | 113 | ||
| 113 | <block wx:if="{{yanjing}}"> | 114 | <block wx:if="{{yanjing}}"> |
| 114 | - <!-- 显示毛孔 --> | ||
| 115 | - <block wx:if="{{show_type==1}}"> | ||
| 116 | - <block wx:for="{{pore_list}}"> | ||
| 117 | - <view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view> | ||
| 118 | - </block> | ||
| 119 | - </block> | 115 | + <!-- 显示毛孔 --> |
| 116 | + <block wx:if="{{show_type==1}}"> | ||
| 117 | + <block wx:for="{{pore_list}}"> | ||
| 118 | + <view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view> | ||
| 119 | + </block> | ||
| 120 | + </block> | ||
| 120 | <!-- 显示色斑 --> | 121 | <!-- 显示色斑 --> |
| 121 | <block wx:if="{{show_type==2}}"> | 122 | <block wx:if="{{show_type==2}}"> |
| 122 | - <block wx:for="{{speckle_list}}" > | 123 | + <block wx:for="{{speckle_list}}"> |
| 123 | <block wx:for="{{item.position}}" wx:for-item="bitem"> | 124 | <block wx:for="{{item.position}}" wx:for-item="bitem"> |
| 124 | <view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view> | 125 | <view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view> |
| 125 | </block> | 126 | </block> |
| @@ -127,15 +128,15 @@ | @@ -127,15 +128,15 @@ | ||
| 127 | </block> | 128 | </block> |
| 128 | <!-- 显示皱纹 --> | 129 | <!-- 显示皱纹 --> |
| 129 | <block wx:if="{{show_type==3}}"> | 130 | <block wx:if="{{show_type==3}}"> |
| 130 | - <block wx:for="{{wrinkle_list}}" > | 131 | + <block wx:for="{{wrinkle_list}}"> |
| 131 | <block wx:for="{{item}}" wx:for-item="bitem"> | 132 | <block wx:for="{{item}}" wx:for-item="bitem"> |
| 132 | - <view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view> | 133 | + <view class="abs p_point" style="left:{{(bitem.x)*bili}}px; top:{{(bitem.y)*bili}}px;"></view> |
| 133 | </block> | 134 | </block> |
| 134 | </block> | 135 | </block> |
| 135 | </block> | 136 | </block> |
| 136 | <!-- 显示黑头 --> | 137 | <!-- 显示黑头 --> |
| 137 | <block wx:if="{{show_type==4}}"> | 138 | <block wx:if="{{show_type==4}}"> |
| 138 | - <block wx:for="{{blackhead_list}}" > | 139 | + <block wx:for="{{blackhead_list}}"> |
| 139 | <block wx:for="{{item}}" wx:for-item="bitem"> | 140 | <block wx:for="{{item}}" wx:for-item="bitem"> |
| 140 | <view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view> | 141 | <view class="abs p_circle" style="left:{{(item.x-item.r)*bili}}px; top:{{(item.y-item.r)*bili}}px; height:{{2*item.r*bili}}px;width: {{2*item.r*bili}}px"></view> |
| 141 | </block> | 142 | </block> |
| @@ -192,7 +193,44 @@ | @@ -192,7 +193,44 @@ | ||
| 192 | </view> | 193 | </view> |
| 193 | </view> | 194 | </view> |
| 194 | </block> | 195 | </block> |
| 196 | + <block wx:elif="{{share_flag}}"> | ||
| 197 | + <view class="dialog_icon" catchtap="close_dialog" style="justify-content: flex-start;"> | ||
| 198 | + <text class="iconfont icon-guan mt20" style="z-index: 999;font-size: 20rpx;"></text> | ||
| 199 | + </view> | ||
| 200 | + <view class="share_dialog"> | ||
| 201 | + <view class="fs24" style="width: 50%;"> | ||
| 202 | + <view style="color: #6adaec;margin-bottom:20rpx;">官方检测认证</view> | ||
| 203 | + <view class="renzheng">我的肌底强韧肌肤鲜活润泽</view> | ||
| 204 | + </view> | ||
| 205 | + <view class="analyse1"> | ||
| 206 | + <view class="analyse_left1"> | ||
| 207 | + <view class="mark1">毛孔 {{pore_num}}</view> | ||
| 208 | + <view class="mark1" style="margin: 40rpx 0;">色斑 {{speckle_num}}</view> | ||
| 209 | + <view class="mark1">黑眼圈 {{s_filter.get_dark_type(dark_type)}}</view> | ||
| 210 | + </view> | ||
| 211 | + <view class="analyse_center1"> | ||
| 212 | + <image style="width: 100%;height: 100%;" wx:if="{{sex === 'female'}}" src="{{iurl}}/miniapp/images/skinimg/nv.png"></image> | ||
| 213 | + <image style="width: 100%;height: 100%;" wx:else src="{{iurl}}/miniapp/images/skinimg/nan.png"></image> | ||
| 214 | + </view> | ||
| 215 | + <view class="analyse_right1"> | ||
| 216 | + <view class="mark1">黑头 {{blackhead_num}}</view> | ||
| 217 | + <view class="mark1" style="margin: 40rpx 0;">皱纹 {{wrinkle_num}}</view> | ||
| 218 | + <view class="mark1">痤疮 {{acne_num}}</view> | ||
| 219 | + </view> | ||
| 220 | + </view> | ||
| 221 | + | ||
| 222 | + <view class="share_dialog_bottom"> | ||
| 223 | + <image style="width: 80rpx;height: 80rpx;margin:0 20rpx 0 10rpx" src="{{iurl}}/miniapp/images/skinimg/heiyanquan.png"></image> | ||
| 224 | + <view style="font-size: 24rpx;"> | ||
| 225 | + <view>美肤管家AI测肤</view> | ||
| 226 | + <view>科学了解皮肤的真实状态</view> | ||
| 227 | + </view> | ||
| 228 | + </view> | ||
| 229 | + </view> | ||
| 230 | + </block> | ||
| 195 | <!-- 全图的，能够自由拖拽和放大 --> | 231 | <!-- 全图的，能够自由拖拽和放大 --> |
| 232 | + | ||
| 233 | + <!-- 缩小 --> | ||
| 196 | <block wx:else> | 234 | <block wx:else> |
| 197 | <view bindtouchstart='touchstartCallback' bindtouchmove='touchmoveCallback' | 235 | <view bindtouchstart='touchstartCallback' bindtouchmove='touchmoveCallback' |
| 198 | style="position: relative;transform: scale(img_scale);top: {{img_top}}px; left: {{img_left}}px;"> | 236 | style="position: relative;transform: scale(img_scale);top: {{img_top}}px; left: {{img_left}}px;"> |
| @@ -207,7 +245,7 @@ | @@ -207,7 +245,7 @@ | ||
| 207 | </block> | 245 | </block> |
| 208 | <!-- 显示色斑 --> | 246 | <!-- 显示色斑 --> |
| 209 | <block wx:if="{{show_type==2}}"> | 247 | <block wx:if="{{show_type==2}}"> |
| 210 | - <block wx:for="{{speckle_list}}" > | 248 | + <block wx:for="{{speckle_list}}"> |
| 211 | <block wx:for="{{item.position}}" wx:for-item="bitem"> | 249 | <block wx:for="{{item.position}}" wx:for-item="bitem"> |
| 212 | <view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view> | 250 | <view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view> |
| 213 | </block> | 251 | </block> |
| @@ -215,7 +253,7 @@ | @@ -215,7 +253,7 @@ | ||
| 215 | </block> | 253 | </block> |
| 216 | <!-- 显示皱纹 --> | 254 | <!-- 显示皱纹 --> |
| 217 | <block wx:if="{{show_type==3}}"> | 255 | <block wx:if="{{show_type==3}}"> |
| 218 | - <block wx:for="{{wrinkle_list}}" > | 256 | + <block wx:for="{{wrinkle_list}}"> |
| 219 | <block wx:for="{{item}}" wx:for-item="bitem"> | 257 | <block wx:for="{{item}}" wx:for-item="bitem"> |
| 220 | <view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view> | 258 | <view class="abs p_point" style="left:{{(bitem.x)*bili1}}px; top:{{(bitem.y)*bili1}}px;"></view> |
| 221 | </block> | 259 | </block> |
| @@ -224,7 +262,7 @@ | @@ -224,7 +262,7 @@ | ||
| 224 | 262 | ||
| 225 | <!-- 显示黑头 --> | 263 | <!-- 显示黑头 --> |
| 226 | <block wx:if="{{show_type==4}}"> | 264 | <block wx:if="{{show_type==4}}"> |
| 227 | - <block wx:for="{{blackhead_list}}" > | 265 | + <block wx:for="{{blackhead_list}}"> |
| 228 | <block wx:for="{{item}}" wx:for-item="bitem"> | 266 | <block wx:for="{{item}}" wx:for-item="bitem"> |
| 229 | <view class="abs p_circle" style="left:{{(item.x-item.r)*bili1}}px; top:{{(item.y-item.r)*bili1}}px; height:{{2*item.r*bili1}}px;width: {{2*item.r*bili1}}px"></view> | 267 | <view class="abs p_circle" style="left:{{(item.x-item.r)*bili1}}px; top:{{(item.y-item.r)*bili1}}px; height:{{2*item.r*bili1}}px;width: {{2*item.r*bili1}}px"></view> |
| 230 | </block> | 268 | </block> |
packageD/pages/AI-test-skin/success_result/success_result.wxss
| @@ -51,6 +51,13 @@ page { | @@ -51,6 +51,13 @@ page { | ||
| 51 | justify-content: center; | 51 | justify-content: center; |
| 52 | /* justify-content: space-evenly; */ | 52 | /* justify-content: space-evenly; */ |
| 53 | } | 53 | } |
| 54 | +.analyse1 { | ||
| 55 | + display: flex; | ||
| 56 | + align-items: center; | ||
| 57 | + margin: 50rpx 0 100rpx 0; | ||
| 58 | + justify-content: center; | ||
| 59 | + /* justify-content: space-evenly; */ | ||
| 60 | +} | ||
| 54 | 61 | ||
| 55 | .analyse .mark { | 62 | .analyse .mark { |
| 56 | padding: 4rpx 12rpx; | 63 | padding: 4rpx 12rpx; |
| @@ -58,6 +65,12 @@ page { | @@ -58,6 +65,12 @@ page { | ||
| 58 | background: #fff; | 65 | background: #fff; |
| 59 | border-radius: 20rpx; | 66 | border-radius: 20rpx; |
| 60 | } | 67 | } |
| 68 | +.analyse1 .mark1 { | ||
| 69 | + padding: 3rpx; | ||
| 70 | + font-size: 24rpx; | ||
| 71 | + background: #fff; | ||
| 72 | + border-radius: 20rpx; | ||
| 73 | +} | ||
| 61 | 74 | ||
| 62 | .analyse .analyse_left { | 75 | .analyse .analyse_left { |
| 63 | position: relative; | 76 | position: relative; |
| @@ -72,6 +85,23 @@ page { | @@ -72,6 +85,23 @@ page { | ||
| 72 | width: 400rpx; | 85 | width: 400rpx; |
| 73 | height: 400rpx; | 86 | height: 400rpx; |
| 74 | } | 87 | } |
| 88 | +.analyse1 .analyse_center1 { | ||
| 89 | + position: relative; | ||
| 90 | + background: #c9f0f9; | ||
| 91 | + border-radius: 50%; | ||
| 92 | + width: 300rpx; | ||
| 93 | + height: 300rpx; | ||
| 94 | +} | ||
| 95 | +.analyse1 .analyse_left1 { | ||
| 96 | + position: relative; | ||
| 97 | + right: -25rpx; | ||
| 98 | + z-index: 2; | ||
| 99 | +} | ||
| 100 | +.analyse1 .analyse_right1 { | ||
| 101 | + position: relative; | ||
| 102 | + right: 25rpx; | ||
| 103 | + z-index: 2; | ||
| 104 | +} | ||
| 75 | 105 | ||
| 76 | .analyse_center .lianxian { | 106 | .analyse_center .lianxian { |
| 77 | position: absolute; | 107 | position: absolute; |
| @@ -303,6 +333,21 @@ page { | @@ -303,6 +333,21 @@ page { | ||
| 303 | background-color: rgb(193 235 241 / 50%) | 333 | background-color: rgb(193 235 241 / 50%) |
| 304 | } | 334 | } |
| 305 | 335 | ||
| 336 | +.renzheng { | ||
| 337 | + position: relative; | ||
| 338 | + font-size: 38rpx; | ||
| 339 | + font-weight: 600; | ||
| 340 | +} | ||
| 341 | +.renzheng::after { | ||
| 342 | + position: absolute; | ||
| 343 | + content: ""; | ||
| 344 | + bottom: 0; | ||
| 345 | + display: block; | ||
| 346 | + width: 100%; | ||
| 347 | + height: 20rpx; | ||
| 348 | + background-color: rgb(193 235 241 / 50%) | ||
| 349 | +} | ||
| 350 | + | ||
| 306 | .analyse_classify_foot .shoushu { | 351 | .analyse_classify_foot .shoushu { |
| 307 | padding: 5%; | 352 | padding: 5%; |
| 308 | display: flex; | 353 | display: flex; |
| @@ -418,7 +463,7 @@ page { | @@ -418,7 +463,7 @@ page { | ||
| 418 | justify-content: center; | 463 | justify-content: center; |
| 419 | align-items: center; | 464 | align-items: center; |
| 420 | color: #fff; | 465 | color: #fff; |
| 421 | - background-color: #1f1919; | 466 | + background-color: #333; |
| 422 | border-radius: 50%; | 467 | border-radius: 50%; |
| 423 | width: 50rpx; | 468 | width: 50rpx; |
| 424 | height: 50rpx; | 469 | height: 50rpx; |
| @@ -547,10 +592,44 @@ page { | @@ -547,10 +592,44 @@ page { | ||
| 547 | background: #fff; | 592 | background: #fff; |
| 548 | } | 593 | } |
| 549 | 594 | ||
| 550 | -.abs{position: absolute} | ||
| 551 | -.p_circle{ border: 1rpx solid #c8162c;border-radius: 50%} | ||
| 552 | -.p_point{background-color:#c8162c;height:2px;width:2px} | 595 | +.abs { |
| 596 | + position: absolute | ||
| 597 | +} | ||
| 598 | + | ||
| 599 | +.p_circle { | ||
| 600 | + border: 1rpx solid #c8162c; | ||
| 601 | + border-radius: 50% | ||
| 602 | +} | ||
| 603 | + | ||
| 604 | +.p_point { | ||
| 605 | + background-color: #c8162c; | ||
| 606 | + height: 2px; | ||
| 607 | + width: 2px | ||
| 608 | +} | ||
| 553 | 609 | ||
| 554 | .xc-spacing { | 610 | .xc-spacing { |
| 555 | letter-spacing: 4rpx; | 611 | letter-spacing: 4rpx; |
| 612 | +} | ||
| 613 | + | ||
| 614 | +.share_dialog { | ||
| 615 | + background: #e8f5fd; | ||
| 616 | + height: 100%; | ||
| 617 | + padding: 40rpx; | ||
| 618 | + display: flex; | ||
| 619 | + flex-direction: column; | ||
| 620 | + justify-content: space-around; | ||
| 621 | +} | ||
| 622 | + | ||
| 623 | +.share_dialog .share_dialog_center { | ||
| 624 | + width: 400rpx; | ||
| 625 | + height: 400rpx; | ||
| 626 | + margin: 30rpx 0; | ||
| 627 | + align-self: center; | ||
| 628 | +} | ||
| 629 | + | ||
| 630 | +.share_dialog .share_dialog_bottom { | ||
| 631 | + background: #fff; | ||
| 632 | + display: flex; | ||
| 633 | + padding: 30rpx; | ||
| 634 | + border-radius: 20rpx; | ||
| 556 | } | 635 | } |
| 557 | \ No newline at end of file | 636 | \ No newline at end of file |