Commit 60341ea24278a4b03c805ac59dc5c555ae729a24
1 parent
323374f5
测肤
Showing
7 changed files
with
277 additions
and
0 deletions
packageB/pages/AI-test-skin/index/aiskin.json
0 → 100644
packageB/pages/AI-test-skin/index/aiskin.wxml
0 → 100644
| 1 | +<view class="container1"> | ||
| 2 | + <view class="history"> | ||
| 3 | + <cover-view style="padding: 0 6rpx 0 25rpx;" bindtap="goto" data-url="/packageB/pages/AI-test-skin/history_record/history_record">历史档案</cover-view> | ||
| 4 | + <text class="iconfont icon-arrow_right"></text> | ||
| 5 | + </view> | ||
| 6 | + <image src="{{iurl}}/miniapp/images/skinimg/3.jpeg "></image> | ||
| 7 | + <view class="start_btn" bindtap="goto" data-url="/packageB/pages/AI-test-skin/shoot_notice/shoot_notice"> | ||
| 8 | + <text>开始测肤</text> | ||
| 9 | + </view> | ||
| 10 | +</view> | ||
| 0 | \ No newline at end of file | 11 | \ No newline at end of file |
packageB/pages/AI-test-skin/index/aiskin.wxss
0 → 100644
| 1 | +/* packageB/pages/AI-test-skin/aiskin.wxss */ | ||
| 2 | +page { | ||
| 3 | + width: 100%; | ||
| 4 | + height: 100%; | ||
| 5 | +} | ||
| 6 | +image { | ||
| 7 | + width: 100vw; | ||
| 8 | + height: 100%; | ||
| 9 | +} | ||
| 10 | +.container1 { | ||
| 11 | + position: relative; | ||
| 12 | + width: 100%; | ||
| 13 | + height: 100%; | ||
| 14 | +} | ||
| 15 | +.history { | ||
| 16 | + margin-top: 30rpx; | ||
| 17 | + display: flex; | ||
| 18 | + position: absolute; | ||
| 19 | + right: 0; | ||
| 20 | + padding: 10rpx; | ||
| 21 | + border-radius: 50rpx 0 0 50rpx; | ||
| 22 | + box-shadow: 0 0 2px 2px #f7f5f5; | ||
| 23 | + color: #4ad5df; | ||
| 24 | +} | ||
| 25 | +.start_btn { | ||
| 26 | + position: fixed; | ||
| 27 | + bottom: 50rpx; | ||
| 28 | + /* margin: auto; */ | ||
| 29 | + /* text-align: center; */ | ||
| 30 | + margin-left: 50%; | ||
| 31 | + transform: translateX(-50%); | ||
| 32 | + background: #4bd6df; | ||
| 33 | + padding: 20rpx; | ||
| 34 | + width: 67%; | ||
| 35 | + text-align: center; | ||
| 36 | + border-radius: 40rpx; | ||
| 37 | + color: #fff; | ||
| 38 | +} | ||
| 0 | \ No newline at end of file | 39 | \ No newline at end of file |
packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js
0 → 100644
| 1 | +// packageB/pages/AI-test-skin/shoot_notice/shoot_notice.js | ||
| 2 | +const app = getApp(); | ||
| 3 | +const request = app.request; | ||
| 4 | +const os = app.globalData; | ||
| 5 | +const setting = os.setting; | ||
| 6 | +const ut = require('../../../../utils/util'); | ||
| 7 | +Page({ | ||
| 8 | + | ||
| 9 | + /** | ||
| 10 | + * 页面的初始数据 | ||
| 11 | + */ | ||
| 12 | + data: { | ||
| 13 | + iurl: setting.imghost, | ||
| 14 | + }, | ||
| 15 | + | ||
| 16 | + /** | ||
| 17 | + * 生命周期函数--监听页面加载 | ||
| 18 | + */ | ||
| 19 | + onLoad: function (options) { | ||
| 20 | + | ||
| 21 | + }, | ||
| 22 | + | ||
| 23 | + /** | ||
| 24 | + * 生命周期函数--监听页面初次渲染完成 | ||
| 25 | + */ | ||
| 26 | + onReady: function () { | ||
| 27 | + | ||
| 28 | + }, | ||
| 29 | + | ||
| 30 | + /** | ||
| 31 | + * 生命周期函数--监听页面显示 | ||
| 32 | + */ | ||
| 33 | + onShow: function () { | ||
| 34 | + | ||
| 35 | + }, | ||
| 36 | + | ||
| 37 | + /** | ||
| 38 | + * 生命周期函数--监听页面隐藏 | ||
| 39 | + */ | ||
| 40 | + onHide: function () { | ||
| 41 | + | ||
| 42 | + }, | ||
| 43 | + | ||
| 44 | + /** | ||
| 45 | + * 生命周期函数--监听页面卸载 | ||
| 46 | + */ | ||
| 47 | + onUnload: function () { | ||
| 48 | + | ||
| 49 | + }, | ||
| 50 | + | ||
| 51 | + /** | ||
| 52 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 53 | + */ | ||
| 54 | + onPullDownRefresh: function () { | ||
| 55 | + | ||
| 56 | + }, | ||
| 57 | + | ||
| 58 | + /** | ||
| 59 | + * 页面上拉触底事件的处理函数 | ||
| 60 | + */ | ||
| 61 | + onReachBottom: function () { | ||
| 62 | + | ||
| 63 | + }, | ||
| 64 | + | ||
| 65 | + /** | ||
| 66 | + * 用户点击右上角分享 | ||
| 67 | + */ | ||
| 68 | + onShareAppMessage: function () { | ||
| 69 | + | ||
| 70 | + } | ||
| 71 | +}) | ||
| 0 | \ No newline at end of file | 72 | \ No newline at end of file |
packageB/pages/AI-test-skin/shoot_notice/shoot_notice.json
0 → 100644
packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxml
0 → 100644
| 1 | +<!--packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxml--> | ||
| 2 | +<view class="content"> | ||
| 3 | + <view> | ||
| 4 | + <view class="work">准备工作</view> | ||
| 5 | + <view class="hengxian"></view> | ||
| 6 | + </view> | ||
| 7 | + <view> | ||
| 8 | + <view class="ready"> | ||
| 9 | + <view class="image"> | ||
| 10 | + <image src="{{iurl}}/miniapp/images/skinimg/4.jpeg"></image> | ||
| 11 | + <text class="shuxian"></text> | ||
| 12 | + <image src="{{iurl}}/miniapp/images/skinimg/7.jpeg"></image> | ||
| 13 | + </view> | ||
| 14 | + <text class="fs28">1、请对准镜头，闭眼拍照</text> | ||
| 15 | + </view> | ||
| 16 | + <view class="ready"> | ||
| 17 | + <view class="image"> | ||
| 18 | + <image src="{{iurl}}/miniapp/images/skinimg/5.jpeg"></image> | ||
| 19 | + <text class="shuxian"></text> | ||
| 20 | + <image src="{{iurl}}/miniapp/images/skinimg/7.jpeg"></image> | ||
| 21 | + </view> | ||
| 22 | + <text class="fs28">2、请摘下眼镜，撩起刘海</text> | ||
| 23 | + </view> | ||
| 24 | + <view class="ready"> | ||
| 25 | + <view class="image"> | ||
| 26 | + <image src="{{iurl}}/miniapp/images/skinimg/8.jpeg"></image> | ||
| 27 | + <text class="shuxian"></text> | ||
| 28 | + <image src="{{iurl}}/miniapp/images/skinimg/10.jpeg"></image> | ||
| 29 | + </view> | ||
| 30 | + <text class="fs28">3、保持脸部垂直，切勿距离过远过近</text> | ||
| 31 | + </view> | ||
| 32 | + </view> | ||
| 33 | + <view style="margin: 100rpx 0 40rpx 0;"> | ||
| 34 | + <view class="work">注意事项</view> | ||
| 35 | + <view class="hengxian"></view> | ||
| 36 | + </view> | ||
| 37 | + <view> | ||
| 38 | + <view class="ready"> | ||
| 39 | + <view class="image_1"> | ||
| 40 | + <image src="{{iurl}}/miniapp/images/skinimg/6.jpeg"></image> | ||
| 41 | + </view> | ||
| 42 | + <text class="fs28">1、脸部置于画面中央，请勿距离过远或过近</text> | ||
| 43 | + </view> | ||
| 44 | + <view class="ready1"> | ||
| 45 | + <view class="image_1"> | ||
| 46 | + <image src="{{iurl}}/miniapp/images/skinimg/9.jpeg"></image> | ||
| 47 | + </view> | ||
| 48 | + <text class="fs28">2、脸部保持平视摄像头</text> | ||
| 49 | + </view> | ||
| 50 | + </view> | ||
| 51 | +</view> | ||
| 52 | +<view style="height: 300rpx;background-color: #e7f5fb;"> | ||
| 53 | + <view class="btn_fixed"> | ||
| 54 | + <view class="btn"> | ||
| 55 | + 准备闭眼拍摄 | ||
| 56 | + </view> | ||
| 57 | + <view> | ||
| 58 | + <text></text> | ||
| 59 | + <text>如无闭眼，将导致图片分析失败</text> | ||
| 60 | + </view> | ||
| 61 | + </view> | ||
| 62 | +</view> | ||
| 0 | \ No newline at end of file | 63 | \ No newline at end of file |
packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxss
0 → 100644
| 1 | +/* packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxss */ | ||
| 2 | +page { | ||
| 3 | + width: 100vw; | ||
| 4 | + height: 100%; | ||
| 5 | + padding: 40rpx 30rpx 0 30rpx; | ||
| 6 | + box-sizing: border-box; | ||
| 7 | + background-color: #e7f5fb; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +.content { | ||
| 11 | + width: 100%; | ||
| 12 | + /* height: 100%; */ | ||
| 13 | + border-radius: 25rpx; | ||
| 14 | + /* padding: 30rpx; */ | ||
| 15 | + background-color: #fff; | ||
| 16 | +} | ||
| 17 | + | ||
| 18 | +.content .work { | ||
| 19 | + text-align: center; | ||
| 20 | + padding: 60rpx 0 30rpx 0; | ||
| 21 | + font-size: 36rpx; | ||
| 22 | +} | ||
| 23 | + | ||
| 24 | +.content .ready { | ||
| 25 | + display: flex; | ||
| 26 | + flex-direction: column; | ||
| 27 | + align-items: center; | ||
| 28 | + margin-bottom: 40rpx | ||
| 29 | +} | ||
| 30 | +.content .ready1 { | ||
| 31 | + display: flex; | ||
| 32 | + flex-direction: column; | ||
| 33 | + align-items: center; | ||
| 34 | + padding-bottom: 50rpx ; | ||
| 35 | + /* margin-bottom: 40rpx */ | ||
| 36 | +} | ||
| 37 | + | ||
| 38 | +.hengxian { | ||
| 39 | + position: relative; | ||
| 40 | + top: -15rpx; | ||
| 41 | + width: 40rpx; | ||
| 42 | + margin-left: 50%; | ||
| 43 | + transform: translateX(-50%); | ||
| 44 | + border: 1rpx solid #5edadc; | ||
| 45 | +} | ||
| 46 | + | ||
| 47 | +.shuxian { | ||
| 48 | + width: 2rpx; | ||
| 49 | + background-color: #f5f5f5; | ||
| 50 | + margin: 0 30rpx; | ||
| 51 | +} | ||
| 52 | + | ||
| 53 | +.content .image { | ||
| 54 | + display: flex; | ||
| 55 | + width: 75%; | ||
| 56 | + height: 300rpx; | ||
| 57 | +} | ||
| 58 | + | ||
| 59 | +.content .image_1 { | ||
| 60 | + display: flex; | ||
| 61 | + width: 55%; | ||
| 62 | + height: 450rpx; | ||
| 63 | + margin: 0 auto; | ||
| 64 | +} | ||
| 65 | + | ||
| 66 | +.content image { | ||
| 67 | + height: 100%; | ||
| 68 | +} | ||
| 69 | +.btn { | ||
| 70 | + | ||
| 71 | + /* height: 150rpx; */ | ||
| 72 | + /* margin-left: 50%; */ | ||
| 73 | + margin: 70rpx 0 30rpx 50%; | ||
| 74 | + transform: translateX(-50%); | ||
| 75 | + background: #4bd6df; | ||
| 76 | + padding: 20rpx; | ||
| 77 | + width: 50%; | ||
| 78 | + text-align: center; | ||
| 79 | + border-radius: 40rpx; | ||
| 80 | + color: #fff; | ||
| 81 | +} | ||
| 82 | +.btn_fixed { | ||
| 83 | + position: fixed; | ||
| 84 | + width: 100%; | ||
| 85 | + bottom: -40rpx; | ||
| 86 | + height: 300rpx; | ||
| 87 | + background: #e7f5fb; | ||
| 88 | +} | ||
| 0 | \ No newline at end of file | 89 | \ No newline at end of file |