diff --git a/src/apis.js b/src/apis.js index bb00464..b94d5e7 100644 --- a/src/apis.js +++ b/src/apis.js @@ -498,3 +498,11 @@ export const donateAPI = async (amount, name, phone, organizer, advice) => { advice, }); }; + +export const laserAimAPI = async () => { + return request("POST", "/user/device/laserAim"); +}; + +export const laserCloseAPI = async () => { + return request("POST", "/user/device/closeAim"); +}; diff --git a/src/pages.json b/src/pages.json index f869392..e5fa337 100644 --- a/src/pages.json +++ b/src/pages.json @@ -3,6 +3,9 @@ { "path": "pages/index" }, + { + "path": "pages/calibration" + }, { "path": "pages/point-book" }, diff --git a/src/pages/calibration.vue b/src/pages/calibration.vue new file mode 100644 index 0000000..5b286b8 --- /dev/null +++ b/src/pages/calibration.vue @@ -0,0 +1,92 @@ + + + + + diff --git a/src/pages/my-device.vue b/src/pages/my-device.vue index 1aec5fc..a63dde6 100644 --- a/src/pages/my-device.vue +++ b/src/pages/my-device.vue @@ -1,5 +1,6 @@ @@ -313,16 +357,17 @@ const copyEmail = () => { justify-content: center; color: #fff; font-size: 14px; - margin: 100px 0; + margin-top: 200rpx; } .device-binded > view { display: flex; flex-direction: column; align-items: center; + position: relative; } .device-binded > view > image { - width: 24vw; - height: 24vw; + width: 140rpx; + height: 140rpx; margin-bottom: 5px; border-radius: 10px; } @@ -334,7 +379,7 @@ const copyEmail = () => { text-align: center; } .device-binded > image { - width: 16vw; + width: 100rpx; margin: 0 20px; } .has-device, @@ -348,10 +393,41 @@ const copyEmail = () => { flex-direction: column; align-items: center; font-size: 14px; - margin: 75px 0; + margin-bottom: 100rpx; } .has-device > view:nth-child(2) > text, .just-bind > view:nth-child(2) > text { margin: 5px; } +.calibration { + position: absolute; + bottom: -145rpx; + left: 20rpx; +} +.calibration > button { + font-size: 22rpx; + color: #287fff; + display: flex; + align-items: center; + margin-bottom: 15rpx; + margin-left: 50rpx; +} +.calibration > button > image { + width: 28rpx; + height: 28rpx; +} +.calibration > view { + position: relative; + font-size: 20rpx; + color: #fff9; + padding-top: 40rpx; + padding-left: 35rpx; + width: 300rpx; +} +.calibration > view > image { + position: absolute; + top: 0; + left: 0; + width: 370rpx; +} diff --git a/src/static/bind-success.png b/src/static/bind-success.png index 47746c5..aa95e5e 100644 Binary files a/src/static/bind-success.png and b/src/static/bind-success.png differ diff --git a/src/static/calibration-tip.png b/src/static/calibration-tip.png new file mode 100644 index 0000000..d5d0f65 Binary files /dev/null and b/src/static/calibration-tip.png differ