删除编译文件
|
|
@ -2,8 +2,8 @@
|
||||||
"name" : "护理单元",
|
"name" : "护理单元",
|
||||||
"appid" : "__UNI__FB2D473",
|
"appid" : "__UNI__FB2D473",
|
||||||
"description" : "护理单元",
|
"description" : "护理单元",
|
||||||
"versionName" : "1.6.9",
|
"versionName" : "1.7.0",
|
||||||
"versionCode" : 169,
|
"versionCode" : 170,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
|
|
|
||||||
|
|
@ -575,7 +575,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
)
|
)
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]);
|
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app/pages/camera.nvue"]]);
|
||||||
export {
|
export {
|
||||||
camera as default
|
camera as default
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -577,7 +577,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
)
|
)
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/fullcamera.nvue"]]);
|
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app/pages/fullcamera.nvue"]]);
|
||||||
export {
|
export {
|
||||||
fullcamera as default
|
fullcamera as default
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
|
@ -1,24 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<title>View</title>
|
|
||||||
<link rel="icon" href="data:,">
|
|
||||||
<link rel="stylesheet" href="app.css" />
|
|
||||||
<script>var __uniConfig = {"globalStyle":{},"darkmode":false}</script>
|
|
||||||
<script>
|
|
||||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
|
||||||
CSS.supports('top: constant(a)'))
|
|
||||||
document.write(
|
|
||||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
|
||||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
|
||||||
<script src="uni-app-view.umd.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
(function(){})();
|
|
||||||
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
|
@ -1,176 +0,0 @@
|
||||||
{
|
|
||||||
"@platforms": [
|
|
||||||
"android",
|
|
||||||
"iPhone",
|
|
||||||
"iPad"
|
|
||||||
],
|
|
||||||
"id": "__UNI__FB2D473",
|
|
||||||
"name": "护理单元",
|
|
||||||
"version": {
|
|
||||||
"name": "1.6.9",
|
|
||||||
"code": 169
|
|
||||||
},
|
|
||||||
"description": "护理单元",
|
|
||||||
"developer": {
|
|
||||||
"name": "",
|
|
||||||
"email": "",
|
|
||||||
"url": ""
|
|
||||||
},
|
|
||||||
"permissions": {
|
|
||||||
"Share": {},
|
|
||||||
"Camera": {},
|
|
||||||
"VideoPlayer": {},
|
|
||||||
"UniNView": {
|
|
||||||
"description": "UniNView原生渲染"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"plus": {
|
|
||||||
"useragent": {
|
|
||||||
"value": "uni-app",
|
|
||||||
"concatenate": true
|
|
||||||
},
|
|
||||||
"splashscreen": {
|
|
||||||
"target": "id:1",
|
|
||||||
"autoclose": true,
|
|
||||||
"waiting": true,
|
|
||||||
"delay": 0
|
|
||||||
},
|
|
||||||
"popGesture": "close",
|
|
||||||
"launchwebview": {
|
|
||||||
"render": "always",
|
|
||||||
"id": "1",
|
|
||||||
"kernel": "WKWebview"
|
|
||||||
},
|
|
||||||
"usingComponents": true,
|
|
||||||
"nvueStyleCompiler": "uni-app",
|
|
||||||
"compilerVersion": 3,
|
|
||||||
"distribute": {
|
|
||||||
"icons": {
|
|
||||||
"android": {
|
|
||||||
"hdpi": "unpackage/res/icons/72x72.png",
|
|
||||||
"xhdpi": "unpackage/res/icons/96x96.png",
|
|
||||||
"xxhdpi": "unpackage/res/icons/144x144.png",
|
|
||||||
"xxxhdpi": "unpackage/res/icons/192x192.png"
|
|
||||||
},
|
|
||||||
"ios": {
|
|
||||||
"appstore": "unpackage/res/icons/1024x1024.png",
|
|
||||||
"ipad": {
|
|
||||||
"app": "unpackage/res/icons/76x76.png",
|
|
||||||
"app@2x": "unpackage/res/icons/152x152.png",
|
|
||||||
"notification": "unpackage/res/icons/20x20.png",
|
|
||||||
"notification@2x": "unpackage/res/icons/40x40.png",
|
|
||||||
"proapp@2x": "unpackage/res/icons/167x167.png",
|
|
||||||
"settings": "unpackage/res/icons/29x29.png",
|
|
||||||
"settings@2x": "unpackage/res/icons/58x58.png",
|
|
||||||
"spotlight": "unpackage/res/icons/40x40.png",
|
|
||||||
"spotlight@2x": "unpackage/res/icons/80x80.png"
|
|
||||||
},
|
|
||||||
"iphone": {
|
|
||||||
"app@2x": "unpackage/res/icons/120x120.png",
|
|
||||||
"app@3x": "unpackage/res/icons/180x180.png",
|
|
||||||
"notification@2x": "unpackage/res/icons/40x40.png",
|
|
||||||
"notification@3x": "unpackage/res/icons/60x60.png",
|
|
||||||
"settings@2x": "unpackage/res/icons/58x58.png",
|
|
||||||
"settings@3x": "unpackage/res/icons/87x87.png",
|
|
||||||
"spotlight@2x": "unpackage/res/icons/80x80.png",
|
|
||||||
"spotlight@3x": "unpackage/res/icons/120x120.png"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"google": {
|
|
||||||
"permissions": [
|
|
||||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
|
||||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
|
||||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>",
|
|
||||||
"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES\"/>"
|
|
||||||
],
|
|
||||||
"abiFilters": [
|
|
||||||
"armeabi-v7a",
|
|
||||||
"arm64-v8a",
|
|
||||||
"x86"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"apple": {
|
|
||||||
"dSYMs": false
|
|
||||||
},
|
|
||||||
"plugins": {
|
|
||||||
"share": {
|
|
||||||
"weixin": {
|
|
||||||
"appid": "wxda748470da82886e",
|
|
||||||
"UniversalLinks": ""
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"audio": {
|
|
||||||
"mp3": {
|
|
||||||
"description": "Android平台录音支持MP3格式文件"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"nativePlugins": {
|
|
||||||
"MonitorModule": {
|
|
||||||
"__plugin_info__": {
|
|
||||||
"name": "MonitorModule",
|
|
||||||
"description": "bugly升级",
|
|
||||||
"platforms": "Android",
|
|
||||||
"url": "",
|
|
||||||
"android_package_name": "",
|
|
||||||
"ios_bundle_id": "",
|
|
||||||
"isCloud": false,
|
|
||||||
"bought": -1,
|
|
||||||
"pid": "",
|
|
||||||
"parameters": {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"statusbar": {
|
|
||||||
"immersed": "supportedDevice",
|
|
||||||
"style": "dark",
|
|
||||||
"background": "#F8F8F8"
|
|
||||||
},
|
|
||||||
"uniStatistics": {
|
|
||||||
"enable": false
|
|
||||||
},
|
|
||||||
"allowsInlineMediaPlayback": true,
|
|
||||||
"uni-app": {
|
|
||||||
"control": "uni-v3",
|
|
||||||
"vueVersion": "3",
|
|
||||||
"compilerVersion": "4.76",
|
|
||||||
"nvueCompiler": "uni-app",
|
|
||||||
"renderer": "auto",
|
|
||||||
"nvue": {
|
|
||||||
"flex-direction": "column"
|
|
||||||
},
|
|
||||||
"nvueLaunchMode": "normal",
|
|
||||||
"webView": {
|
|
||||||
"minUserAgentVersion": "49.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"app-harmony": {
|
|
||||||
"useragent": {
|
|
||||||
"value": "uni-app",
|
|
||||||
"concatenate": true
|
|
||||||
},
|
|
||||||
"uniStatistics": {
|
|
||||||
"enable": false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"screenOrientation": [
|
|
||||||
"landscape-primary",
|
|
||||||
"landscape-secondary"
|
|
||||||
],
|
|
||||||
"launch_path": "__uniappview.html"
|
|
||||||
}
|
|
||||||
|
|
@ -1,266 +0,0 @@
|
||||||
.wareaitem[data-v-ce457564] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: url('../../static/index/warehouse/bg.png') no-repeat;
|
|
||||||
background-size: cover cover;
|
|
||||||
}
|
|
||||||
.wareaitem .tp uni-image[data-v-ce457564] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn[data-v-ce457564] {
|
|
||||||
width: 22vw;
|
|
||||||
height: 10vw;
|
|
||||||
position: absolute;
|
|
||||||
right: 1.5vw;
|
|
||||||
bottom: 2vw;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn > uni-view[data-v-ce457564] {
|
|
||||||
width: 10vw;
|
|
||||||
height: 4vw;
|
|
||||||
border-radius: 1vw;
|
|
||||||
border: 0.0625rem solid #D9DADC;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 1.3vw;
|
|
||||||
color: #888D99;
|
|
||||||
margin: 0 0.3vw;
|
|
||||||
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.25s ease;
|
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn > uni-view uni-image[data-v-ce457564] {
|
|
||||||
width: 1.6vw;
|
|
||||||
height: 1.6vw;
|
|
||||||
margin-right: 0.2vw;
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn .click-box[data-v-ce457564] {
|
|
||||||
color: #888d99;
|
|
||||||
background: rgba(255, 255, 255, 0.43);
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn .click-box-target[data-v-ce457564] {
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 0px 3vw 0px rgba(12, 102, 209, 0.33) inset;
|
|
||||||
color: #6c84a0 !important;
|
|
||||||
animation: scalePulse-ce457564 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
||||||
transform-origin: center center;
|
|
||||||
}
|
|
||||||
.wareaitem .operationbtn .grad-text[data-v-ce457564] {
|
|
||||||
background: linear-gradient(90deg, #5b8bb3, #87a1bd);
|
|
||||||
background-size: 200% 100%;
|
|
||||||
background-position: 0% 50%;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
transition: background-position 0.8s linear;
|
|
||||||
}
|
|
||||||
@keyframes scalePulse-ce457564 {
|
|
||||||
0% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
25% {
|
|
||||||
transform: scale(0.94);
|
|
||||||
}
|
|
||||||
65% {
|
|
||||||
transform: scale(1.08);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item[data-v-ce457564] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: -2vw;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .itemact1[data-v-ce457564] {
|
|
||||||
width: 29vw;
|
|
||||||
height: 21vw;
|
|
||||||
top: 23vw;
|
|
||||||
left: 6vw;
|
|
||||||
z-index: 31;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .itemact2[data-v-ce457564] {
|
|
||||||
width: 26vw;
|
|
||||||
height: 16vw;
|
|
||||||
top: 15vw;
|
|
||||||
left: 41vw;
|
|
||||||
z-index: 27;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .itemact3[data-v-ce457564] {
|
|
||||||
width: 24vw;
|
|
||||||
height: 16vw;
|
|
||||||
top: 28vw;
|
|
||||||
left: 46vw;
|
|
||||||
z-index: 55;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .itemact4[data-v-ce457564] {
|
|
||||||
width: 17vw;
|
|
||||||
height: 13vw;
|
|
||||||
top: 22vw;
|
|
||||||
left: 67vw;
|
|
||||||
z-index: 36;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wclik[data-v-ce457564] {
|
|
||||||
width: 22vw;
|
|
||||||
height: 14vw;
|
|
||||||
top: 16vw;
|
|
||||||
left: 44vw;
|
|
||||||
z-index: 47;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .gifs[data-v-ce457564] {
|
|
||||||
width: 41vw;
|
|
||||||
height: 20vw;
|
|
||||||
top: 21.6vw;
|
|
||||||
left: 27.5vw;
|
|
||||||
z-index: 29;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .ys[data-v-ce457564] {
|
|
||||||
width: 11vw;
|
|
||||||
height: 8vw;
|
|
||||||
top: 24.2vw;
|
|
||||||
left: 57.9vw;
|
|
||||||
z-index: 28;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem1[data-v-ce457564] {
|
|
||||||
width: 86vw;
|
|
||||||
height: 44vw;
|
|
||||||
top: 1vw;
|
|
||||||
left: 10.5vw;
|
|
||||||
z-index: 15;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem4[data-v-ce457564] {
|
|
||||||
width: 11vw;
|
|
||||||
height: 7vw;
|
|
||||||
top: 30.9vw;
|
|
||||||
left: 60vw;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem6[data-v-ce457564] {
|
|
||||||
width: 17vw;
|
|
||||||
height: 12vw;
|
|
||||||
top: 28vw;
|
|
||||||
right: -2vw;
|
|
||||||
z-index: 35;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem5[data-v-ce457564] {
|
|
||||||
width: 18vw;
|
|
||||||
height: 15vw;
|
|
||||||
top: 37vw;
|
|
||||||
left: 73vw;
|
|
||||||
z-index: 35;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem8[data-v-ce457564] {
|
|
||||||
width: 26vw;
|
|
||||||
height: 8vw;
|
|
||||||
top: 29.7vw;
|
|
||||||
left: 21.8vw;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem11[data-v-ce457564] {
|
|
||||||
width: 3vw;
|
|
||||||
height: 3vw;
|
|
||||||
top: 24.5vw;
|
|
||||||
left: 60vw;
|
|
||||||
z-index: 35;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item .wareitem10[data-v-ce457564] {
|
|
||||||
width: 55vw;
|
|
||||||
height: 27vw;
|
|
||||||
top: 38vw;
|
|
||||||
left: 20vw;
|
|
||||||
z-index: 36;
|
|
||||||
}
|
|
||||||
.wareaitem .wareaitem-item > uni-view[data-v-ce457564] {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation1[data-v-ce457564] {
|
|
||||||
top: 21.5vw;
|
|
||||||
left: 19.5vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation2[data-v-ce457564] {
|
|
||||||
top: 13vw;
|
|
||||||
left: 47vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation3[data-v-ce457564] {
|
|
||||||
top: 24vw;
|
|
||||||
left: 49.3vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation4[data-v-ce457564] {
|
|
||||||
top: 18vw;
|
|
||||||
left: 70vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation5[data-v-ce457564] {
|
|
||||||
top: 34vw;
|
|
||||||
left: 74vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation6[data-v-ce457564] {
|
|
||||||
top: 24vw;
|
|
||||||
right: 6vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation[data-v-ce457564] {
|
|
||||||
width: 7vw;
|
|
||||||
height: 8vw;
|
|
||||||
z-index: 20;
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation > uni-view[data-v-ce457564] {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation > uni-view[data-v-ce457564]:nth-child(2) {
|
|
||||||
width: 6.5vw;
|
|
||||||
height: 3.2vw;
|
|
||||||
margin: -0.0625rem auto 0;
|
|
||||||
z-index: 2;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation > uni-view:nth-child(2) uni-image[data-v-ce457564] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation > uni-view:nth-child(2) uni-text[data-v-ce457564] {
|
|
||||||
position: relative;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 1.1vw;
|
|
||||||
color: #fff;
|
|
||||||
z-index: 3;
|
|
||||||
margin-top: -0.5vw;
|
|
||||||
}
|
|
||||||
.wareaitem .annotation > uni-view[data-v-ce457564]:nth-child(3) {
|
|
||||||
width: 3vw;
|
|
||||||
height: 5vw;
|
|
||||||
z-index: 1;
|
|
||||||
margin: -1vw auto 0;
|
|
||||||
}
|
|
||||||
.backgroundContainer[data-v-ce457564] {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/lightbgcnew.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.darkbackgroundContainer[data-v-ce457564] {
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
background-image: url('../../static/index/background.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
@ -1,162 +0,0 @@
|
||||||
.calendar[data-v-41c06644] {
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
.header[data-v-41c06644] {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.header-title[data-v-41c06644] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.year-month[data-v-41c06644] {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
.botton-father[data-v-41c06644] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: -0.625rem;
|
|
||||||
}
|
|
||||||
.click-button[data-v-41c06644] {
|
|
||||||
padding: 0.3125rem;
|
|
||||||
width: 3.75rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
background-color: #888;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.weekdays[data-v-41c06644] {
|
|
||||||
display: flex;
|
|
||||||
background-color: #E9E7FC;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
padding: 0.3125rem;
|
|
||||||
}
|
|
||||||
.weekday[data-v-41c06644] {
|
|
||||||
flex: 1;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.days[data-v-41c06644] {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 0.3125rem;
|
|
||||||
}
|
|
||||||
.day-cell[data-v-41c06644] {
|
|
||||||
width: 2.29688rem;
|
|
||||||
height: 2.51563rem;
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 0.25rem;
|
|
||||||
padding-bottom: 0.25rem;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.day-cell.prev-month .gregorian[data-v-41c06644],
|
|
||||||
.day-cell.next-month .gregorian[data-v-41c06644] {
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
/* 选中样式 */
|
|
||||||
.day-cell.selected[data-v-41c06644] {
|
|
||||||
background-color: #0B98DC;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.day-cell.selected .gregorian[data-v-41c06644],
|
|
||||||
.day-cell.selected .lunar[data-v-41c06644] {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.gregorian[data-v-41c06644] {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.lunar[data-v-41c06644] {
|
|
||||||
font-size: 10px;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backgroundContainer[data-v-90aab738] {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/lightbgcnew.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.assess-title[data-v-90aab738] {
|
|
||||||
margin-top: 1.875rem;
|
|
||||||
width: 100%;
|
|
||||||
height: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.assess-title .right-icons[data-v-90aab738] {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
float: right;
|
|
||||||
height: 2.1875rem;
|
|
||||||
margin-right: 1.25rem;
|
|
||||||
}
|
|
||||||
.assess-title .right-icons .right-icons-font[data-v-90aab738] {
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-top: -0.46875rem;
|
|
||||||
}
|
|
||||||
.assess-title .right-icons .right-icons-font-dark[data-v-90aab738] {
|
|
||||||
color: #fff;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-top: -0.46875rem;
|
|
||||||
}
|
|
||||||
.assess-title .right-icons .right-icons-img[data-v-90aab738] {
|
|
||||||
width: 2.5rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
margin-top: -0.625rem;
|
|
||||||
}
|
|
||||||
.assess-title .right-icons .right-icons-img-icon[data-v-90aab738] {
|
|
||||||
width: 1.875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
margin-left: 0.25rem;
|
|
||||||
}
|
|
||||||
.assess-title .left-icons[data-v-90aab738] {
|
|
||||||
display: flex;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
}
|
|
||||||
.assess-title .left-icons .left-icons-img[data-v-90aab738] {
|
|
||||||
width: 2.1875rem;
|
|
||||||
height: 2.1875rem;
|
|
||||||
}
|
|
||||||
.assess-title .left-icons .right-icons-font[data-v-90aab738] {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
}
|
|
||||||
.assess-title .left-icons .right-icons-text[data-v-90aab738] {
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
}
|
|
||||||
.assess-another[data-v-90aab738] {
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100vh - 3.75rem);
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
display: flex;
|
|
||||||
margin-left: 1.5625rem;
|
|
||||||
}
|
|
||||||
.assess-another .left-contain[data-v-90aab738] {
|
|
||||||
height: 100%;
|
|
||||||
width: 18.75rem;
|
|
||||||
}
|
|
||||||
.assess-another .left-contain .calendar[data-v-90aab738] {
|
|
||||||
width: 100%;
|
|
||||||
height: 20.3125rem;
|
|
||||||
background: linear-gradient(to top, #F4F3FF, #FFFFFF, #ECEFFF);
|
|
||||||
border-radius: 0.78125rem;
|
|
||||||
}
|
|
||||||
|
|
@ -1,680 +0,0 @@
|
||||||
"use weex:vue";
|
|
||||||
|
|
||||||
if (typeof Promise !== 'undefined' && !Promise.prototype.finally) {
|
|
||||||
Promise.prototype.finally = function(callback) {
|
|
||||||
const promise = this.constructor
|
|
||||||
return this.then(
|
|
||||||
value => promise.resolve(callback()).then(() => value),
|
|
||||||
reason => promise.resolve(callback()).then(() => {
|
|
||||||
throw reason
|
|
||||||
})
|
|
||||||
)
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (typeof uni !== 'undefined' && uni && uni.requireGlobal) {
|
|
||||||
const global = uni.requireGlobal()
|
|
||||||
ArrayBuffer = global.ArrayBuffer
|
|
||||||
Int8Array = global.Int8Array
|
|
||||||
Uint8Array = global.Uint8Array
|
|
||||||
Uint8ClampedArray = global.Uint8ClampedArray
|
|
||||||
Int16Array = global.Int16Array
|
|
||||||
Uint16Array = global.Uint16Array
|
|
||||||
Int32Array = global.Int32Array
|
|
||||||
Uint32Array = global.Uint32Array
|
|
||||||
Float32Array = global.Float32Array
|
|
||||||
Float64Array = global.Float64Array
|
|
||||||
BigInt64Array = global.BigInt64Array
|
|
||||||
BigUint64Array = global.BigUint64Array
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
(() => {
|
|
||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __commonJS = (cb, mod) => function __require() {
|
|
||||||
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
|
|
||||||
// vue-ns:vue
|
|
||||||
var require_vue = __commonJS({
|
|
||||||
"vue-ns:vue"(exports, module) {
|
|
||||||
module.exports = Vue;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// ../../../../hldy_app/unpackage/dist/dev/.nvue/_plugin-vue_export-helper.js
|
|
||||||
var import_vue = __toESM(require_vue());
|
|
||||||
function requireNativePlugin(name) {
|
|
||||||
return weex.requireModule(name);
|
|
||||||
}
|
|
||||||
function formatAppLog(type, filename, ...args) {
|
|
||||||
if (uni.__log__) {
|
|
||||||
uni.__log__(type, filename, ...args);
|
|
||||||
} else {
|
|
||||||
console[type].apply(console, [...args, filename]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var _export_sfc = (sfc, props) => {
|
|
||||||
const target = sfc.__vccOpts || sfc;
|
|
||||||
for (const [key, val] of props) {
|
|
||||||
target[key] = val;
|
|
||||||
}
|
|
||||||
return target;
|
|
||||||
};
|
|
||||||
|
|
||||||
// ../../../../hldy_app/unpackage/dist/dev/.nvue/pages/camera.js
|
|
||||||
var import_vue2 = __toESM(require_vue());
|
|
||||||
var _style_0 = { "center-column": { "": { "width": 680, "height": 520, "borderRadius": 30, "overflow": "hidden" } } };
|
|
||||||
var _sfc_main = {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
phoneNumber: "1234567890",
|
|
||||||
initnumber: 5,
|
|
||||||
isAlarming: false,
|
|
||||||
isRecording: false,
|
|
||||||
// 录屏状态
|
|
||||||
isTalking: false,
|
|
||||||
// 对讲状态
|
|
||||||
// 内部 pending 请求队列,用于在 native 事件到达时把结果返回给特定 reqId
|
|
||||||
// 结构: { snapshot: [reqId,...], record: [reqId,...], talk: [reqId,...] }
|
|
||||||
// 注意:这仅用于在 native 事件没有直接 callback 时仍能把结果回传给请求方。
|
|
||||||
_pendingRequests: {
|
|
||||||
snapshot: [],
|
|
||||||
record: [],
|
|
||||||
talk: []
|
|
||||||
},
|
|
||||||
suo: true,
|
|
||||||
isshow: true
|
|
||||||
};
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
const globalEvent = requireNativePlugin && requireNativePlugin("globalEvent");
|
|
||||||
if (globalEvent && globalEvent.addEventListener) {
|
|
||||||
globalEvent.addEventListener("myEvent", (e) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:35", e);
|
|
||||||
if (e.recordUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
// 'success' | 'loading' | 'none'
|
|
||||||
duration: 1500
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (e.snapShotUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u5C4F\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
// 'success' | 'loading' | 'none'
|
|
||||||
duration: 1500
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (this.suo && e.onVolumeChange) {
|
|
||||||
if (e.onVolumeChange) {
|
|
||||||
this.toggleVolume();
|
|
||||||
}
|
|
||||||
this.suo = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
uni.setStorageSync("saveinit", 5);
|
|
||||||
uni.$on(
|
|
||||||
"monitor:changeinit",
|
|
||||||
(number) => {
|
|
||||||
this.$refs.monitor.initAutoPlay(number);
|
|
||||||
uni.setStorageSync("saveinit", number);
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:66", "saveinit", number);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
uni.$on("monitor:isshow", (bool) => this.isshow = bool);
|
|
||||||
uni.$on("monitor:killView", this.killView);
|
|
||||||
uni.$on("monitor:doSnapshot", this.doSnapshot);
|
|
||||||
uni.$on("monitor:startRecord", this.doStartRecord);
|
|
||||||
uni.$on("monitor:stopRecord", this.doStopRecord);
|
|
||||||
uni.$on("monitor:openTalk", this.doOpenTalk);
|
|
||||||
uni.$on("monitor:stopTalk", this.doStopTalk);
|
|
||||||
uni.$on("monitor:switchDisplay", (payload) => this.switchDisplay(payload));
|
|
||||||
uni.$on("monitor:startAlarm", this.startAlarm);
|
|
||||||
uni.$on("monitor:stopAlarm", this.stopAlarm);
|
|
||||||
uni.$on("monitor:flipImage", (payload) => this.flipImage(payload));
|
|
||||||
uni.$on("monitor:resumeOrPause", this.resumeOrPause);
|
|
||||||
uni.$on("monitor:changeQuality", this.changeQuality);
|
|
||||||
uni.$on("monitor:toggleVolume", this.toggleVolume);
|
|
||||||
uni.$on("monitor:test", this.test);
|
|
||||||
},
|
|
||||||
onUnload() {
|
|
||||||
uni.$off("monitor:killView", (bool) => this.killView);
|
|
||||||
uni.$off("monitor:changeinit", (number) => this.initnumber = number);
|
|
||||||
uni.$off("monitor:isshow", (bool) => this.isshow = bool);
|
|
||||||
uni.$off("monitor:doSnapshot", this.doSnapshot);
|
|
||||||
uni.$off("monitor:startRecord", this.doStartRecord);
|
|
||||||
uni.$off("monitor:stopRecord", this.doStopRecord);
|
|
||||||
uni.$off("monitor:openTalk", this.doOpenTalk);
|
|
||||||
uni.$off("monitor:stopTalk", this.doStopTalk);
|
|
||||||
uni.$off("monitor:switchDisplay", (payload) => this.switchDisplay(payload));
|
|
||||||
uni.$off("monitor:startAlarm", this.startAlarm);
|
|
||||||
uni.$off("monitor:stopAlarm", this.stopAlarm);
|
|
||||||
uni.$off("monitor:flipImage", (payload) => this.flipImage(payload));
|
|
||||||
uni.$off("monitor:resumeOrPause", this.resumeOrPause);
|
|
||||||
uni.$off("monitor:changeQuality", this.changeQuality);
|
|
||||||
uni.$off("monitor:toggleVolume", this.toggleVolume);
|
|
||||||
uni.$off("monitor:test", this.test);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/* ------------------ 原有功能 ------------------ */
|
|
||||||
handleTelEvent(event) {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:110", "Tel event detail:", event.detail);
|
|
||||||
},
|
|
||||||
killView() {
|
|
||||||
this.$refs.monitor.killView && this.$refs.monitor.killView();
|
|
||||||
},
|
|
||||||
switchDisplay(mode) {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:118", "zzzzz", mode);
|
|
||||||
this.$refs.monitor && this.$refs.monitor.switchDisplayModeFragment(mode);
|
|
||||||
},
|
|
||||||
startAlarm() {
|
|
||||||
this.isAlarming = true;
|
|
||||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:125", "startAlarm callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
stopAlarm() {
|
|
||||||
this.isAlarming = false;
|
|
||||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:131", "stopAlarm callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
flipImage(type) {
|
|
||||||
this.$refs.monitor.changeImageSwitch(type, (res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:137", "flipImage callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resumeOrPause() {
|
|
||||||
this.$refs.monitor.resumeOrPause && this.$refs.monitor.resumeOrPause();
|
|
||||||
},
|
|
||||||
changeQuality() {
|
|
||||||
this.$refs.monitor.changeQuality && this.$refs.monitor.changeQuality();
|
|
||||||
},
|
|
||||||
toggleVolume() {
|
|
||||||
this.$refs.monitor.toggleVolume && this.$refs.monitor.toggleVolume();
|
|
||||||
},
|
|
||||||
test() {
|
|
||||||
this.$refs.monitor && this.$refs.monitor.test && this.$refs.monitor.test();
|
|
||||||
},
|
|
||||||
/* ------------------ 新增:截图/录屏/对讲 调用方法(支持 payload.reqId) ------------------ */
|
|
||||||
// 1. 截图(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doSnapshot(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.snapShot) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 snapShot()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "snapShot_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.snapshot.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.snapShot((res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:183", "snapShot callback:", res);
|
|
||||||
this._handleSnapshotResultFromNative(res, payload.reqId);
|
|
||||||
});
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u6B63\u5728\u622A\u5C4F...",
|
|
||||||
icon: "none",
|
|
||||||
duration: 800
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/camera.nvue:192", "snapShot \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "snapShot \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "snapShot_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 2. 开始录屏(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStartRecord(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.startRecord) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 startRecord()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "startRecord_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.startRecord((res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:225", "startRecord callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isRecording = true;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5DF2\u5F00\u59CB",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/camera.nvue:240", "startRecord \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "startRecord \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "startRecord_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 3. 停止录屏(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStopRecord(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.stopRecord) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 stopRecord()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopRecord_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.record.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.stopRecord((res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:279", "stopRecord callback:", res);
|
|
||||||
this._handleRecordResultFromNative(res, payload.reqId);
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/camera.nvue:284", "stopRecord \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "stopRecord \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopRecord_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 4. 开始对讲(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doOpenTalk(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.openTalk) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 openTalk()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "openTalk_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.talk.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.openTalk((res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:321", "openTalk callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5C1D\u8BD5\u5EFA\u7ACB\u5BF9\u8BB2\u8FDE\u63A5...",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/camera.nvue:336", "openTalk \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "openTalk \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "openTalk_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 5. 停止对讲(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStopTalk(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.stopTalk) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 stopTalk()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopTalk_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.stopTalk((res) => {
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:369", "stopTalk callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/camera.nvue:379", "stopTalk \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "stopTalk \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`monitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopTalk_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* ------------------ 事件回调处理(来自原生推送的事件) ------------------ */
|
|
||||||
// 处理来自模板 @onSnapShot 的事件(event.detail)
|
|
||||||
handleSnapShotEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:399", "onSnapShot event:", payload);
|
|
||||||
this._handleSnapshotResultFromNative(payload);
|
|
||||||
},
|
|
||||||
// 处理来自模板 @onRecord 的事件(event.detail)
|
|
||||||
handleRecordEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:407", "onRecord event:", payload);
|
|
||||||
this._handleRecordResultFromNative(payload);
|
|
||||||
},
|
|
||||||
// 处理来自模板 @onTalkStatus 的事件
|
|
||||||
handleTalkEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:414", "onTalkStatus event:", payload);
|
|
||||||
const status = payload && payload.talkStatus;
|
|
||||||
const tips = payload && payload.tips;
|
|
||||||
uni.$emit("monitor:talk:status", payload);
|
|
||||||
if (this._pendingRequests.talk && this._pendingRequests.talk.length) {
|
|
||||||
while (this._pendingRequests.talk.length) {
|
|
||||||
const reqId = this._pendingRequests.talk.shift();
|
|
||||||
uni.$emit(`monitor:response:${reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
switch ((status || "").toLowerCase()) {
|
|
||||||
case "loading":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u8FDE\u63A5\u4E2D...",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
break;
|
|
||||||
case "playing":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5DF2\u8FDE\u63A5",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
break;
|
|
||||||
case "stopped":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5DF2\u505C\u6B62",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
break;
|
|
||||||
case "failed":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u72B6\u6001: " + (status || "unknown"),
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* ------------------ 原生结果的内部处理函数(统一处理 callback / event) ------------------ */
|
|
||||||
_handleSnapshotResultFromNative(res, reqIdFromCallback = null) {
|
|
||||||
if (!res) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u6CA1\u6709\u8FD4\u56DE\u6570\u636E",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`monitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "no_data"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let payload = res;
|
|
||||||
if (res.detail)
|
|
||||||
payload = res.detail;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:491", "snapshot payload normalized:", payload);
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`monitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: !!payload.snapShotResult,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (!reqIdFromCallback && this._pendingRequests.snapshot && this._pendingRequests.snapshot.length) {
|
|
||||||
while (this._pendingRequests.snapshot.length) {
|
|
||||||
const rid = this._pendingRequests.snapshot.shift();
|
|
||||||
uni.$emit(`monitor:response:${rid}`, {
|
|
||||||
ok: !!payload.snapShotResult,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
uni.$emit("monitor:snapshot:done", payload);
|
|
||||||
if (payload.snapShotResult === true || payload.snapShotResult === "true") {
|
|
||||||
const url = payload.snapShotUrl || payload.snapShotPath || payload.url;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
duration: 1200
|
|
||||||
});
|
|
||||||
if (url) {
|
|
||||||
uni.previewImage({
|
|
||||||
urls: [url]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const err = payload.snapShotErrorCode || payload.error || "unknown";
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u5931\u8D25: " + err,
|
|
||||||
icon: "none",
|
|
||||||
duration: 2e3
|
|
||||||
});
|
|
||||||
formatAppLog("warn", "at pages/camera.nvue:534", "snapshot failed reason:", err, payload);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_handleRecordResultFromNative(res, reqIdFromCallback = null) {
|
|
||||||
if (!res) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u6CA1\u6709\u8FD4\u56DE\u6570\u636E",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`monitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "no_data"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let payload = res;
|
|
||||||
if (res.detail)
|
|
||||||
payload = res.detail;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:556", "record payload normalized:", payload);
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`monitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: !!(payload.recordUrl || payload.snapShotResult),
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (!reqIdFromCallback && this._pendingRequests.record && this._pendingRequests.record.length) {
|
|
||||||
while (this._pendingRequests.record.length) {
|
|
||||||
const rid = this._pendingRequests.record.shift();
|
|
||||||
uni.$emit(`monitor:response:${rid}`, {
|
|
||||||
ok: !!(payload.recordUrl || payload.snapShotResult),
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
uni.$emit("monitor:record:done", payload);
|
|
||||||
if (payload.recordUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5B8C\u6210",
|
|
||||||
icon: "success",
|
|
||||||
duration: 1400
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
formatAppLog("log", "at pages/camera.nvue:587", "\u5F55\u5C4F\u5730\u5740\uFF1A", payload.recordUrl);
|
|
||||||
} else if (payload.recordFailedReason) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5931\u8D25: " + payload.recordFailedReason,
|
|
||||||
icon: "none",
|
|
||||||
duration: 2e3
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
formatAppLog("warn", "at pages/camera.nvue:595", "record failed reason:", payload.recordFailedReason);
|
|
||||||
} else {
|
|
||||||
if (payload.snapShotResult === true) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u64CD\u4F5C\u5DF2\u5B8C\u6210\uFF08\u8FD4\u56DE\u672A\u77E5\uFF09",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.isRecording = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
||||||
const _component_MonitorView = (0, import_vue2.resolveComponent)("MonitorView");
|
|
||||||
return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("scroll-view", {
|
|
||||||
scrollY: true,
|
|
||||||
showScrollbar: true,
|
|
||||||
enableBackToTop: true,
|
|
||||||
bubble: "true",
|
|
||||||
style: { flexDirection: "column" }
|
|
||||||
}, [
|
|
||||||
(0, import_vue2.createElementVNode)(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
class: "center-column",
|
|
||||||
style: (0, import_vue2.normalizeStyle)({ height: $data.isshow ? "520px" : "0px" })
|
|
||||||
},
|
|
||||||
[
|
|
||||||
(0, import_vue2.createCommentVNode)(" \u89C6\u9891\u64AD\u653E\u7EC4\u4EF6 "),
|
|
||||||
(0, import_vue2.createVNode)(_component_MonitorView, {
|
|
||||||
ref: "monitor",
|
|
||||||
init: "5",
|
|
||||||
style: { "width": "680px", "height": "520px" },
|
|
||||||
onOnTel: $options.handleTelEvent,
|
|
||||||
onOnSnapShot: $options.handleSnapShotEvent,
|
|
||||||
onOnRecord: $options.handleRecordEvent,
|
|
||||||
onOnTalkStatus: $options.handleTalkEvent
|
|
||||||
}, null, 8, ["onOnTel", "onOnSnapShot", "onOnRecord", "onOnTalkStatus"])
|
|
||||||
],
|
|
||||||
4
|
|
||||||
/* STYLE */
|
|
||||||
)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
var camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]);
|
|
||||||
|
|
||||||
// <stdin>
|
|
||||||
var webview = plus.webview.currentWebview();
|
|
||||||
if (webview) {
|
|
||||||
const __pageId = parseInt(webview.id);
|
|
||||||
const __pagePath = "pages/camera";
|
|
||||||
let __pageQuery = {};
|
|
||||||
try {
|
|
||||||
__pageQuery = JSON.parse(webview.__query__);
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
camera.mpType = "page";
|
|
||||||
const app = Vue.createPageApp(camera, { $store: getApp({ allowDefault: true }).$store, __pageId, __pagePath, __pageQuery });
|
|
||||||
app.provide("__globalStyles", Vue.useCssStyles([...__uniConfig.styles, ...camera.styles || []]));
|
|
||||||
app.mount("#root");
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
|
|
@ -1,682 +0,0 @@
|
||||||
"use weex:vue";
|
|
||||||
|
|
||||||
if (typeof Promise !== 'undefined' && !Promise.prototype.finally) {
|
|
||||||
Promise.prototype.finally = function(callback) {
|
|
||||||
const promise = this.constructor
|
|
||||||
return this.then(
|
|
||||||
value => promise.resolve(callback()).then(() => value),
|
|
||||||
reason => promise.resolve(callback()).then(() => {
|
|
||||||
throw reason
|
|
||||||
})
|
|
||||||
)
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (typeof uni !== 'undefined' && uni && uni.requireGlobal) {
|
|
||||||
const global = uni.requireGlobal()
|
|
||||||
ArrayBuffer = global.ArrayBuffer
|
|
||||||
Int8Array = global.Int8Array
|
|
||||||
Uint8Array = global.Uint8Array
|
|
||||||
Uint8ClampedArray = global.Uint8ClampedArray
|
|
||||||
Int16Array = global.Int16Array
|
|
||||||
Uint16Array = global.Uint16Array
|
|
||||||
Int32Array = global.Int32Array
|
|
||||||
Uint32Array = global.Uint32Array
|
|
||||||
Float32Array = global.Float32Array
|
|
||||||
Float64Array = global.Float64Array
|
|
||||||
BigInt64Array = global.BigInt64Array
|
|
||||||
BigUint64Array = global.BigUint64Array
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
(() => {
|
|
||||||
var __create = Object.create;
|
|
||||||
var __defProp = Object.defineProperty;
|
|
||||||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
||||||
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
||||||
var __getProtoOf = Object.getPrototypeOf;
|
|
||||||
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
||||||
var __commonJS = (cb, mod) => function __require() {
|
|
||||||
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
||||||
};
|
|
||||||
var __copyProps = (to, from, except, desc) => {
|
|
||||||
if (from && typeof from === "object" || typeof from === "function") {
|
|
||||||
for (let key of __getOwnPropNames(from))
|
|
||||||
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
||||||
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
||||||
}
|
|
||||||
return to;
|
|
||||||
};
|
|
||||||
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
||||||
// If the importer is in node compatibility mode or this is not an ESM
|
|
||||||
// file that has been converted to a CommonJS file using a Babel-
|
|
||||||
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
||||||
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
||||||
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
||||||
mod
|
|
||||||
));
|
|
||||||
|
|
||||||
// vue-ns:vue
|
|
||||||
var require_vue = __commonJS({
|
|
||||||
"vue-ns:vue"(exports, module) {
|
|
||||||
module.exports = Vue;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// ../../../../hldy_app/unpackage/dist/dev/.nvue/_plugin-vue_export-helper.js
|
|
||||||
var import_vue = __toESM(require_vue());
|
|
||||||
function requireNativePlugin(name) {
|
|
||||||
return weex.requireModule(name);
|
|
||||||
}
|
|
||||||
function formatAppLog(type, filename, ...args) {
|
|
||||||
if (uni.__log__) {
|
|
||||||
uni.__log__(type, filename, ...args);
|
|
||||||
} else {
|
|
||||||
console[type].apply(console, [...args, filename]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var _export_sfc = (sfc, props) => {
|
|
||||||
const target = sfc.__vccOpts || sfc;
|
|
||||||
for (const [key, val] of props) {
|
|
||||||
target[key] = val;
|
|
||||||
}
|
|
||||||
return target;
|
|
||||||
};
|
|
||||||
|
|
||||||
// ../../../../hldy_app/unpackage/dist/dev/.nvue/pages/fullcamera.js
|
|
||||||
var import_vue2 = __toESM(require_vue());
|
|
||||||
var _style_0 = { "center-column": { "": { "width": 900, "height": 600, "overflow": "hidden" } } };
|
|
||||||
var _sfc_main = {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
phoneNumber: "1234567890",
|
|
||||||
initnumber: 5,
|
|
||||||
isAlarming: false,
|
|
||||||
isRecording: false,
|
|
||||||
// 录屏状态
|
|
||||||
isTalking: false,
|
|
||||||
// 对讲状态
|
|
||||||
_pendingRequests: {
|
|
||||||
snapshot: [],
|
|
||||||
record: [],
|
|
||||||
talk: []
|
|
||||||
},
|
|
||||||
suo: true,
|
|
||||||
isshow: true,
|
|
||||||
globalEvent: ""
|
|
||||||
};
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:29", "???\u52A0\u8F7D");
|
|
||||||
this.globalEvent = requireNativePlugin && requireNativePlugin("globalEvent");
|
|
||||||
if (this.globalEvent && this.globalEvent.addEventListener) {
|
|
||||||
this.globalEvent.addEventListener("myEvent", (e) => {
|
|
||||||
if (e.recordUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
// 'success' | 'loading' | 'none'
|
|
||||||
duration: 1500
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (e.snapShotUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u5C4F\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
// 'success' | 'loading' | 'none'
|
|
||||||
duration: 1500
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (this.suo && e.onVolumeChange) {
|
|
||||||
if (e.onVolumeChange) {
|
|
||||||
this.toggleVolume();
|
|
||||||
}
|
|
||||||
this.suo = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
uni.setStorageSync("saveinit", 5);
|
|
||||||
uni.$on("fullmonitor:changeinit", (number) => {
|
|
||||||
this.$refs.monitor.initAutoPlay(number);
|
|
||||||
uni.setStorageSync("saveinit", number);
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:63", "saveinit", number);
|
|
||||||
});
|
|
||||||
uni.$on("fullmonitor:isshow", (bool) => this.isshow = bool);
|
|
||||||
uni.$on("fullmonitor:killView", this.killView);
|
|
||||||
uni.$on("fullmonitor:doSnapshot", this.doSnapshot);
|
|
||||||
uni.$on("fullmonitor:startRecord", this.doStartRecord);
|
|
||||||
uni.$on("fullmonitor:stopRecord", this.doStopRecord);
|
|
||||||
uni.$on("fullmonitor:openTalk", this.doOpenTalk);
|
|
||||||
uni.$on("fullmonitor:stopTalk", this.doStopTalk);
|
|
||||||
uni.$on("fullmonitor:switchDisplay", (payload) => this.switchDisplay(payload));
|
|
||||||
uni.$on("fullmonitor:startAlarm", this.startAlarm);
|
|
||||||
uni.$on("fullmonitor:stopAlarm", this.stopAlarm);
|
|
||||||
uni.$on("fullmonitor:flipImage", (payload) => this.flipImage(payload));
|
|
||||||
uni.$on("fullmonitor:resumeOrPause", this.resumeOrPause);
|
|
||||||
uni.$on("fullmonitor:changeQuality", this.changeQuality);
|
|
||||||
uni.$on("fullmonitor:toggleVolume", this.toggleVolume);
|
|
||||||
uni.$on("fullmonitor:test", this.test);
|
|
||||||
},
|
|
||||||
onUnload() {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:84", "fullcamera \u5378\u8F7D\uFF0C\u6E05\u7406\u4E8B\u4EF6");
|
|
||||||
if (this.globalEvent && this.globalEvent.removeEventListener) {
|
|
||||||
this.globalEvent.removeEventListener("myEvent");
|
|
||||||
}
|
|
||||||
const events = [
|
|
||||||
"fullmonitor:killView",
|
|
||||||
"fullmonitor:changeinit",
|
|
||||||
"fullmonitor:isshow",
|
|
||||||
"fullmonitor:doSnapshot",
|
|
||||||
"fullmonitor:startRecord",
|
|
||||||
"fullmonitor:stopRecord",
|
|
||||||
"fullmonitor:openTalk",
|
|
||||||
"fullmonitor:stopTalk",
|
|
||||||
"fullmonitor:switchDisplay",
|
|
||||||
"fullmonitor:startAlarm",
|
|
||||||
"fullmonitor:stopAlarm",
|
|
||||||
"fullmonitor:flipImage",
|
|
||||||
"fullmonitor:resumeOrPause",
|
|
||||||
"fullmonitor:changeQuality",
|
|
||||||
"fullmonitor:toggleVolume",
|
|
||||||
"fullmonitor:test"
|
|
||||||
];
|
|
||||||
events.forEach((ev) => uni.$off(ev));
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/* ------------------ 原有功能 ------------------ */
|
|
||||||
handleTelEvent(event) {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:115", "Tel event detail:", event.detail);
|
|
||||||
},
|
|
||||||
killView() {
|
|
||||||
this.$refs.monitor.killView && this.$refs.monitor.killView();
|
|
||||||
},
|
|
||||||
switchDisplay(mode) {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:123", "zzzzz", mode);
|
|
||||||
this.$refs.monitor && this.$refs.monitor.switchDisplayModeFragment(mode);
|
|
||||||
},
|
|
||||||
startAlarm() {
|
|
||||||
this.isAlarming = true;
|
|
||||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:130", "startAlarm callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
stopAlarm() {
|
|
||||||
this.isAlarming = false;
|
|
||||||
this.$refs.monitor.startOrStopManualAlarm(this.isAlarming, (res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:136", "stopAlarm callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
flipImage(type) {
|
|
||||||
this.$refs.monitor.changeImageSwitch(type, (res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:142", "flipImage callback:", res);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resumeOrPause() {
|
|
||||||
this.$refs.monitor.resumeOrPause && this.$refs.monitor.resumeOrPause();
|
|
||||||
},
|
|
||||||
changeQuality() {
|
|
||||||
this.$refs.monitor.changeQuality && this.$refs.monitor.changeQuality();
|
|
||||||
},
|
|
||||||
toggleVolume() {
|
|
||||||
this.$refs.monitor.toggleVolume && this.$refs.monitor.toggleVolume();
|
|
||||||
},
|
|
||||||
test() {
|
|
||||||
this.$refs.monitor && this.$refs.monitor.test && this.$refs.monitor.test();
|
|
||||||
},
|
|
||||||
/* ------------------ 新增:截图/录屏/对讲 调用方法(支持 payload.reqId) ------------------ */
|
|
||||||
// 1. 截图(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doSnapshot(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.snapShot) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 snapShot()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "snapShot_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.snapshot.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.snapShot((res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:188", "snapShot callback:", res);
|
|
||||||
this._handleSnapshotResultFromNative(res, payload.reqId);
|
|
||||||
});
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u6B63\u5728\u622A\u5C4F...",
|
|
||||||
icon: "none",
|
|
||||||
duration: 800
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/fullcamera.nvue:197", "snapShot \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "snapShot \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "snapShot_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 2. 开始录屏(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStartRecord(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.startRecord) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 startRecord()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "startRecord_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.startRecord((res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:230", "startRecord callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isRecording = true;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5DF2\u5F00\u59CB",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/fullcamera.nvue:245", "startRecord \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "startRecord \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "startRecord_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 3. 停止录屏(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStopRecord(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.stopRecord) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 stopRecord()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopRecord_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.record.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.stopRecord((res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:284", "stopRecord callback:", res);
|
|
||||||
this._handleRecordResultFromNative(res, payload.reqId);
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/fullcamera.nvue:289", "stopRecord \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "stopRecord \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopRecord_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 4. 开始对讲(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doOpenTalk(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.openTalk) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 openTalk()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "openTalk_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (payload.reqId) {
|
|
||||||
this._pendingRequests.talk.push(payload.reqId);
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.openTalk((res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:326", "openTalk callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5C1D\u8BD5\u5EFA\u7ACB\u5BF9\u8BB2\u8FDE\u63A5...",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/fullcamera.nvue:341", "openTalk \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "openTalk \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "openTalk_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 5. 停止对讲(调用)
|
|
||||||
// payload 可选:{ reqId: number }
|
|
||||||
doStopTalk(payload = {}) {
|
|
||||||
if (!this.$refs.monitor || !this.$refs.monitor.stopTalk) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u7EC4\u4EF6\u4E0D\u652F\u6301 stopTalk()",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopTalk_not_supported"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
this.$refs.monitor.stopTalk((res) => {
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:374", "stopTalk callback:", res);
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
res
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
} catch (err) {
|
|
||||||
formatAppLog("error", "at pages/fullcamera.nvue:384", "stopTalk \u8C03\u7528\u5931\u8D25", err);
|
|
||||||
uni.showToast({
|
|
||||||
title: "stopTalk \u8C03\u7528\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (payload.reqId) {
|
|
||||||
uni.$emit(`fullmonitor:response:${payload.reqId}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "stopTalk_call_failed",
|
|
||||||
detail: String(err)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* ------------------ 事件回调处理(来自原生推送的事件) ------------------ */
|
|
||||||
// 处理来自模板 @onSnapShot 的事件(event.detail)
|
|
||||||
handleSnapShotEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:404", "onSnapShot event:", payload);
|
|
||||||
this._handleSnapshotResultFromNative(payload);
|
|
||||||
},
|
|
||||||
// 处理来自模板 @onRecord 的事件(event.detail)
|
|
||||||
handleRecordEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:412", "onRecord event:", payload);
|
|
||||||
this._handleRecordResultFromNative(payload);
|
|
||||||
},
|
|
||||||
// 处理来自模板 @onTalkStatus 的事件
|
|
||||||
handleTalkEvent(event) {
|
|
||||||
const payload = event && event.detail ? event.detail : event;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:419", "onTalkStatus event:", payload);
|
|
||||||
const status = payload && payload.talkStatus;
|
|
||||||
const tips = payload && payload.tips;
|
|
||||||
uni.$emit("fullmonitor:talk:status", payload);
|
|
||||||
if (this._pendingRequests.talk && this._pendingRequests.talk.length) {
|
|
||||||
while (this._pendingRequests.talk.length) {
|
|
||||||
const reqId = this._pendingRequests.talk.shift();
|
|
||||||
uni.$emit(`fullmonitor:response:${reqId}`, {
|
|
||||||
ok: true,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
switch ((status || "").toLowerCase()) {
|
|
||||||
case "loading":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u8FDE\u63A5\u4E2D...",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
break;
|
|
||||||
case "playing":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5DF2\u8FDE\u63A5",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = true;
|
|
||||||
break;
|
|
||||||
case "stopped":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5DF2\u505C\u6B62",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
break;
|
|
||||||
case "failed":
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u5931\u8D25",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isTalking = false;
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
uni.showToast({
|
|
||||||
title: tips || "\u5BF9\u8BB2\u72B6\u6001: " + (status || "unknown"),
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/* ------------------ 原生结果的内部处理函数(统一处理 callback / event) ------------------ */
|
|
||||||
_handleSnapshotResultFromNative(res, reqIdFromCallback = null) {
|
|
||||||
if (!res) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u6CA1\u6709\u8FD4\u56DE\u6570\u636E",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "no_data"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let payload = res;
|
|
||||||
if (res.detail)
|
|
||||||
payload = res.detail;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:496", "snapshot payload normalized:", payload);
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: !!payload.snapShotResult,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (!reqIdFromCallback && this._pendingRequests.snapshot && this._pendingRequests.snapshot.length) {
|
|
||||||
while (this._pendingRequests.snapshot.length) {
|
|
||||||
const rid = this._pendingRequests.snapshot.shift();
|
|
||||||
uni.$emit(`fullmonitor:response:${rid}`, {
|
|
||||||
ok: !!payload.snapShotResult,
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
uni.$emit("fullmonitor:snapshot:done", payload);
|
|
||||||
if (payload.snapShotResult === true || payload.snapShotResult === "true") {
|
|
||||||
const url = payload.snapShotUrl || payload.snapShotPath || payload.url;
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u6210\u529F",
|
|
||||||
icon: "success",
|
|
||||||
duration: 1200
|
|
||||||
});
|
|
||||||
if (url) {
|
|
||||||
uni.previewImage({
|
|
||||||
urls: [url]
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const err = payload.snapShotErrorCode || payload.error || "unknown";
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u622A\u56FE\u5931\u8D25: " + err,
|
|
||||||
icon: "none",
|
|
||||||
duration: 2e3
|
|
||||||
});
|
|
||||||
formatAppLog("warn", "at pages/fullcamera.nvue:539", "snapshot failed reason:", err, payload);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
_handleRecordResultFromNative(res, reqIdFromCallback = null) {
|
|
||||||
if (!res) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u6CA1\u6709\u8FD4\u56DE\u6570\u636E",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: false,
|
|
||||||
error: "no_data"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let payload = res;
|
|
||||||
if (res.detail)
|
|
||||||
payload = res.detail;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:561", "record payload normalized:", payload);
|
|
||||||
if (reqIdFromCallback) {
|
|
||||||
uni.$emit(`fullmonitor:response:${reqIdFromCallback}`, {
|
|
||||||
ok: !!(payload.recordUrl || payload.snapShotResult),
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (!reqIdFromCallback && this._pendingRequests.record && this._pendingRequests.record.length) {
|
|
||||||
while (this._pendingRequests.record.length) {
|
|
||||||
const rid = this._pendingRequests.record.shift();
|
|
||||||
uni.$emit(`fullmonitor:response:${rid}`, {
|
|
||||||
ok: !!(payload.recordUrl || payload.snapShotResult),
|
|
||||||
payload
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
uni.$emit("fullmonitor:record:done", payload);
|
|
||||||
if (payload.recordUrl) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5B8C\u6210",
|
|
||||||
icon: "success",
|
|
||||||
duration: 1400
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
formatAppLog("log", "at pages/fullcamera.nvue:592", "\u5F55\u5C4F\u5730\u5740\uFF1A", payload.recordUrl);
|
|
||||||
} else if (payload.recordFailedReason) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u5931\u8D25: " + payload.recordFailedReason,
|
|
||||||
icon: "none",
|
|
||||||
duration: 2e3
|
|
||||||
});
|
|
||||||
this.isRecording = false;
|
|
||||||
formatAppLog("warn", "at pages/fullcamera.nvue:600", "record failed reason:", payload.recordFailedReason);
|
|
||||||
} else {
|
|
||||||
if (payload.snapShotResult === true) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "\u5F55\u5C4F\u64CD\u4F5C\u5DF2\u5B8C\u6210\uFF08\u8FD4\u56DE\u672A\u77E5\uFF09",
|
|
||||||
icon: "none"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.isRecording = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
||||||
const _component_MonitorView = (0, import_vue2.resolveComponent)("MonitorView");
|
|
||||||
return (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("scroll-view", {
|
|
||||||
scrollY: true,
|
|
||||||
showScrollbar: true,
|
|
||||||
enableBackToTop: true,
|
|
||||||
bubble: "true",
|
|
||||||
style: { flexDirection: "column" }
|
|
||||||
}, [
|
|
||||||
(0, import_vue2.createElementVNode)(
|
|
||||||
"div",
|
|
||||||
{
|
|
||||||
class: "center-column",
|
|
||||||
style: (0, import_vue2.normalizeStyle)({ height: $data.isshow ? "600px" : "0px" })
|
|
||||||
},
|
|
||||||
[
|
|
||||||
(0, import_vue2.createCommentVNode)(" \u89C6\u9891\u64AD\u653E\u7EC4\u4EF6 "),
|
|
||||||
(0, import_vue2.createVNode)(_component_MonitorView, {
|
|
||||||
ref: "monitor",
|
|
||||||
init: "5",
|
|
||||||
style: { "width": "900px", "height": "600px" },
|
|
||||||
onOnTel: $options.handleTelEvent,
|
|
||||||
onOnSnapShot: $options.handleSnapShotEvent,
|
|
||||||
onOnRecord: $options.handleRecordEvent,
|
|
||||||
onOnTalkStatus: $options.handleTalkEvent
|
|
||||||
}, null, 8, ["onOnTel", "onOnSnapShot", "onOnRecord", "onOnTalkStatus"])
|
|
||||||
],
|
|
||||||
4
|
|
||||||
/* STYLE */
|
|
||||||
)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
var fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/fullcamera.nvue"]]);
|
|
||||||
|
|
||||||
// <stdin>
|
|
||||||
var webview = plus.webview.currentWebview();
|
|
||||||
if (webview) {
|
|
||||||
const __pageId = parseInt(webview.id);
|
|
||||||
const __pagePath = "pages/fullcamera";
|
|
||||||
let __pageQuery = {};
|
|
||||||
try {
|
|
||||||
__pageQuery = JSON.parse(webview.__query__);
|
|
||||||
} catch (e) {
|
|
||||||
}
|
|
||||||
fullcamera.mpType = "page";
|
|
||||||
const app = Vue.createPageApp(fullcamera, { $store: getApp({ allowDefault: true }).$store, __pageId, __pagePath, __pageQuery });
|
|
||||||
app.provide("__globalStyles", Vue.useCssStyles([...__uniConfig.styles, ...fullcamera.styles || []]));
|
|
||||||
app.mount("#root");
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
|
|
@ -1,532 +0,0 @@
|
||||||
.backgroundContainer[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/lightbgcnew.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.darkbackgroundContainer[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/background.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container[data-v-11ec1ae8] {
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
width: calc(100% - 0.125rem);
|
|
||||||
height: calc(100vh - 0.125rem);
|
|
||||||
/* 设置背景图和白色背景 */
|
|
||||||
background: url("../../static/index/lightbgcnew.png") center / cover, rgba(255, 255, 255, 0.3);
|
|
||||||
-webkit-backdrop-filter: blur(0.625rem);
|
|
||||||
backdrop-filter: blur(0.625rem);
|
|
||||||
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
|
||||||
background-blend-mode: screen;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
/* 右下角阴影 */
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end[data-v-11ec1ae8] {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father[data-v-11ec1ae8] {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items-all[data-v-11ec1ae8] {
|
|
||||||
width: calc(100% - 2.65625rem);
|
|
||||||
height: 6.25rem;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 1.25rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
width: calc(100% - 2.65625rem);
|
|
||||||
height: 6.25rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father[data-v-11ec1ae8] {
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
width: 4.6875rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
|
||||||
border-radius: 0.78125rem;
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
|
||||||
transition: all 1.5s ease-in-out;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-father-close-father[data-v-11ec1ae8] {
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
background-color: #A9ACB1;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 10;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father[data-v-11ec1ae8] {
|
|
||||||
width: 3.125rem;
|
|
||||||
height: 3.125rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
/* 让正方形变成圆 */
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father .super-end-items-img[data-v-11ec1ae8] {
|
|
||||||
width: 2.65625rem;
|
|
||||||
height: 2.65625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father-active[data-v-11ec1ae8] {
|
|
||||||
width: 3.125rem;
|
|
||||||
height: 3.125rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
animation: shake 0.5s infinite;
|
|
||||||
/* 让正方形变成圆 */
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father-active .super-end-items-img[data-v-11ec1ae8] {
|
|
||||||
width: 2.65625rem;
|
|
||||||
height: 2.65625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-font[data-v-11ec1ae8] {
|
|
||||||
margin-top: -0.3125rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-gun[data-v-11ec1ae8] {
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
width: 0.40625rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-font[data-v-11ec1ae8] {
|
|
||||||
font-size: 1.1875rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title[data-v-11ec1ae8] {
|
|
||||||
width: 100%;
|
|
||||||
height: 3.28125rem;
|
|
||||||
margin-top: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right[data-v-11ec1ae8] {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 25rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-juzhen[data-v-11ec1ae8] {
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.625rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button-target[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #3FA9F5;
|
|
||||||
color: #fff;
|
|
||||||
width: 4.375rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #fff;
|
|
||||||
width: 4.375rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-cheng[data-v-11ec1ae8] {
|
|
||||||
background-color: #FFDBA1;
|
|
||||||
height: 1.09375rem;
|
|
||||||
width: 1.09375rem;
|
|
||||||
border-radius: 0.21875rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-zi[data-v-11ec1ae8] {
|
|
||||||
background-color: #7B61FF;
|
|
||||||
height: 1.09375rem;
|
|
||||||
width: 1.09375rem;
|
|
||||||
border-radius: 0.21875rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-kuai-font[data-v-11ec1ae8] {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-right: 0.78125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun[data-v-11ec1ae8] {
|
|
||||||
margin-top: 0.21875rem;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
width: 0.40625rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font[data-v-11ec1ae8] {
|
|
||||||
font-size: 1.1875rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.super-card[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 6.25rem);
|
|
||||||
}
|
|
||||||
.super-card .scroll-x[data-v-11ec1ae8] {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.super-card .super-card-container[data-v-11ec1ae8] {
|
|
||||||
/* 设置背景图和白色背景 */
|
|
||||||
background: url("../../static/index/clearmountain.png") center / cover, rgba(255, 255, 255, 0.5);
|
|
||||||
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
|
||||||
background-blend-mode: screen;
|
|
||||||
isolation: isolate;
|
|
||||||
overflow: hidden;
|
|
||||||
width: calc(100% - 3.125rem);
|
|
||||||
height: 100%;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
box-shadow: 0.3125rem 0.3125rem 20px rgba(0, 0, 0, 0.1);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 2.5rem;
|
|
||||||
width: 7.71875rem;
|
|
||||||
border-right: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time-und[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 7.71875rem;
|
|
||||||
flex-direction: column;
|
|
||||||
border-right: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time-card[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 4.78125rem;
|
|
||||||
width: calc(100%);
|
|
||||||
border-top: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.title-time-border-blue[data-v-11ec1ae8] {
|
|
||||||
z-index: 999;
|
|
||||||
background: linear-gradient(to right, #A9ACB1, #A9ACB1) top left / 1.875rem 0.25rem no-repeat, linear-gradient(to bottom, #A9ACB1, #A9ACB1) top left / 0.25rem 1.875rem no-repeat, linear-gradient(to left, #A9ACB1, #A9ACB1) top right / 1.875rem 0.25rem no-repeat, linear-gradient(to bottom, #A9ACB1, #A9ACB1) top right / 0.25rem 1.875rem no-repeat, linear-gradient(to right, #A9ACB1, #A9ACB1) bottom left / 1.875rem 0.25rem no-repeat, linear-gradient(to top, #A9ACB1, #A9ACB1) bottom left / 0.25rem 1.875rem no-repeat, linear-gradient(to left, #A9ACB1, #A9ACB1) bottom right / 1.875rem 0.25rem no-repeat, linear-gradient(to top, #A9ACB1, #A9ACB1) bottom right / 0.25rem 1.875rem no-repeat;
|
|
||||||
}
|
|
||||||
.title-time-border-yellow[data-v-11ec1ae8] {
|
|
||||||
margin: 0.3125rem;
|
|
||||||
border: 0.0625rem solid #d0d8e0;
|
|
||||||
background: linear-gradient(to bottom, #fff1db, #ffe2b2);
|
|
||||||
width: calc(100% - 0.625rem);
|
|
||||||
height: calc(100% - 0.625rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(255, 138, 0, 0.7);
|
|
||||||
}
|
|
||||||
.title-time-border-pouple[data-v-11ec1ae8] {
|
|
||||||
margin: 0.3125rem;
|
|
||||||
border: 0.03125rem solid #dae8fa;
|
|
||||||
background: linear-gradient(to bottom, #f1eeff, #e3deff);
|
|
||||||
width: calc(100% - 0.625rem);
|
|
||||||
height: calc(100% - 0.625rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
box-shadow: 0.1875rem 0.1875rem 0.375rem rgba(123, 97, 255, 0.7);
|
|
||||||
}
|
|
||||||
.title-time-border[data-v-11ec1ae8] {
|
|
||||||
margin-top: 0.125rem;
|
|
||||||
margin-left: 0.125rem;
|
|
||||||
width: calc(100% - 0.25rem);
|
|
||||||
height: calc(100% - 0.25rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.title-time[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.title-time .title-time-time[data-v-11ec1ae8] {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-top: 0.375rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-button[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
top: -0.125rem;
|
|
||||||
right: -0.125rem;
|
|
||||||
width: 2.03125rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-zhejiao[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0.15625rem;
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-font[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.21875rem;
|
|
||||||
right: 0.15625rem;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.down-icons[data-v-11ec1ae8] {
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
width: 100%;
|
|
||||||
height: 1.8125rem;
|
|
||||||
background-color: #ffd87e;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.down-icons .icon[data-v-11ec1ae8] {
|
|
||||||
margin: 0 0.15625rem;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
padding: 0.09375rem 0.15625rem;
|
|
||||||
background-color: #ff8a00;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 0.15625rem;
|
|
||||||
}
|
|
||||||
.popup-overlay[data-v-11ec1ae8] {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
/* 添加毛玻璃效果 */
|
|
||||||
z-index: 998;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 25rem;
|
|
||||||
height: 12.1875rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.4s ease;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-left[data-v-11ec1ae8] {
|
|
||||||
height: 100%;
|
|
||||||
width: 10.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-img[data-v-11ec1ae8] {
|
|
||||||
width: 8.75rem;
|
|
||||||
height: 5.625rem;
|
|
||||||
margin-top: -0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-font[data-v-11ec1ae8] {
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right[data-v-11ec1ae8] {
|
|
||||||
height: 100%;
|
|
||||||
width: 14.0625rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right .time-font[data-v-11ec1ae8] {
|
|
||||||
font-size: 1.5625rem;
|
|
||||||
margin-top: 3.125rem;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
font-weight: 700;
|
|
||||||
background: linear-gradient(to bottom, #7080A1, #263556);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right .time-text[data-v-11ec1ae8] {
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
width: 11.875rem;
|
|
||||||
margin-bottom: 1.5625rem;
|
|
||||||
line-height: 1.09375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right .right-richang[data-v-11ec1ae8] {
|
|
||||||
background-color: #FFC363;
|
|
||||||
position: absolute;
|
|
||||||
top: 3.375rem;
|
|
||||||
right: 1.5625rem;
|
|
||||||
padding: 0.15625rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right .right-richangnot[data-v-11ec1ae8] {
|
|
||||||
background-color: #7B61FF;
|
|
||||||
position: absolute;
|
|
||||||
top: 3.375rem;
|
|
||||||
right: 1.5625rem;
|
|
||||||
padding: 0.15625rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.popup-overlay .popup-overlay-content .popup-overlay-content-right .right-crush[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.625rem;
|
|
||||||
right: 0.625rem;
|
|
||||||
width: 2.1875rem;
|
|
||||||
height: 2.1875rem;
|
|
||||||
animation: shake 0.5s 3;
|
|
||||||
}
|
|
||||||
.titlebutton-father[data-v-11ec1ae8] {
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton[data-v-11ec1ae8] {
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target[data-v-11ec1ae8] {
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target-yellow[data-v-11ec1ae8] {
|
|
||||||
background: #FFDBA1;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target-pouple[data-v-11ec1ae8] {
|
|
||||||
background: #7B61FF;
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.boom[data-v-11ec1ae8] {
|
|
||||||
position: absolute;
|
|
||||||
top: 2.5rem;
|
|
||||||
left: 0;
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 46.875rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.boom .boom-son[data-v-11ec1ae8] {
|
|
||||||
height: 4.78125rem;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
letter-spacing: 0.15625rem;
|
|
||||||
-webkit-writing-mode: vertical-rl;
|
|
||||||
writing-mode: vertical-rl;
|
|
||||||
/* 竖排文字,从右往左 */
|
|
||||||
text-align: center;
|
|
||||||
z-index: 10;
|
|
||||||
/* 确保文字在容器内居中 */
|
|
||||||
background: linear-gradient(to bottom, #ffe2b2, #e3deff);
|
|
||||||
border-bottom-right-radius: 1.25rem;
|
|
||||||
border-top-right-radius: 1.25rem;
|
|
||||||
}
|
|
||||||
.boom .boom-son-target[data-v-11ec1ae8] {
|
|
||||||
height: 4.78125rem;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
letter-spacing: 0.15625rem;
|
|
||||||
-webkit-writing-mode: vertical-rl;
|
|
||||||
writing-mode: vertical-rl;
|
|
||||||
/* 竖排文字,从右往左 */
|
|
||||||
text-align: center;
|
|
||||||
z-index: 10;
|
|
||||||
/* 确保文字在容器内居中 */
|
|
||||||
background: linear-gradient(to bottom, #ff8a00, #eceaff);
|
|
||||||
border-bottom-right-radius: 1.25rem;
|
|
||||||
border-top-right-radius: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
@ -1,610 +0,0 @@
|
||||||
.drawer[data-v-97afcb63] {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 40vh;
|
|
||||||
z-index: 1000;
|
|
||||||
border-top-left-radius: 2.5rem;
|
|
||||||
border-bottom-left-radius: 2.5rem;
|
|
||||||
/* 初始隐藏 */
|
|
||||||
transform: translateX(100%);
|
|
||||||
transition: transform 0.4s ease;
|
|
||||||
}
|
|
||||||
.drawer-open[data-v-97afcb63] {
|
|
||||||
transform: translateX(0);
|
|
||||||
}
|
|
||||||
.drawer-content[data-v-97afcb63] {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.drawer-content-circle[data-v-97afcb63] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 7.5rem;
|
|
||||||
left: -1.875rem;
|
|
||||||
width: 4.6875rem;
|
|
||||||
height: 5rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
z-index: -1;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
-webkit-clip-path: inset(0 60% 0 0);
|
|
||||||
clip-path: inset(0 60% 0 0);
|
|
||||||
}
|
|
||||||
.drawer-img[data-v-97afcb63] {
|
|
||||||
width: 0.625rem;
|
|
||||||
height: 0.625rem;
|
|
||||||
margin-left: 0.78125rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.draw-all[data-v-a7ccf45b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.draw-all .button-father[data-v-a7ccf45b] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 4.6875rem;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
width: 100%;
|
|
||||||
height: 12.5rem;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.white-ball[data-v-a7ccf45b] {
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 3.75rem;
|
|
||||||
height: 3.75rem;
|
|
||||||
margin: 0.9375rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backgroundContainer[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/lightbgcnew.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.darkbackgroundContainer[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
background-image: url('../../static/index/background.png');
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container[data-v-d5065f48] {
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
width: calc(100% - 0.125rem);
|
|
||||||
height: calc(100vh - 0.125rem);
|
|
||||||
/* 设置背景图和白色背景 */
|
|
||||||
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
|
||||||
background-color: #eff0f4;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
/* 右下角阴影 */
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end[data-v-d5065f48] {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items-all[data-v-d5065f48] {
|
|
||||||
width: calc(100% - 2.65625rem);
|
|
||||||
height: 6.25rem;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 1.25rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
width: calc(100% - 2.65625rem);
|
|
||||||
height: 6.25rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father[data-v-d5065f48] {
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
width: 4.6875rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
background: linear-gradient(to bottom right, #fff 0%, #dcdcf9 50%, #dbdcf8 100%);
|
|
||||||
border-radius: 0.78125rem;
|
|
||||||
border: 0.0625rem solid #fff;
|
|
||||||
box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(0, 0, 0, 0.1);
|
|
||||||
transition: all 1.5s ease-in-out;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-father-close-father[data-v-d5065f48] {
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
background-color: #A9ACB1;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 10;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father[data-v-d5065f48] {
|
|
||||||
width: 3.125rem;
|
|
||||||
height: 3.125rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
/* 让正方形变成圆 */
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father .super-end-items-img[data-v-d5065f48] {
|
|
||||||
width: 2.65625rem;
|
|
||||||
height: 2.65625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father-active[data-v-d5065f48] {
|
|
||||||
width: 3.125rem;
|
|
||||||
height: 3.125rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
animation: shake 0.5s infinite;
|
|
||||||
/* 让正方形变成圆 */
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-img-father-active .super-end-items-img[data-v-d5065f48] {
|
|
||||||
width: 2.65625rem;
|
|
||||||
height: 2.65625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-items .super-end-items-father .super-end-items-font[data-v-d5065f48] {
|
|
||||||
margin-top: -0.3125rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-gun[data-v-d5065f48] {
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
width: 0.40625rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .super-card-end .super-end-father .super-end-font-father .super-end-font-font[data-v-d5065f48] {
|
|
||||||
font-size: 1.1875rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title[data-v-d5065f48] {
|
|
||||||
width: 100%;
|
|
||||||
height: 3.28125rem;
|
|
||||||
margin-top: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-juzhen[data-v-d5065f48] {
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.625rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 1.5625rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button-target[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #3FA9F5;
|
|
||||||
color: #fff;
|
|
||||||
width: 4.375rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-button-father .doctorsay-container-button[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #fff;
|
|
||||||
width: 4.375rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-cheng[data-v-d5065f48] {
|
|
||||||
background-color: #FFDBA1;
|
|
||||||
height: 1.09375rem;
|
|
||||||
width: 1.09375rem;
|
|
||||||
border-radius: 0.21875rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-right-kuai-zi[data-v-d5065f48] {
|
|
||||||
background-color: #7B61FF;
|
|
||||||
height: 1.09375rem;
|
|
||||||
width: 1.09375rem;
|
|
||||||
border-radius: 0.21875rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-right .doctorsay-container-kuai-font[data-v-d5065f48] {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
margin-right: 0.78125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun[data-v-d5065f48] {
|
|
||||||
margin-top: 0.21875rem;
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
width: 0.40625rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font[data-v-d5065f48] {
|
|
||||||
font-size: 1.1875rem;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
.super-card[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 4.6875rem);
|
|
||||||
margin-top: 3.125rem;
|
|
||||||
}
|
|
||||||
.super-card .scroll-x[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.super-card .super-card-container[data-v-d5065f48] {
|
|
||||||
/* 设置背景图和白色背景 */
|
|
||||||
/* 使用 screen 混合模式,让图像与白色混合变淡 */
|
|
||||||
overflow: hidden;
|
|
||||||
width: calc(100% - 3.125rem);
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 2.5rem;
|
|
||||||
width: 11.875rem;
|
|
||||||
color: #A9ACB1;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time-und[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 11.875rem;
|
|
||||||
position: relative;
|
|
||||||
flex-direction: column;
|
|
||||||
border-right: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
}
|
|
||||||
.super-card .super-card-time-card[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: calc(100%);
|
|
||||||
border-top: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.title-time-border-yellow[data-v-d5065f48] {
|
|
||||||
margin: 0.3125rem;
|
|
||||||
background-color: #fff;
|
|
||||||
width: calc(100% - 1.25rem);
|
|
||||||
height: calc(100% - 1.25rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.title-time-border-pouple[data-v-d5065f48] {
|
|
||||||
margin: 0.3125rem;
|
|
||||||
background-color: #fff;
|
|
||||||
width: calc(100% - 1.25rem);
|
|
||||||
height: calc(100% - 1.25rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.title-time-border[data-v-d5065f48] {
|
|
||||||
margin: 0.3125rem;
|
|
||||||
width: calc(100% - 1.25rem);
|
|
||||||
height: calc(100% - 1.25rem);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.title-time[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.title-time .title-time-time[data-v-d5065f48] {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 0.375rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-button[data-v-d5065f48] {
|
|
||||||
position: absolute;
|
|
||||||
top: -0.125rem;
|
|
||||||
right: -0.125rem;
|
|
||||||
width: 2.03125rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-zhejiao[data-v-d5065f48] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0.15625rem;
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
}
|
|
||||||
.title-time .title-time-font[data-v-d5065f48] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.21875rem;
|
|
||||||
right: 0.15625rem;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.down-icons[data-v-d5065f48] {
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
width: 100%;
|
|
||||||
height: 1.8125rem;
|
|
||||||
background-color: #ffd87e;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.down-icons .icon[data-v-d5065f48] {
|
|
||||||
margin: 0 0.15625rem;
|
|
||||||
font-size: 0.625rem;
|
|
||||||
padding: 0.09375rem 0.15625rem;
|
|
||||||
background-color: #ff8a00;
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 0.15625rem;
|
|
||||||
}
|
|
||||||
.popup-overlay-content[data-v-d5065f48] {
|
|
||||||
position: fixed;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 25rem;
|
|
||||||
height: 12.1875rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.4s ease;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-left[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
width: 10.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-img[data-v-d5065f48] {
|
|
||||||
width: 8.75rem;
|
|
||||||
height: 5.625rem;
|
|
||||||
margin-top: -0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-left .popup-overlay-content-left-font[data-v-d5065f48] {
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
width: 14.0625rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right .time-font[data-v-d5065f48] {
|
|
||||||
font-size: 1.5625rem;
|
|
||||||
margin-top: 3.125rem;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
font-weight: 700;
|
|
||||||
background: linear-gradient(to bottom, #7080A1, #263556);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right .time-text[data-v-d5065f48] {
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
width: 11.875rem;
|
|
||||||
margin-bottom: 1.5625rem;
|
|
||||||
line-height: 1.09375rem;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right .right-richang[data-v-d5065f48] {
|
|
||||||
background-color: #FFC363;
|
|
||||||
position: absolute;
|
|
||||||
top: 3.375rem;
|
|
||||||
right: 1.5625rem;
|
|
||||||
padding: 0.15625rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right .right-richangnot[data-v-d5065f48] {
|
|
||||||
background-color: #7B61FF;
|
|
||||||
position: absolute;
|
|
||||||
top: 3.375rem;
|
|
||||||
right: 1.5625rem;
|
|
||||||
padding: 0.15625rem;
|
|
||||||
border-radius: 0.3125rem;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.popup-overlay-content .popup-overlay-content-right .right-crush[data-v-d5065f48] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.625rem;
|
|
||||||
right: 0.625rem;
|
|
||||||
width: 2.1875rem;
|
|
||||||
height: 2.1875rem;
|
|
||||||
animation: shake 0.5s 3;
|
|
||||||
}
|
|
||||||
.titlebutton-father[data-v-d5065f48] {
|
|
||||||
display: flex;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton[data-v-d5065f48] {
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target[data-v-d5065f48] {
|
|
||||||
background: linear-gradient(to right bottom, #00c9ff, #0076ff);
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target-yellow[data-v-d5065f48] {
|
|
||||||
background: #FFDBA1;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.titlebutton-father .titlebutton-target-pouple[data-v-d5065f48] {
|
|
||||||
background: #7B61FF;
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.3125rem 0.9375rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
font-size: 0.84375rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
}
|
|
||||||
.boom[data-v-d5065f48] {
|
|
||||||
position: absolute;
|
|
||||||
top: 2.5rem;
|
|
||||||
left: 0;
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 46.875rem;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.boom .boom-son[data-v-d5065f48] {
|
|
||||||
height: 4.78125rem;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
letter-spacing: 0.15625rem;
|
|
||||||
-webkit-writing-mode: vertical-rl;
|
|
||||||
writing-mode: vertical-rl;
|
|
||||||
/* 竖排文字,从右往左 */
|
|
||||||
text-align: center;
|
|
||||||
z-index: 10;
|
|
||||||
/* 确保文字在容器内居中 */
|
|
||||||
background: linear-gradient(to bottom, #ffe2b2, #e3deff);
|
|
||||||
border-bottom-right-radius: 1.25rem;
|
|
||||||
border-top-right-radius: 1.25rem;
|
|
||||||
}
|
|
||||||
.boom .boom-son-target[data-v-d5065f48] {
|
|
||||||
height: 4.78125rem;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
letter-spacing: 0.15625rem;
|
|
||||||
-webkit-writing-mode: vertical-rl;
|
|
||||||
writing-mode: vertical-rl;
|
|
||||||
/* 竖排文字,从右往左 */
|
|
||||||
text-align: center;
|
|
||||||
z-index: 10;
|
|
||||||
/* 确保文字在容器内居中 */
|
|
||||||
background: linear-gradient(to bottom, #ff8a00, #eceaff);
|
|
||||||
border-bottom-right-radius: 1.25rem;
|
|
||||||
border-top-right-radius: 1.25rem;
|
|
||||||
}
|
|
||||||
.title-time-blue[data-v-d5065f48] {
|
|
||||||
/* 你的定位与尺寸保持不变 */
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 105%;
|
|
||||||
height: 105%;
|
|
||||||
z-index: 10;
|
|
||||||
--color: #99C9FD;
|
|
||||||
--thick: 2px;
|
|
||||||
--radius: 16px;
|
|
||||||
border: var(--thick) dashed var(--color);
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background: repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / 100% var(--thick) no-repeat, /* 下边 */ repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) bottom left / 100% var(--thick) no-repeat, /* 左边 */ repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / var(--thick) 100% no-repeat, /* 右边 */ repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top right / var(--thick) 100% no-repeat;
|
|
||||||
}
|
|
||||||
.title-time-font-rel[data-v-d5065f48] {
|
|
||||||
min-width: 0;
|
|
||||||
/* 关键:允许在 flex 中收缩以触发 overflow */
|
|
||||||
overflow: hidden;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.xian-bian[data-v-d5065f48] {
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
border-right: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
}
|
|
||||||
.bottom-bian[data-v-d5065f48] {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
border-bottom: 0.03125rem solid transparent;
|
|
||||||
border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 0.1875rem, transparent 0.1875rem, transparent 0.375rem) 1;
|
|
||||||
}
|
|
||||||
|
|
@ -1,311 +0,0 @@
|
||||||
.move-circle[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 99;
|
|
||||||
touch-action: none;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-top[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.625rem;
|
|
||||||
right: 2.1875rem;
|
|
||||||
width: 6.875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-bottom[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.625rem;
|
|
||||||
right: 2.1875rem;
|
|
||||||
width: 6.875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-right[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3.125rem;
|
|
||||||
right: 0;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-left[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3.125rem;
|
|
||||||
left: 0;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-center[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 4.0625rem;
|
|
||||||
right: 4.0625rem;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
}
|
|
||||||
.move-circle-all[data-v-e20c63a2] {
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
}
|
|
||||||
.light-shadow[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1.875rem solid #3da6ff;
|
|
||||||
border-radius: 50%;
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
/* 无限循环波纹动画,长按时用 */
|
|
||||||
.ripple-loop[data-v-e20c63a2] {
|
|
||||||
animation: rippleLoop-e20c63a2 1.2s ease-out infinite;
|
|
||||||
}
|
|
||||||
/* 点击一次的波纹动画 */
|
|
||||||
.ripple-once[data-v-e20c63a2] {
|
|
||||||
animation: rippleLoop-e20c63a2 1.2s ease-out forwards;
|
|
||||||
}
|
|
||||||
@keyframes rippleLoop-e20c63a2 {
|
|
||||||
0% {
|
|
||||||
transform: translate(-50%, -50%) scale(0.5);
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translate(-50%, -50%) scale(2.5);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.light-circle[data-v-e20c63a2] {
|
|
||||||
position: relative;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #111;
|
|
||||||
/* 你背景色自己改 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.circle[data-v-e20c63a2] {
|
|
||||||
position: relative;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #222;
|
|
||||||
margin: 50px;
|
|
||||||
}
|
|
||||||
.pulse-circle[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background: radial-gradient(circle, #03a4ff 0%, transparent 70%);
|
|
||||||
animation: pulse-e20c63a2 3s forwards;
|
|
||||||
}
|
|
||||||
@keyframes pulse-e20c63a2 {
|
|
||||||
0% {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
opacity: 0.4;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.view[data-v-d96776e5] {
|
|
||||||
background-color: #eff0f4;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.view .view-right[data-v-d96776e5] {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
position: relative;
|
|
||||||
padding: 1.875rem;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi[data-v-d96776e5] {
|
|
||||||
height: 3.125rem;
|
|
||||||
width: 100%;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu[data-v-d96776e5] {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
height: 2.8125rem;
|
|
||||||
width: 7.5rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
margin-left: 0.625rem;
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 0.28125rem;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu .menu-img[data-v-d96776e5] {
|
|
||||||
width: 1.71875rem;
|
|
||||||
height: 1.71875rem;
|
|
||||||
margin-right: 0.46875rem;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu .menu-font[data-v-d96776e5] {
|
|
||||||
margin-top: 0.5625rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
}
|
|
||||||
.big-bgc[data-v-d96776e5] {
|
|
||||||
margin-left: -0.46875rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
width: 56.25rem;
|
|
||||||
height: 37.5rem;
|
|
||||||
border-radius: 1.71875rem;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
@keyframes glowFlash-d96776e5 {
|
|
||||||
0%,
|
|
||||||
100% {
|
|
||||||
box-shadow: 0 0 0.125rem #f1d7da, 0 0 0.25rem #f1d7da, 0 0 0.375rem #f1d7da;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
box-shadow: 0 0 0.3125rem #f1d7da, 0 0 0.625rem #f1d7da, 0 0 0.9375rem #f1d7da;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.right-right[data-v-d96776e5] {
|
|
||||||
position: absolute;
|
|
||||||
right: -0.625rem;
|
|
||||||
top: 2.5rem;
|
|
||||||
height: calc(100% - 7.8125rem);
|
|
||||||
width: 17.8125rem;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang[data-v-d96776e5] {
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
width: 13.4375rem;
|
|
||||||
height: 3.75rem;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .blue-bgc[data-v-d96776e5] {
|
|
||||||
width: 3.75rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 1;
|
|
||||||
font-size: 0.71875rem;
|
|
||||||
background-color: rgba(248, 249, 250, 0.5);
|
|
||||||
color: #017DE9;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .font-weight[data-v-d96776e5] {
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .font-small[data-v-d96776e5] {
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
}
|
|
||||||
.bottom-view[data-v-d96776e5] {
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
width: 13.75rem;
|
|
||||||
height: 25.625rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
overflow: hidden;
|
|
||||||
align-items: flex-start;
|
|
||||||
align-content: flex-start;
|
|
||||||
}
|
|
||||||
.bottom-view .button-father[data-v-d96776e5] {
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-left: 0.875rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bottom-view .button-father .bottom-button[data-v-d96776e5] {
|
|
||||||
background-color: #F2F2F4;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 3.4375rem;
|
|
||||||
height: 3.4375rem;
|
|
||||||
border: 0.03125rem solid #CDD3DD;
|
|
||||||
border-radius: 1.09375rem;
|
|
||||||
margin-bottom: 0.15625rem;
|
|
||||||
}
|
|
||||||
.target[data-v-d96776e5] {
|
|
||||||
--color: #99C9FD;
|
|
||||||
--thick: 2px;
|
|
||||||
--radius: 1.875rem;
|
|
||||||
--outline-offset: 0;
|
|
||||||
/* 内层虚线(你现在用的) */
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background-color: #ddf0ff;
|
|
||||||
/* 内部背景 */
|
|
||||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
||||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
|
||||||
outline: var(--thick) dashed var(--color);
|
|
||||||
outline-offset: var(--outline-offset);
|
|
||||||
/* 保证文本 / 子元素在最上层 */
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.picture[data-v-d96776e5] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 1.25rem;
|
|
||||||
}
|
|
||||||
.picture .picture-card[data-v-d96776e5] {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 0.625rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
width: 6.25rem;
|
|
||||||
}
|
|
||||||
.picture .picture-card .bgc-card[data-v-d96776e5] {
|
|
||||||
width: 100%;
|
|
||||||
height: 4.0625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.jump-white[data-v-d96776e5] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.625rem;
|
|
||||||
left: 1.5625rem;
|
|
||||||
width: 9.375rem;
|
|
||||||
height: 12.5rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.jump-item[data-v-d96776e5] {
|
|
||||||
margin: 0.3125rem 0.3125rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
justify-content: center;
|
|
||||||
width: 93%;
|
|
||||||
display: flex;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
@ -1,555 +0,0 @@
|
||||||
.move-circle[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 99;
|
|
||||||
touch-action: none;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-top[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0.625rem;
|
|
||||||
right: 2.1875rem;
|
|
||||||
width: 6.875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-bottom[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.625rem;
|
|
||||||
right: 2.1875rem;
|
|
||||||
width: 6.875rem;
|
|
||||||
height: 2.5rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-right[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3.125rem;
|
|
||||||
right: 0;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-left[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 3.125rem;
|
|
||||||
left: 0;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
}
|
|
||||||
.move-circle .click-box-center[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 4.0625rem;
|
|
||||||
right: 4.0625rem;
|
|
||||||
width: 2.8125rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
}
|
|
||||||
.move-circle-all[data-v-e20c63a2] {
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
}
|
|
||||||
.light-shadow[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1.875rem solid #3da6ff;
|
|
||||||
border-radius: 50%;
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
/* 无限循环波纹动画,长按时用 */
|
|
||||||
.ripple-loop[data-v-e20c63a2] {
|
|
||||||
animation: rippleLoop-e20c63a2 1.2s ease-out infinite;
|
|
||||||
}
|
|
||||||
/* 点击一次的波纹动画 */
|
|
||||||
.ripple-once[data-v-e20c63a2] {
|
|
||||||
animation: rippleLoop-e20c63a2 1.2s ease-out forwards;
|
|
||||||
}
|
|
||||||
@keyframes rippleLoop-e20c63a2 {
|
|
||||||
0% {
|
|
||||||
transform: translate(-50%, -50%) scale(0.5);
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translate(-50%, -50%) scale(2.5);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.light-circle[data-v-e20c63a2] {
|
|
||||||
position: relative;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #111;
|
|
||||||
/* 你背景色自己改 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.circle[data-v-e20c63a2] {
|
|
||||||
position: relative;
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #222;
|
|
||||||
margin: 50px;
|
|
||||||
}
|
|
||||||
.pulse-circle[data-v-e20c63a2] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background: radial-gradient(circle, #03a4ff 0%, transparent 70%);
|
|
||||||
animation: pulse-e20c63a2 3s forwards;
|
|
||||||
}
|
|
||||||
@keyframes pulse-e20c63a2 {
|
|
||||||
0% {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
opacity: 0.4;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.view[data-v-4b26e9e6] {
|
|
||||||
background-color: #eff0f4;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.view .view-left[data-v-4b26e9e6] {
|
|
||||||
height: 100%;
|
|
||||||
width: 23%;
|
|
||||||
}
|
|
||||||
.view .view-left .title-father[data-v-4b26e9e6] {
|
|
||||||
padding-top: 3.125rem;
|
|
||||||
padding-bottom: 1.5625rem;
|
|
||||||
padding-left: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.view .view-left .title-father .title-img[data-v-4b26e9e6] {
|
|
||||||
width: 1.71875rem;
|
|
||||||
height: 1.71875rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.view .view-left .title-father .title-font[data-v-4b26e9e6] {
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 800;
|
|
||||||
}
|
|
||||||
.view .view-left .menus-father[data-v-4b26e9e6] {
|
|
||||||
width: 100%;
|
|
||||||
height: 28.125rem;
|
|
||||||
}
|
|
||||||
.view .view-left .menus-father .menu[data-v-4b26e9e6] {
|
|
||||||
margin: 1.40625rem 0;
|
|
||||||
margin-left: 0.9375rem;
|
|
||||||
height: 3.4375rem;
|
|
||||||
width: 12.5rem;
|
|
||||||
border-radius: 1.875rem;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.view .view-left .menus-father .menu .menu-img[data-v-4b26e9e6] {
|
|
||||||
width: 2.03125rem;
|
|
||||||
height: 2.03125rem;
|
|
||||||
margin-left: 0.78125rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.view .view-right[data-v-4b26e9e6] {
|
|
||||||
height: 100%;
|
|
||||||
width: 90%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi[data-v-4b26e9e6] {
|
|
||||||
height: 3.125rem;
|
|
||||||
width: 100%;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu[data-v-4b26e9e6] {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
height: 2.8125rem;
|
|
||||||
width: 7.5rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
margin-left: 0.625rem;
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 0.28125rem;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu .menu-img[data-v-4b26e9e6] {
|
|
||||||
width: 1.71875rem;
|
|
||||||
height: 1.71875rem;
|
|
||||||
margin-right: 0.46875rem;
|
|
||||||
}
|
|
||||||
.view .view-right .scroll-vi .menu .menu-font[data-v-4b26e9e6] {
|
|
||||||
margin-top: 0.5625rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
}
|
|
||||||
.new-weight[data-v-4b26e9e6] {
|
|
||||||
margin: 0 0.9375rem;
|
|
||||||
margin-top: 1.25rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.big-bgc[data-v-4b26e9e6] {
|
|
||||||
margin-left: -0.3125rem;
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
width: 42.1875rem;
|
|
||||||
height: 32.5rem;
|
|
||||||
border-radius: 1.71875rem;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
@keyframes glowFlash-4b26e9e6 {
|
|
||||||
0%,
|
|
||||||
100% {
|
|
||||||
box-shadow: 0 0 0.125rem #f1d7da, 0 0 0.25rem #f1d7da, 0 0 0.375rem #f1d7da;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
box-shadow: 0 0 0.3125rem #f1d7da, 0 0 0.625rem #f1d7da, 0 0 0.9375rem #f1d7da;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.right-right[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
right: -0.625rem;
|
|
||||||
top: 6.5625rem;
|
|
||||||
height: calc(100% - 7.8125rem);
|
|
||||||
width: 17.8125rem;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang[data-v-4b26e9e6] {
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
width: 13.4375rem;
|
|
||||||
height: 3.75rem;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .blue-bgc[data-v-4b26e9e6] {
|
|
||||||
width: 3.75rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 1;
|
|
||||||
font-size: 0.71875rem;
|
|
||||||
background-color: rgba(248, 249, 250, 0.5);
|
|
||||||
color: #017DE9;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .font-weight[data-v-4b26e9e6] {
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.right-right .red-kuang .font-small[data-v-4b26e9e6] {
|
|
||||||
font-size: 0.6875rem;
|
|
||||||
}
|
|
||||||
.states-father[data-v-4b26e9e6] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.states-father .states[data-v-4b26e9e6] {
|
|
||||||
width: 4.21875rem;
|
|
||||||
margin-right: 0.46875rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
border-radius: 1.875rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.states-father .phone-number[data-v-4b26e9e6] {
|
|
||||||
width: 100%;
|
|
||||||
height: 2.5rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.bottom-view[data-v-4b26e9e6] {
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
width: 13.75rem;
|
|
||||||
height: 21.5625rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
overflow: hidden;
|
|
||||||
align-items: flex-start;
|
|
||||||
align-content: flex-start;
|
|
||||||
}
|
|
||||||
.bottom-view .button-father[data-v-4b26e9e6] {
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-left: 0.875rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.bottom-view .button-father .bottom-button[data-v-4b26e9e6] {
|
|
||||||
background-color: #F2F2F4;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 3.4375rem;
|
|
||||||
height: 3.4375rem;
|
|
||||||
border: 0.03125rem solid #CDD3DD;
|
|
||||||
border-radius: 1.09375rem;
|
|
||||||
margin-bottom: 0.15625rem;
|
|
||||||
}
|
|
||||||
.big-view[data-v-4b26e9e6] {
|
|
||||||
margin-left: 2.8125rem;
|
|
||||||
margin-top: 0.625rem;
|
|
||||||
width: 13.75rem;
|
|
||||||
height: 10.625rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.big-view .font-weight[data-v-4b26e9e6] {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
margin-top: 1.5625rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
.big-view .pao[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
right: 1.25rem;
|
|
||||||
top: 0.625rem;
|
|
||||||
width: 2.65625rem;
|
|
||||||
height: 1.25rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.small-button[data-v-4b26e9e6] {
|
|
||||||
margin-top: 0.3125rem;
|
|
||||||
height: 2.1875rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.small-button .gray-ball[data-v-4b26e9e6] {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #F8F9FA;
|
|
||||||
width: 1.875rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
border-radius: 50%;
|
|
||||||
margin: 0 0.3125rem;
|
|
||||||
}
|
|
||||||
.small-button .gray-ball .laba-img[data-v-4b26e9e6] {
|
|
||||||
width: 1.09375rem;
|
|
||||||
height: 1.09375rem;
|
|
||||||
}
|
|
||||||
.right-bottom[data-v-4b26e9e6] {
|
|
||||||
margin-left: 1.5625rem;
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
width: 17.1875rem;
|
|
||||||
height: 7.5rem;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.right-bottom .bottom-img[data-v-4b26e9e6] {
|
|
||||||
width: 1.875rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
margin-bottom: 0.9375rem;
|
|
||||||
}
|
|
||||||
.right-bottom .people-card[data-v-4b26e9e6] {
|
|
||||||
width: 7.65625rem;
|
|
||||||
height: 3.125rem;
|
|
||||||
border-radius: 0.78125rem;
|
|
||||||
background-color: rgba(248, 249, 250, 0.5);
|
|
||||||
margin-left: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.right-father[data-v-4b26e9e6] {
|
|
||||||
width: 15.625rem;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.warning[data-v-4b26e9e6] {
|
|
||||||
animation: glowFlash-4b26e9e6 1.2s infinite ease-in-out;
|
|
||||||
border: 0.03125rem solid #ff5757;
|
|
||||||
background-color: rgba(239, 240, 244, 0.5);
|
|
||||||
}
|
|
||||||
.zoom[data-v-4b26e9e6] {
|
|
||||||
transform: scale(1.2);
|
|
||||||
transform-origin: bottom left;
|
|
||||||
transition: transform 1s ease;
|
|
||||||
}
|
|
||||||
.juzhong[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.zhezhao-left[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0%;
|
|
||||||
height: 100%;
|
|
||||||
width: 3.75rem;
|
|
||||||
background: linear-gradient(to right, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
|
||||||
z-index: 4;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.zhezhao-right[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 34%;
|
|
||||||
height: 100%;
|
|
||||||
width: 3.75rem;
|
|
||||||
background: linear-gradient(to left, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
|
||||||
z-index: 4;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.zhezhao-top[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 6.25rem;
|
|
||||||
left: 0%;
|
|
||||||
width: 14.0625rem;
|
|
||||||
height: 3.75rem;
|
|
||||||
background: linear-gradient(to bottom, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
|
||||||
z-index: 4;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.zhezhao-bottom[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 11.875rem;
|
|
||||||
left: 0%;
|
|
||||||
width: 14.0625rem;
|
|
||||||
height: 3.75rem;
|
|
||||||
background: linear-gradient(to top, #eff0f4 0%, /* #eff0f4 全不透明 */ rgba(239, 240, 244, 0) 100% /* #eff0f4 完全透明 */);
|
|
||||||
z-index: 4;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.bgc-image[data-v-4b26e9e6] {
|
|
||||||
width: 15.625rem;
|
|
||||||
height: 6.25rem;
|
|
||||||
position: absolute;
|
|
||||||
top: -1.5625rem;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.font-phone[data-v-4b26e9e6] {
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-left: 0.9375rem;
|
|
||||||
}
|
|
||||||
.phone-ball[data-v-4b26e9e6] {
|
|
||||||
width: 1.5625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
right: 4.0625rem;
|
|
||||||
}
|
|
||||||
.target[data-v-4b26e9e6] {
|
|
||||||
--color: #99C9FD;
|
|
||||||
--thick: 2px;
|
|
||||||
--radius: 1.875rem;
|
|
||||||
--outline-offset: 0;
|
|
||||||
/* 外扩多少 */
|
|
||||||
/* 内层虚线(你现在用的) */
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background-color: #ddf0ff;
|
|
||||||
/* 内部背景 */
|
|
||||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
||||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
|
||||||
outline: var(--thick) dashed var(--color);
|
|
||||||
outline-offset: var(--outline-offset);
|
|
||||||
/* 保证文本 / 子元素在最上层 */
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.targetbutton[data-v-4b26e9e6] {
|
|
||||||
--color: #99C9FD;
|
|
||||||
--thick: 2px;
|
|
||||||
--radius: 1.875rem;
|
|
||||||
--outline-offset: 0.3125rem;
|
|
||||||
/* 外扩多少 */
|
|
||||||
/* 内层虚线(你现在用的) */
|
|
||||||
border-radius: var(--radius);
|
|
||||||
/* 内部背景 */
|
|
||||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
||||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
|
||||||
outline: var(--thick) dashed var(--color);
|
|
||||||
outline-offset: var(--outline-offset);
|
|
||||||
/* 保证文本 / 子元素在最上层 */
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.picture[data-v-4b26e9e6] {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 1.25rem;
|
|
||||||
}
|
|
||||||
.picture .picture-card[data-v-4b26e9e6] {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 0.625rem;
|
|
||||||
margin-right: 0.3125rem;
|
|
||||||
width: 6.25rem;
|
|
||||||
}
|
|
||||||
.picture .picture-card .bgc-card[data-v-4b26e9e6] {
|
|
||||||
width: 100%;
|
|
||||||
height: 4.0625rem;
|
|
||||||
background-color: rgba(226, 227, 231, 0.5);
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.jump-white[data-v-4b26e9e6] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0.625rem;
|
|
||||||
left: 1.5625rem;
|
|
||||||
width: 9.375rem;
|
|
||||||
height: 12.5rem;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.jump-item[data-v-4b26e9e6] {
|
|
||||||
margin: 0.3125rem 0.3125rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
justify-content: center;
|
|
||||||
width: 93%;
|
|
||||||
display: flex;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
@ -1,129 +0,0 @@
|
||||||
.index-content-other[data-v-d4f9970e] {
|
|
||||||
width: 100% ;
|
|
||||||
height: 100%;
|
|
||||||
transition: opacity 1s ease;
|
|
||||||
position: relative;
|
|
||||||
background-color: #EFF0F4;
|
|
||||||
}
|
|
||||||
.index-content-down[data-v-d4f9970e] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 1.25rem;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.index-content-right[data-v-d4f9970e] {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 3.125rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title[data-v-d4f9970e] {
|
|
||||||
position: absolute;
|
|
||||||
top: 1.875rem;
|
|
||||||
left: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title .shu[data-v-d4f9970e] {
|
|
||||||
width: 0.625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
background: linear-gradient(to right, #0052C2, #00B4FF);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
margin-right: 0.9375rem;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title .shu-font[data-v-d4f9970e] {
|
|
||||||
color: #415273;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
}
|
|
||||||
.saomiao[data-v-d4f9970e] {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
display: flex;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.saomiao .saoma-input[data-v-d4f9970e] {
|
|
||||||
background-color: #fff;
|
|
||||||
width: 17.1875rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
padding-left: 3.125rem;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.saomiao .left-img[data-v-d4f9970e] {
|
|
||||||
width: 1.5625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0.9375rem;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
.saomiao .right-img[data-v-d4f9970e] {
|
|
||||||
width: 1.5625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
right: 6.875rem;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.blue-button[data-v-d4f9970e] {
|
|
||||||
margin-left: 0.9375rem;
|
|
||||||
width: 5.3125rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #007CFF;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
background-color: #ddf0ff;
|
|
||||||
border: 0.03125rem solid #007CFF;
|
|
||||||
}
|
|
||||||
.big-ball[data-v-d4f9970e] {
|
|
||||||
width: 6.25rem;
|
|
||||||
height: 6.25rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: -1.71875rem;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #dbe4f6;
|
|
||||||
}
|
|
||||||
.big-ball .ball[data-v-d4f9970e] {
|
|
||||||
width: 4.6875rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #cfddf1;
|
|
||||||
}
|
|
||||||
.back-img[data-v-d4f9970e] {
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
margin-left: 3.125rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.big-bgc[data-v-d4f9970e] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 34.375rem;
|
|
||||||
height: 34.375rem;
|
|
||||||
}
|
|
||||||
.big-img[data-v-d4f9970e] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 28.125rem;
|
|
||||||
height: 28.125rem;
|
|
||||||
}
|
|
||||||
|
|
@ -1,349 +0,0 @@
|
||||||
.index-content-other[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: relative;
|
|
||||||
background-color: #EFF0F4;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.index-content-down[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 1.25rem;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.index-content-right[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 3.125rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.back-img[data-v-53a8654b] {
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
margin-left: 3.125rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.all-img[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 0%;
|
|
||||||
left: 0%;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.blue-bgc[data-v-53a8654b] {
|
|
||||||
width: 18.75rem;
|
|
||||||
height: 18.75rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
position: relative;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.inset-img[data-v-53a8654b] {
|
|
||||||
width: 12.5rem;
|
|
||||||
height: 12.5rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.ball-layer[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
.ball[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
border-radius: 50%;
|
|
||||||
transition: opacity 0.5s ease;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
/* 进度条样式 */
|
|
||||||
.progress-wrap[data-v-53a8654b] {
|
|
||||||
width: 60%;
|
|
||||||
height: 13px;
|
|
||||||
background-color: #E6E9EE;
|
|
||||||
border-radius: 9999px;
|
|
||||||
overflow: hidden;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
.progress-inner[data-v-53a8654b] {
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(90deg, #0097FF 0%, #007CFF 100%);
|
|
||||||
border-radius: inherit;
|
|
||||||
transition: width 0.2s ease;
|
|
||||||
}
|
|
||||||
.progress-text[data-v-53a8654b] {
|
|
||||||
margin-top: 8px;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
color: #007CFF;
|
|
||||||
}
|
|
||||||
.blue-button[data-v-53a8654b] {
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
width: 7.8125rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #007CFF;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
background-color: #ddf0ff;
|
|
||||||
border: 0.03125rem solid #007CFF;
|
|
||||||
}
|
|
||||||
.other[data-v-53a8654b] {
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
margin-left: 3.125rem;
|
|
||||||
}
|
|
||||||
.other-father[data-v-53a8654b] {
|
|
||||||
margin-top: 6.25rem;
|
|
||||||
height: 29.6875rem;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.card-father[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.card[data-v-53a8654b] {
|
|
||||||
width: 45%;
|
|
||||||
margin-left: 4%;
|
|
||||||
height: 14.0625rem;
|
|
||||||
box-shadow: 0.09375rem 0.1875rem 0.375rem 0.09375rem rgba(206, 206, 206, 0.5);
|
|
||||||
background-color: #f4f5f7;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
margin-top: 0.15625rem;
|
|
||||||
margin-bottom: 1.09375rem;
|
|
||||||
padding: 0 0.78125rem;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.card-title[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 4.0625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
/* 旋转动画 */
|
|
||||||
@keyframes spin-53a8654b {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes spinx-53a8654b {
|
|
||||||
from {
|
|
||||||
transform: rotate(-70deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(290deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* 新卡片淡入动画 */
|
|
||||||
@keyframes fadeIn-53a8654b {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(0.3125rem);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
transform: translateY(0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.fade-in[data-v-53a8654b] {
|
|
||||||
animation: fadeIn-53a8654b 0.4s ease-out forwards;
|
|
||||||
}
|
|
||||||
.index-content-title[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 1.875rem;
|
|
||||||
left: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.index-content-title .shu[data-v-53a8654b] {
|
|
||||||
width: 0.625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
background: linear-gradient(to right, #0052C2, #00B4FF);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
margin-right: 0.9375rem;
|
|
||||||
}
|
|
||||||
.index-content-title .shu-font[data-v-53a8654b] {
|
|
||||||
color: #415273;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
}
|
|
||||||
.right-box[data-v-53a8654b] {
|
|
||||||
background: #00abff;
|
|
||||||
width: 5rem;
|
|
||||||
height: 2.03125rem;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.card-bottom[data-v-53a8654b] {
|
|
||||||
margin-top: 0.53125rem;
|
|
||||||
margin-left: 0.3125rem;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.card-bottom .bottom-img[data-v-53a8654b] {
|
|
||||||
width: 1.1875rem;
|
|
||||||
height: 1.1875rem;
|
|
||||||
margin-left: 0.9375rem;
|
|
||||||
}
|
|
||||||
.left-contain[data-v-53a8654b] {
|
|
||||||
margin-right: 2.5rem;
|
|
||||||
}
|
|
||||||
.main-title[data-v-53a8654b] {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 2.1875rem;
|
|
||||||
margin-bottom: 0.3125rem;
|
|
||||||
}
|
|
||||||
.edit-img[data-v-53a8654b] {
|
|
||||||
width: 1.25rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
}
|
|
||||||
.card-tags[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 1.5625rem;
|
|
||||||
left: 0;
|
|
||||||
width: 6.25rem;
|
|
||||||
height: 2.03125rem;
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.play-img[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
top: 1.5625rem;
|
|
||||||
right: 0.9375rem;
|
|
||||||
width: 4.0625rem;
|
|
||||||
height: 1.71875rem;
|
|
||||||
font-size: 0.8125rem;
|
|
||||||
border-radius: 1.09375rem;
|
|
||||||
border: 0.0625rem solid #999;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.rename-father[data-v-53a8654b] {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 18.75rem;
|
|
||||||
height: 13.125rem;
|
|
||||||
border-radius: 0.9375rem;
|
|
||||||
box-shadow: 0.0625rem 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.3);
|
|
||||||
background-color: #fff;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 0.9375rem;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
.rename-father .rename-title[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 2.5rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 0.9375rem;
|
|
||||||
margin-bottom: 0.625rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.rename-father .rename-gray[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 2.5rem;
|
|
||||||
display: flex;
|
|
||||||
color: #a7a7a7;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.rename-father .rename-input[data-v-53a8654b] {
|
|
||||||
width: 100%;
|
|
||||||
height: 2.5rem;
|
|
||||||
display: flex;
|
|
||||||
background-color: #f5f6fa;
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
color: #a7a7a7;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 0.625rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.rename-father .rename-input .uni-input[data-v-53a8654b] {
|
|
||||||
font-size: 0.78125rem;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.rename-father .rename-input .left-img[data-v-53a8654b] {
|
|
||||||
width: 1.5625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
margin-right: 0.46875rem;
|
|
||||||
}
|
|
||||||
.rename-father .rename-input .right-img[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
right: 0.9375rem;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
}
|
|
||||||
.popup-any[data-v-53a8654b] {
|
|
||||||
position: fixed;
|
|
||||||
inset: 0;
|
|
||||||
/* 初始透明度 */
|
|
||||||
opacity: 0;
|
|
||||||
/* 播放动画:名称 fadeIn,时长 0.5s,缓动函数 ease,保持最后状态 */
|
|
||||||
transition: opacity 0.5s ease;
|
|
||||||
-webkit-backdrop-filter: blur(0.03125rem);
|
|
||||||
backdrop-filter: blur(0.03125rem);
|
|
||||||
background-color: rgba(236, 237, 241, 0.4);
|
|
||||||
/* 添加毛玻璃效果 */
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
.mask[data-v-53a8654b] {
|
|
||||||
position: absolute;
|
|
||||||
inset: 0;
|
|
||||||
}
|
|
||||||
.video-father[data-v-53a8654b] {
|
|
||||||
width: 1.875rem;
|
|
||||||
height: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 0.46875rem;
|
|
||||||
}
|
|
||||||
.zerotarget[data-v-53a8654b] {
|
|
||||||
--color: #99C9FD;
|
|
||||||
--thick: 2px;
|
|
||||||
--radius: 0.9375rem;
|
|
||||||
--outline-offset: 0;
|
|
||||||
/* 外扩多少 */
|
|
||||||
/* 内层虚线(你现在用的) */
|
|
||||||
border-radius: var(--radius);
|
|
||||||
background-color: white;
|
|
||||||
/* 内部背景 */
|
|
||||||
animation: scalePulse 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
|
|
||||||
/* 外层虚线:放在 outline(不会影响元素尺寸) */
|
|
||||||
outline: var(--thick) dashed var(--color);
|
|
||||||
outline-offset: var(--outline-offset);
|
|
||||||
/* 保证文本 / 子元素在最上层 */
|
|
||||||
position: relative;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
@ -1,141 +0,0 @@
|
||||||
.index-content-other[data-v-44b21cb6] {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
transition: opacity 1s ease;
|
|
||||||
position: relative;
|
|
||||||
background-color: #EFF0F4;
|
|
||||||
}
|
|
||||||
.index-content-down[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 1.25rem;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
.index-content-right[data-v-44b21cb6] {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 1.5625rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-top: 3.125rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 1.875rem;
|
|
||||||
left: 1.875rem;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title .shu[data-v-44b21cb6] {
|
|
||||||
width: 0.625rem;
|
|
||||||
height: 1.5625rem;
|
|
||||||
background: linear-gradient(to right, #0052C2, #00B4FF);
|
|
||||||
border-radius: 0.625rem;
|
|
||||||
margin-right: 0.9375rem;
|
|
||||||
}
|
|
||||||
.index-content-right .index-content-title .shu-font[data-v-44b21cb6] {
|
|
||||||
color: #415273;
|
|
||||||
font-size: 1.09375rem;
|
|
||||||
}
|
|
||||||
.saomiao[data-v-44b21cb6] {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
display: flex;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.blue-button[data-v-44b21cb6] {
|
|
||||||
margin-left: 0.9375rem;
|
|
||||||
width: 5.3125rem;
|
|
||||||
height: 2.8125rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #007CFF;
|
|
||||||
font-size: 0.9375rem;
|
|
||||||
background-color: #ddf0ff;
|
|
||||||
border: 0.03125rem solid #007CFF;
|
|
||||||
}
|
|
||||||
.big-ball[data-v-44b21cb6] {
|
|
||||||
width: 6.25rem;
|
|
||||||
height: 6.25rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: -1.71875rem;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #dbe4f6;
|
|
||||||
}
|
|
||||||
.big-ball .ball[data-v-44b21cb6] {
|
|
||||||
width: 4.6875rem;
|
|
||||||
height: 4.6875rem;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #cfddf1;
|
|
||||||
}
|
|
||||||
.back-img[data-v-44b21cb6] {
|
|
||||||
width: 0.9375rem;
|
|
||||||
height: 0.9375rem;
|
|
||||||
margin-left: 3.125rem;
|
|
||||||
margin-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.big-bgc[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 56.25rem;
|
|
||||||
height: 28.125rem;
|
|
||||||
}
|
|
||||||
.big-img[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 10.9375rem;
|
|
||||||
height: 10.9375rem;
|
|
||||||
}
|
|
||||||
.big-img[data-v-44b21cb6]::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
animation: scanMove-44b21cb6 1.3s ease-in-out infinite;
|
|
||||||
z-index: 1001;
|
|
||||||
height: 2.5rem;
|
|
||||||
background: linear-gradient(to bottom, rgba(5, 170, 254, 0.6), rgba(5, 170, 254, 0.1), transparent);
|
|
||||||
will-change: transform;
|
|
||||||
}
|
|
||||||
.big-QR[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
width: 9.375rem;
|
|
||||||
height: 9.375rem;
|
|
||||||
}
|
|
||||||
.big-font[data-v-44b21cb6] {
|
|
||||||
position: absolute;
|
|
||||||
color: #888A8B;
|
|
||||||
left: 0;
|
|
||||||
bottom: -2.5rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
@keyframes scanMove-44b21cb6 {
|
|
||||||
0% {
|
|
||||||
top: 5%;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
top: 95%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 557 B |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 970 B |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 682 B |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 999 B |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 857 B |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 306 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 181 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 986 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |