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 88b47ce..c66d20e 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.js +++ b/packageB/pages/AI-test-skin/success_result/success_result.js @@ -1,7 +1,7 @@ /* * @Author: abson * @Date: 2022-02-16 15:36:47 - * @LastEditTime: 2022-02-18 14:00:54 + * @LastEditTime: 2022-02-18 17:06:27 * @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 @@ -20,9 +20,12 @@ 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', + tab_id: 'zong_he', iurl: setting.imghost, - showDialog:false, + showDialog: false, + yanjing: true, + img_scale: true, //问题标注放大图片 + img_scale_icon:true, }, /** @@ -52,6 +55,17 @@ Page({ tab_id, }) }, + click_yanjing() { + this.setData({ + yanjing: !this.data.yanjing, + }) + }, + click_fangda() { + this.setData({ + img_scale: !this.data.img_scale, + img_scale_icon:!this.data.yanjing, + }) + }, /** * 生命周期函数--监听页面隐藏 @@ -66,6 +80,24 @@ Page({ onUnload: function () { }, + show_dailog() { + this.setData({ + showDialog: true, + }) + }, + + close_dialog() { + this.setData({ + showDialog: false, + }) + }, + + close_mask() { + this.setData({ + showDialog: false, + img_scale: true, + }) + }, /** * 页面相关事件处理函数--监听用户下拉动作 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 fa78262..0d2e1ca 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.wxml +++ b/packageB/pages/AI-test-skin/success_result/success_result.wxml @@ -69,7 +69,7 @@ #01 毛孔 - + 问题标注 @@ -339,7 +339,7 @@ #05 - 黑眼圈 + 黑眼圈 问题标注 @@ -629,8 +629,46 @@ - + \ No newline at end of file + + 分享 + + + + + + + + + + + + + + + + + + + 毛孔较粗大 + + + + + + + + + + + + + + + + + + + + \ 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 be8fb2d..843190f 100644 --- a/packageB/pages/AI-test-skin/success_result/success_result.wxss +++ b/packageB/pages/AI-test-skin/success_result/success_result.wxss @@ -11,16 +11,18 @@ page { display: flex; height: 100rpx; } + .share { + display: flex; position: fixed; bottom: 100rpx; right: 0; - padding: 20rpx; - background-color: #fff; - border: 2rpx solid #f0f0f0; - /* color: #FFF; */ - border-radius: 40rpx 0 0 40rpx; - z-index: 99; + padding: 20rpx; + background-color: #fff; + border: 2rpx solid #f0f0f0; + /* color: #FFF; */ + border-radius: 40rpx 0 0 40rpx; + z-index: 99; } .tab_scroll_item { @@ -110,14 +112,16 @@ page { width: 100%; height: 100%; top: 0; - bottom: 0; - left: 0; - right: 0; + bottom: 0; + left: 0; + right: 0; background-color: rgba(0, 0, 0, .6); } + .ll::after { content: "\e650"; } + .analyse .analyse_center image { height: 100%; width: 100%; @@ -364,4 +368,56 @@ page { /* width: 160rpx; */ flex-direction: column; align-items: center; -} \ No newline at end of file +} + +.dialog { + position: fixed; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + height: 70%; + width: 80%; + border-radius: 30rpx; +} + +.dialog .dialog_img { + height: 80%; + position: relative; +} + +.dialog .dialog_txt { + height: 20%; + display: flex; + align-items: center; + justify-content: center; + background-color: #fff; +} + +.dialog .dialog_icon { + position: absolute; + right: 30rpx; + top: 0; + display: flex; + flex-direction: column; + justify-content: flex-end; + height: 100%; +} + +.dialog .iconfont { + display: flex; + justify-content: center; + align-items: center; + color: #fff; + background-color: #1f1919; + border-radius: 50%; + width: 50rpx; + height: 50rpx; +} + +.pp { + width: 8rpx; + height: 35rpx; + margin-right: 5rpx; + border-radius: 3rpx; + background: #2cb344; +}