diff --git a/pages/index/index.vue b/pages/index/index.vue index 70cf0cf..71cea3b 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -255,28 +255,28 @@ - 医嘱:药品 + 医嘱类型:药品 - 处置:肌肉注射 + 处置方式:肌肉注射 - 用药:抗生素类 + 用药类型:抗生素类 - 执行:周期一日执行一次 + 执行方式:周期一日执行一次 @@ -412,7 +412,7 @@ - + @@ -425,7 +425,7 @@ - + @@ -435,20 +435,21 @@ disable-touch> - +
+ :style="isPopupVisiblefiropen?{top:`-60rpx`,left:`0rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`"> 待执行
- - - + + 10:00 - 10:10 @@ -523,17 +525,19 @@ - + class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`"> + {{item.name}} + class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`"> + class="right-huli-view-dis" + :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`"> {{item.name}} @@ -547,13 +551,15 @@ - +
医疗类
- + @@ -623,7 +629,8 @@ 赵宇 - + 开始服务 @@ -682,18 +689,19 @@ - + - -
+ +
保洁类
- +
- @@ -951,7 +960,7 @@ topCom.value = 150; leftCom.value = 233; isPopupVisiblefiropen.value = true; - }, 100) + }, 10) } const closePopup = () => { widthCom.value = 1320; @@ -971,7 +980,7 @@ topComsec.value = 400; leftComsec.value = 233; isPopupVisiblefiropensec.value = true; - }, 100) + }, 10) } const closePopupsec = () => { widthComsec.value = 1150; @@ -991,7 +1000,7 @@ topComthi.value = 400; leftComthi.value = 620; isPopupVisiblefiropenthi.value = true; - }, 100) + }, 10) } const closePopupthi = () => { widthComthi.value = 880; @@ -1757,6 +1766,7 @@ // margin-top: 80rpx; margin-left: 0rpx; transition: all 0.4s ease-in-out; + .time-button-start { width: 230rpx; height: 80rpx; @@ -2743,6 +2753,7 @@ flex-direction: column; width: 100%; transition: all 0.4s ease-in-out; + .right-huli-img { width: 90rpx; height: 90rpx; @@ -2949,7 +2960,7 @@ height: 330rpx; margin-top: -100rpx; margin-left: -50rpx; - + transition: all 0.4s ease-in-out; } @@ -3020,11 +3031,21 @@ left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, 0.5); + // background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; - backdrop-filter: blur(3rpx); + backdrop-filter: blur(1rpx); + transition: all 0.4s ease-in-out; + /* 关键：通过遮罩控制模糊的显示区域 */ + // mask: radial-gradient(circle at center, + // rgba(0, 0, 0, 0) 0%, + // /* 中心完全透明（模糊不可见） */ + // rgba(0, 0, 0, 0.1) 30%, + // /* 中间过渡区域 */ + // rgba(0, 0, 0, 1) 70% + // /* 边缘完全不透明（模糊可见） */ + // ); /* 添加毛玻璃效果 */ z-index: 999; @@ -3042,7 +3063,7 @@ /* 圆角 */ position: relative; /* 增加背景色确保视觉效果 */ - background-color: rgba(255, 255, 255, 0.6); + // background-color: rgba(255, 255, 255, 0.6); box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3); /* 增强的阴影效果 */ @@ -3150,6 +3171,7 @@ margin-top: 40rpx; margin-left: 30rpx; transition: all 0.4s ease-in-out; + .time-people-two { display: flex; transition: all 0.4s ease-in-out; @@ -3208,7 +3230,7 @@ .time-people-fir { display: flex; margin-right: 20rpx; - + .time-people-img { width: 42rpx; height: 42rpx; @@ -3292,8 +3314,8 @@ .right-container-fir-left-card-zhixing-font { position: absolute; - top: 60rpx; - left: 10rpx; + top: 80rpx; + left: 0rpx; width: 100rpx; height: 40rpx; font-size: 25rpx; @@ -3312,13 +3334,14 @@ .right-container-fir-left-card-main-font { font-size: 34rpx; font-weight: 350; - + transition: all 0.4s ease-in-out; } .right-container-fir-left-card-main-font-dark { font-size: 34rpx; font-weight: 350; color: #fff; + transition: all 0.4s ease-in-out; } @@ -3338,6 +3361,7 @@ .right-container-fir-left-card-main-video { width: 45rpx; height: 45rpx; + transition: all 0.4s ease-in-out; } } @@ -3556,6 +3580,7 @@ justify-content: center; align-items: center; transition: all 0.4s ease-in-out; + .right-container-right-down-left { height: 50rpx; width: 50rpx; @@ -4306,7 +4331,7 @@ width: 80rpx; height: 80rpx; } - + } diff --git a/unpackage/dist/dev/app-plus/app-service.js b/unpackage/dist/dev/app-plus/app-service.js index cf6430d..f8bcbb7 100644 --- a/unpackage/dist/dev/app-plus/app-service.js +++ b/unpackage/dist/dev/app-plus/app-service.js @@ -166,7 +166,7 @@ if (uni.restoreGlobal) { topCom.value = 150; leftCom.value = 233; isPopupVisiblefiropen.value = true; - }, 100); + }, 10); }; const closePopup = () => { widthCom.value = 1320; @@ -184,7 +184,7 @@ if (uni.restoreGlobal) { topComsec.value = 400; leftComsec.value = 233; isPopupVisiblefiropensec.value = true; - }, 100); + }, 10); }; const closePopupsec = () => { widthComsec.value = 1150; @@ -202,7 +202,7 @@ if (uni.restoreGlobal) { topComthi.value = 400; leftComthi.value = 620; isPopupVisiblefiropenthi.value = true; - }, 100); + }, 10); }; const closePopupthi = () => { widthComthi.value = 880; @@ -929,7 +929,7 @@ if (uni.restoreGlobal) { { class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) }, - " 医嘱:药品 ", + " 医嘱类型:药品 ", 2 /* CLASS */ ) @@ -944,7 +944,7 @@ if (uni.restoreGlobal) { { class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) }, - " 处置:肌肉注射 ", + " 处置方式:肌肉注射 ", 2 /* CLASS */ ) @@ -959,7 +959,7 @@ if (uni.restoreGlobal) { { class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) }, - " 用药:抗生素类 ", + " 用药类型:抗生素类 ", 2 /* CLASS */ ) @@ -974,7 +974,7 @@ if (uni.restoreGlobal) { { class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) }, - " 执行:周期一日执行一次 ", + " 执行方式:周期一日执行一次 ", 2 /* CLASS */ ) @@ -1340,146 +1340,464 @@ if (uni.restoreGlobal) { ]) ]), vue.createCommentVNode(" 弹出层左上角 "), - $setup.isPopupVisible ? (vue.openBlock(), vue.createElementBlock("view", { - key: 0, - class: "popup-overlay", - onClick: $setup.closePopup - }, [ - vue.createElementVNode( - "view", - { - class: "popup-overlay-content", - onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => { - }, ["stop"])), - style: vue.normalizeStyle({ width: $setup.widthCom + "rpx", height: $setup.heightCom + "rpx", top: $setup.topCom + "rpx", left: $setup.leftCom + "rpx" }) - }, - [ - vue.createElementVNode("view", { class: "right-container-fir-left-nav-open" }, [ - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`) - }, - [ - vue.createElementVNode("image", { - class: "right-container-fir-left-card-hulilei", - src: `/static/index/hulilei.png` - }, null, 8, ["src"]), - vue.createElementVNode("div", { - class: "right-container-fir-left-card-hulilei-font", - onClick: $setup.closePopup - }, "护理类"), - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { - key: 0, - class: "card-upfaguang", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `680rpx` } : `{}`), - src: `/static/index/cardbgc/uplight.png` - }, null, 12, ["src"])) : vue.createCommentVNode("v-if", true), - vue.createElementVNode("view", { class: "right-container-fir-left-card-main" }, [ - vue.createElementVNode("swiper", { - current: $setup.firstcurrentIndexup, - class: "swiper savehundred", - circular: "", - "indicator-dots": false, - vertical: true, - "disable-touch": "" - }, [ - (vue.openBlock(), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList([1, 2, 3], (item, index) => { - return vue.createElementVNode("swiper-item", { - class: "swiper-item-flex", - key: index, - style: { "margin-top": "30rpx" } - }, [ - vue.createElementVNode("view", { class: "right-container-fir-left-card-flex" }, [ - vue.createElementVNode("view", { class: "uni-margin-wrap-fir" }, [ - vue.createElementVNode("swiper", { - current: $setup.firstcurrentIndex, - class: "swiper", - circular: "", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `700rpx` } : `{}`), - "indicator-dots": false, - interval: 4e3, - duration: 500, - "disable-touch": "" - }, [ - (vue.openBlock(), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList([1, 2, 3], (item2, index2) => { - return vue.createElementVNode("swiper-item", { - class: "swiper-item-flex", - key: index2 - }, [ - vue.createElementVNode("view", { class: "right-container-fir-left-card-card" }, [ + $setup.isPopupVisible ? (vue.openBlock(), vue.createElementBlock( + "view", + { + key: 0, + class: "popup-overlay", + onClick: $setup.closePopup, + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { backdropFilter: `blur(5rpx)` } : `{}`) + }, + [ + vue.createElementVNode( + "view", + { + class: "popup-overlay-content", + onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => { + }, ["stop"])), + style: vue.normalizeStyle({ width: $setup.widthCom + "rpx", height: $setup.heightCom + "rpx", top: $setup.topCom + "rpx", left: $setup.leftCom + "rpx" }) + }, + [ + vue.createElementVNode("view", { class: "right-container-fir-left-nav-open" }, [ + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`) + }, + [ + vue.createElementVNode("image", { + class: "right-container-fir-left-card-hulilei", + src: `/static/index/hulilei.png` + }, null, 8, ["src"]), + vue.createElementVNode("div", { + class: "right-container-fir-left-card-hulilei-font", + onClick: $setup.closePopup + }, "护理类"), + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { + key: 0, + class: "card-upfaguang", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `680rpx` } : `{}`), + src: `/static/index/cardbgc/uplight.png` + }, null, 12, ["src"])) : vue.createCommentVNode("v-if", true), + vue.createElementVNode("view", { class: "right-container-fir-left-card-main" }, [ + vue.createElementVNode("swiper", { + current: $setup.firstcurrentIndexup, + class: "swiper savehundred", + circular: "", + "indicator-dots": false, + vertical: true, + "disable-touch": "" + }, [ + (vue.openBlock(), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList([1, 2, 3], (item, index) => { + return vue.createElementVNode("swiper-item", { + class: "swiper-item-flex", + key: index + }, [ + vue.createElementVNode("view", { class: "right-container-fir-left-card-flex" }, [ + vue.createElementVNode("view", { class: "uni-margin-wrap-fir" }, [ + vue.createElementVNode("swiper", { + current: $setup.firstcurrentIndex, + class: "swiper", + circular: "", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `700rpx` } : `{}`), + "indicator-dots": false, + interval: 4e3, + duration: 500, + "disable-touch": "" + }, [ + (vue.openBlock(), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList([1, 2, 3], (item2, index2) => { + return vue.createElementVNode("swiper-item", { + class: "swiper-item-flex", + key: index2 + }, [ + vue.createElementVNode("view", { + class: "right-container-fir-left-card-card", + style: { "margin-top": "100rpx" } + }, [ + vue.createElementVNode( + "view", + { + class: "right-container-fir-left-card-zhixing", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `40rpx`, left: `1300rpx` } : `{}`) + }, + [ + vue.createElementVNode( + "div", + { + class: "right-container-fir-left-card-zhixing-font", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `-60rpx`, left: `0rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) + }, + " 待执行 ", + 4 + /* STYLE */ + ) + ], + 4 + /* STYLE */ + ), + vue.createElementVNode("image", { + class: "right-container-fir-left-card-img", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `600rpx`, height: `500rpx` } : { marginTop: `90rpx` }), + src: `/static/index/teeth.png`, + onClick: $setup.closePopup + }, null, 12, ["src"]), + vue.createElementVNode("view", { class: "right-container-fir-left-card-main-laba-video" }, [ + vue.createElementVNode("image", { + class: "right-container-fir-left-card-main-laba", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : {}), + src: $setup.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png` + }, null, 12, ["src"]), + vue.createElementVNode( + "text", + { + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `46rpx`, width: `400rpx` } : `{}`), + class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`) + }, + " 准备洁具（口腔） ", + 6 + /* CLASS, STYLE */ + ), + vue.createElementVNode("image", { + class: "right-container-fir-left-card-main-video", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : { marginLeft: `-150rpx` }), + src: $setup.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png` + }, null, 12, ["src"]) + ]) + ]), + vue.createCommentVNode(' \r\n '), vue.createElementVNode( "view", { - class: "right-container-fir-left-card-zhixing", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `40rpx`, left: `1300rpx` } : `{}`) + class: "time-tra-fir", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? `{}` : { marginTop: `140rpx`, marginLeft: `20rpx` }) }, [ vue.createElementVNode( - "div", + "view", { - class: "right-container-fir-left-card-zhixing-font", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `43rpx`, left: `20rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) + class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `100rpx` } : `{}`) }, - " 待执行 ", + " 10:00 - 10:10 ", + 6 + /* CLASS, STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `45rpx`, lineHeight: `70rpx`, width: `800rpx`, marginTop: `50rpx`, marginBottom: `50rpx` } : `{}`) + }, + " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ", + 6 + /* CLASS, STYLE */ + ), + vue.createElementVNode( + "view", + { + class: "time-people-two", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { marginBottom: "60rpx" } : `{}`) + }, + [ + vue.createElementVNode("view", { class: "time-people-fir" }, [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`, + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`) + }, null, 12, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) + }, + " 单人执行 ", + 6 + /* CLASS, STYLE */ + ) + ]), + vue.createElementVNode("view", { class: "time-people-sec" }, [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`, + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`) + }, null, 12, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx` } : `{}`) + }, + " -- ", + 6 + /* CLASS, STYLE */ + ) + ]) + ], 4 /* STYLE */ - ) + ), + vue.createElementVNode("view", { class: "time-button-view" }, [ + vue.createElementVNode( + "view", + { + class: "time-button-start", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 开始服务 ", + 4 + /* STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 服务结束 ", + 6 + /* CLASS, STYLE */ + ) + ]) ], 4 /* STYLE */ - ), - vue.createElementVNode("image", { - class: "right-container-fir-left-card-img", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `600rpx`, height: `500rpx` } : `{}`), - src: `/static/index/teeth.png`, - onClick: $setup.closePopup - }, null, 12, ["src"]), - vue.createElementVNode("view", { class: "right-container-fir-left-card-main-laba-video" }, [ - vue.createElementVNode("image", { - class: "right-container-fir-left-card-main-laba", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : `{}`), - src: $setup.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png` - }, null, 12, ["src"]), - vue.createElementVNode( - "text", - { - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `46rpx`, width: `400rpx` } : `{}`), - class: vue.normalizeClass($setup.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`) - }, - " 准备洁具（口腔） ", - 6 - /* CLASS, STYLE */ - ), - vue.createElementVNode("image", { - class: "right-container-fir-left-card-main-video", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : `{}`), - src: $setup.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png` - }, null, 12, ["src"]) - ]) - ]), - vue.createElementVNode( - "view", - { - class: "split-line", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `300rpx` } : `{}`) - }, - null, - 4 - /* STYLE */ - ), - vue.createElementVNode("view", { class: "time-tra-fir" }, [ + ) + ]); + }), + 64 + /* STABLE_FRAGMENT */ + )) + ], 12, ["current"]) + ]), + vue.createElementVNode("view", { class: "split-line-white-right-left" }, [ + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { + key: 0, + class: "split-line-white-img", + src: `/static/index/cardbgc/leftlight.png` + }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true) + ]) + ]) + ]); + }), + 64 + /* STABLE_FRAGMENT */ + )) + ], 8, ["current"]), + vue.createElementVNode("view", { class: "right-huli-sec" }, [ + vue.createElementVNode("image", { + class: "right-huli-shang", + src: `/static/index/hulilist/shang.png` + }, null, 8, ["src"]), + !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock( + "scroll-view", + { + key: 0, + "show-scrollbar": false, + "scroll-y": "true", + class: "right-huli-view", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`) + }, + [ + (vue.openBlock(true), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList($setup.huliList, (item, index) => { + return vue.openBlock(), vue.createElementBlock( + "view", + { + key: index, + class: "right-huli-view-dis", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`) + }, + [ + vue.createElementVNode("image", { + class: "right-huli-img", + src: item.url + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { class: "right-huli-text" }, + vue.toDisplayString(item.name), + 1 + /* TEXT */ + ) + ], + 4 + /* STYLE */ + ); + }), + 128 + /* KEYED_FRAGMENT */ + )) + ], + 4 + /* STYLE */ + )) : vue.createCommentVNode("v-if", true), + vue.createCommentVNode(" 暗黑模式 "), + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock( + "scroll-view", + { + key: 1, + "show-scrollbar": false, + "scroll-y": "true", + class: "right-huli-view", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`) + }, + [ + (vue.openBlock(true), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList($setup.huliListDark, (item, index) => { + return vue.openBlock(), vue.createElementBlock( + "view", + { + key: index, + class: "right-huli-view-dis", + style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`) + }, + [ + vue.createElementVNode("image", { + class: "right-huli-img", + src: item.url + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { class: "right-huli-text-dark" }, + vue.toDisplayString(item.name), + 1 + /* TEXT */ + ) + ], + 4 + /* STYLE */ + ); + }), + 128 + /* KEYED_FRAGMENT */ + )) + ], + 4 + /* STYLE */ + )) : vue.createCommentVNode("v-if", true), + vue.createElementVNode("image", { + class: "right-huli-xia", + src: `/static/index/hulilist/xia.png` + }, null, 8, ["src"]) + ]) + ]) + ], + 2 + /* CLASS */ + ) + ]) + ], + 4 + /* STYLE */ + ) + ], + 4 + /* STYLE */ + )) : vue.createCommentVNode("v-if", true), + vue.createCommentVNode(" 弹出层左上角结束 "), + vue.createCommentVNode(" 弹出层左下角 "), + $setup.isPopupVisiblesec ? (vue.openBlock(), vue.createElementBlock( + "view", + { + key: 1, + class: "popup-overlay", + onClick: $setup.closePopupsec, + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { backdropFilter: `blur(5rpx)` } : `{}`) + }, + [ + vue.createElementVNode( + "view", + { + class: "popup-overlay-content", + onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => { + }, ["stop"])), + style: vue.normalizeStyle({ width: $setup.widthComsec + "rpx", height: $setup.heightComsec + "rpx", top: $setup.topComsec + "rpx", left: $setup.leftComsec + "rpx" }) + }, + [ + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `right-container-left-dark` : `right-container-left`) + }, + [ + vue.createElementVNode("image", { + class: "right-container-left-type", + src: `/static/index/yiliao/yiliaolei.png` + }, null, 8, ["src"]), + vue.createElementVNode("div", { + class: "right-container-left-font", + onClick: $setup.closePopupsec + }, "医疗类"), + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { + key: 0, + class: "card-upfaguang-down", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { left: `1000rpx`, top: `680rpx` } : `{}`), + src: `/static/index/cardbgc/uplight.png` + }, null, 12, ["src"])) : vue.createCommentVNode("v-if", true), + vue.createElementVNode("swiper", { + class: "swiper savehundred", + circular: "", + "indicator-dots": false, + vertical: true, + "disable-touch": "" + }, [ + (vue.openBlock(), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList([1, 2, 3], (item, index) => { + return vue.createElementVNode("swiper-item", { + class: "swiper-item-flex", + key: index + }, [ + vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [ + vue.createElementVNode("view", { class: "uni-margin-wrap" }, [ + vue.createElementVNode("swiper", { + class: "swiper", + circular: "", + "indicator-dots": false, + "disable-touch": "" + }, [ + (vue.openBlock(), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList([1, 2, 3], (item2, index2) => { + return vue.createElementVNode("swiper-item", { + class: "swiper-item-flex", + key: index2 + }, [ + vue.createElementVNode( + "div", + { + class: "right-container-left-font-spec", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { top: `100rpx`, left: `900rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) + }, + " 进行中 ", + 4 + /* STYLE */ + ), + vue.createElementVNode( + "view", + { + class: "time-tra-sec", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `800rpx`, marginTop: `0`, marginLeft: `120rpx` } : `{}`) + }, + [ vue.createElementVNode( "view", { - class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `100rpx` } : `{}`) + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { fontSize: `120rpx` } : `{}`), + class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`) }, " 10:00 - 10:10 ", 6 @@ -1488,849 +1806,555 @@ if (uni.restoreGlobal) { vue.createElementVNode( "view", { - class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `45rpx`, lineHeight: `70rpx`, width: `800rpx`, marginTop: `50rpx`, marginBottom: `50rpx` } : `{}`) + class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) }, - " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ", - 6 - /* CLASS, STYLE */ + [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 医嘱:药品 ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ ), vue.createElementVNode( "view", { - class: "time-people-two", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { marginBottom: "60rpx" } : `{}`) + class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) }, [ - vue.createElementVNode("view", { class: "time-people-fir" }, [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`, - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`) - }, null, 12, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) - }, - " 单人执行 ", - 6 - /* CLASS, STYLE */ - ) - ]), - vue.createElementVNode("view", { class: "time-people-sec" }, [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`, - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `55rpx`, height: `55rpx` } : `{}`) - }, null, 12, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { fontSize: `42rpx` } : `{}`) - }, - " -- ", - 6 - /* CLASS, STYLE */ - ) - ]) + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 处置:肌肉注射 ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) + }, + [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 用药:抗生素类 ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) + }, + [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 执行:周期一日执行一次 ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) + }, + [ + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 单人执行 ", + 2 + /* CLASS */ + ), + vue.createElementVNode("image", { + class: "time-people-img", + src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) + }, + " 赵宇 ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ + ), + vue.createElementVNode( + "view", + { + class: "time-button-view", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { marginTop: `50rpx` } : `{}`) + }, + [ + vue.createElementVNode( + "view", + { + class: "time-button-start", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 开始服务 ", + 4 + /* STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 服务结束 ", + 6 + /* CLASS, STYLE */ + ) ], 4 /* STYLE */ - ), - vue.createElementVNode("view", { class: "time-button-view" }, [ - vue.createElementVNode( - "view", - { - class: "time-button-start", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) - }, - " 开始服务 ", - 4 - /* STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) - }, - " 服务结束 ", - 6 - /* CLASS, STYLE */ - ) - ]) - ]) - ]); - }), - 64 - /* STABLE_FRAGMENT */ - )) - ], 12, ["current"]) - ]), - vue.createElementVNode("view", { class: "split-line-white-right-left" }, [ - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { - key: 0, - class: "split-line-white-img", - src: `/static/index/cardbgc/leftlight.png` - }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true) - ]) - ]) - ]); - }), - 64 - /* STABLE_FRAGMENT */ - )) - ], 8, ["current"]), - vue.createElementVNode("view", { class: "right-huli-sec" }, [ - vue.createElementVNode("image", { - class: "right-huli-shang", - src: `/static/index/hulilist/shang.png` - }, null, 8, ["src"]), - !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock( - "scroll-view", - { - key: 0, - "show-scrollbar": false, - "scroll-y": "true", - class: "right-huli-view", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`) - }, - [ - (vue.openBlock(true), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList($setup.huliList, (item, index) => { - return vue.openBlock(), vue.createElementBlock( - "view", - { - key: index, - class: "right-huli-view-dis", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`) - }, - [ - vue.createElementVNode("image", { - class: "right-huli-img", - src: item.url - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { class: "right-huli-text" }, - vue.toDisplayString(item.name), - 1 - /* TEXT */ - ) - ], - 4 - /* STYLE */ - ); - }), - 128 - /* KEYED_FRAGMENT */ - )) - ], - 4 - /* STYLE */ - )) : vue.createCommentVNode("v-if", true), - vue.createCommentVNode(" 暗黑模式 "), - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock( - "scroll-view", - { - key: 1, - "show-scrollbar": false, - "scroll-y": "true", - class: "right-huli-view", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `600rpx` } : `{}`) - }, - [ - (vue.openBlock(true), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList($setup.huliListDark, (item, index) => { - return vue.openBlock(), vue.createElementBlock( - "view", - { - key: index, - class: "right-huli-view-dis", - style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `200rpx` } : `{}`) - }, - [ - vue.createElementVNode("image", { - class: "right-huli-img", - src: item.url - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { class: "right-huli-text-dark" }, - vue.toDisplayString(item.name), - 1 - /* TEXT */ - ) - ], - 4 - /* STYLE */ - ); - }), - 128 - /* KEYED_FRAGMENT */ - )) - ], - 4 - /* STYLE */ - )) : vue.createCommentVNode("v-if", true), - vue.createElementVNode("image", { - class: "right-huli-xia", - src: `/static/index/hulilist/xia.png` - }, null, 8, ["src"]) - ]) - ]) - ], - 2 - /* CLASS */ - ) - ]) - ], - 4 - /* STYLE */ - ) - ])) : vue.createCommentVNode("v-if", true), - vue.createCommentVNode(" 弹出层左上角结束 "), - vue.createCommentVNode(" 弹出层左下角 "), - $setup.isPopupVisiblesec ? (vue.openBlock(), vue.createElementBlock("view", { - key: 1, - class: "popup-overlay", - onClick: $setup.closePopupsec - }, [ - vue.createElementVNode( - "view", - { - class: "popup-overlay-content", - onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => { - }, ["stop"])), - style: vue.normalizeStyle({ width: $setup.widthComsec + "rpx", height: $setup.heightComsec + "rpx", top: $setup.topComsec + "rpx", left: $setup.leftComsec + "rpx" }) - }, - [ - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `right-container-left-dark` : `right-container-left`) - }, - [ - vue.createElementVNode("image", { - class: "right-container-left-type", - src: `/static/index/yiliao/yiliaolei.png` - }, null, 8, ["src"]), - vue.createElementVNode("div", { - class: "right-container-left-font", - onClick: $setup.closePopupsec - }, "医疗类"), - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { - key: 0, - class: "card-upfaguang-down", - src: `/static/index/cardbgc/uplight.png` - }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true), - vue.createElementVNode("swiper", { - class: "swiper savehundred", - circular: "", - "indicator-dots": false, - vertical: true, - "disable-touch": "" - }, [ - (vue.openBlock(), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList([1, 2, 3], (item, index) => { - return vue.createElementVNode("swiper-item", { - class: "swiper-item-flex", - key: index - }, [ - vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [ - vue.createElementVNode("view", { class: "uni-margin-wrap" }, [ - vue.createElementVNode("swiper", { - class: "swiper", - circular: "", - "indicator-dots": false, - "disable-touch": "" - }, [ - (vue.openBlock(), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList([1, 2, 3], (item2, index2) => { - return vue.createElementVNode("swiper-item", { - class: "swiper-item-flex", - key: index2 - }, [ - vue.createElementVNode( - "div", - { - class: "right-container-left-font-spec", - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { top: `100rpx`, left: `900rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) - }, - " 进行中 ", - 4 - /* STYLE */ - ), - vue.createElementVNode( - "view", - { - class: "time-tra-sec", - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `800rpx`, marginTop: `0`, marginLeft: `120rpx` } : `{}`) - }, - [ - vue.createElementVNode( - "view", - { - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { fontSize: `120rpx` } : `{}`), - class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`) - }, - " 10:00 - 10:10 ", - 6 - /* CLASS, STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 医嘱:药品 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 处置:肌肉注射 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 用药:抗生素类 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 执行:周期一日执行一次 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass(!$setup.isPopupVisiblefiropensec ? `time-people-thi` : `time-people-thi-change`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 单人执行 ", - 2 - /* CLASS */ - ), - vue.createElementVNode("image", { - class: "time-people-img", - src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`) - }, - " 赵宇 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ), - vue.createElementVNode( - "view", - { - class: "time-button-view", - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { marginTop: `50rpx` } : `{}`) - }, - [ - vue.createElementVNode( - "view", - { - class: "time-button-start", - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) - }, - " 开始服务 ", - 4 - /* STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) - }, - " 服务结束 ", - 6 - /* CLASS, STYLE */ - ) - ], - 4 - /* STYLE */ - ) - ], - 4 - /* STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.isPopupVisiblefiropensec ? `right-container-photo-change` : `right-container-photo`) - }, - [ - vue.createElementVNode("image", { - class: "right-container-photo-img", - src: `/static/index/yiliao/project2.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`) - }, - " 脑膜炎(1/2) ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ) - ]); - }), - 64 - /* STABLE_FRAGMENT */ - )) - ]) - ]) - ]) - ]); - }), - 64 - /* STABLE_FRAGMENT */ - )) - ]), - vue.createElementVNode("view", { class: "split-line-white-sec" }, [ - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { - key: 0, - class: "split-line-white-img", - src: `/static/index/cardbgc/leftlight.png` - }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true) - ]), - vue.createElementVNode( - "view", - { - class: "right-huli-fir", - style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx` } : `{}`) - }, - [ - vue.createElementVNode("image", { - class: "right-huli-shang", - src: `/static/index/hulilist/shang.png` - }, null, 8, ["src"]), - !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", { - key: 0, - "show-scrollbar": false, - "scroll-y": "true", - class: "right-huli-view" - }, [ - (vue.openBlock(true), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList($setup.mediumList, (item, index) => { - return vue.openBlock(), vue.createElementBlock("view", { - key: index, - class: "right-huli-view-dis" - }, [ - vue.createElementVNode("image", { - class: "right-huli-img", - src: item.url - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { class: "right-huli-text" }, - vue.toDisplayString(item.name), - 1 - /* TEXT */ - ), - vue.withDirectives(vue.createElementVNode( - "div", - { class: "progress-bar-container" }, - [ - vue.createElementVNode( - "div", - { - style: vue.normalizeStyle({ width: `${item.number}%` }), - class: "progress-bar" - }, - null, - 4 - /* STYLE */ - ) - ], - 512 - /* NEED_PATCH */ - ), [ - [vue.vShow, item.number !== 0] - ]) - ]); - }), - 128 - /* KEYED_FRAGMENT */ - )) - ])) : vue.createCommentVNode("v-if", true), - $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", { - key: 1, - "show-scrollbar": false, - "scroll-y": "true", - class: "right-huli-view" - }, [ - (vue.openBlock(true), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList($setup.mediumListdark, (item, index) => { - return vue.openBlock(), vue.createElementBlock("view", { - key: index, - class: "right-huli-view-dis" - }, [ - vue.createElementVNode("image", { - class: "right-huli-img", - src: item.url - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { class: "right-huli-text-dark" }, - vue.toDisplayString(item.name), - 1 - /* TEXT */ - ), - vue.withDirectives(vue.createElementVNode( - "div", - { class: "progress-bar-container" }, - [ - vue.createElementVNode( - "div", - { - style: vue.normalizeStyle({ width: `${item.number}%` }), - class: "progress-bar" - }, - null, - 4 - /* STYLE */ - ) - ], - 512 - /* NEED_PATCH */ - ), [ - [vue.vShow, item.number !== 0] - ]) - ]); - }), - 128 - /* KEYED_FRAGMENT */ - )) - ])) : vue.createCommentVNode("v-if", true), - vue.createElementVNode("image", { - class: "right-huli-xia", - src: `/static/index/hulilist/xia.png` - }, null, 8, ["src"]) - ], - 4 - /* STYLE */ - ) - ], - 2 - /* CLASS */ - ) - ], - 4 - /* STYLE */ - ) - ])) : vue.createCommentVNode("v-if", true), - vue.createCommentVNode(" 弹出层左下角结束 "), - vue.createCommentVNode(" 弹出层右下角 "), - $setup.isPopupVisiblethi ? (vue.openBlock(), vue.createElementBlock("view", { - key: 2, - class: "popup-overlay", - onClick: $setup.closePopupthi - }, [ - vue.createElementVNode( - "view", - { - class: "popup-overlay-content", - onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => { - }, ["stop"])), - style: vue.normalizeStyle({ width: $setup.widthComthi + "rpx", height: $setup.heightComthi + "rpx", top: $setup.topComthi + "rpx", left: $setup.leftComthi + "rpx" }) - }, - [ - vue.createElementVNode( - "view", - { - class: "right-container-right-father", - style: vue.normalizeStyle($setup.darkFans ? { backgroundColor: "rgb(17, 45, 74)", backgroundImage: `none` } : { backgroundImage: `url('/static/index/mountain.png')`, backgroundPosition: `60% 50%` }) - }, - [ - vue.createElementVNode("view", { class: "right-container-right-down-father" }, [ - vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [ - vue.createElementVNode("image", { - class: "right-container-fir-left-card-flex-sec-img", - src: `/static/index/baojielei.png` - }, null, 8, ["src"]), - vue.createElementVNode("div", { - class: "right-container-fir-left-card-flex-sec-font", - onClick: $setup.closePopupthi - }, "保洁类 "), - vue.createElementVNode( - "view", - { - class: "uni-margin-wrap", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginLeft: `100rpx` } : `{}`) - }, - [ - vue.createElementVNode("div", { - class: "swiper", - circular: "", - "indicator-dots": false, - "disable-touch": "" - }, [ - (vue.openBlock(), vue.createElementBlock( - vue.Fragment, - null, - vue.renderList([1], (item, index) => { - return vue.createElementVNode("div", { - class: "swiper-item-flex", - key: index - }, [ - vue.createElementVNode( - "view", - { - class: "time-tra-thi-open", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx` } : `{}`) - }, - [ - vue.createElementVNode("view", { class: "time-tra-thi-zhixing" }, [ - vue.createElementVNode( - "div", - { - class: "time-tra-thi-zhixing-font", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { top: `90rpx`, left: `200rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) - }, - " 待执行 ", - 4 - /* STYLE */ - ) - ]), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `100rpx` } : `{}`) - }, - " 10:00 - 10:10 ", - 6 - /* CLASS, STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx`, fontSize: `45rpx`, marginTop: `100rpx`, lineHeight: `60rpx` } : `{}`) - }, - " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ", - 6 - /* CLASS, STYLE */ - ), - vue.createElementVNode( - "view", - { - class: "time-people-two", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginTop: `100rpx`, marginBottom: `100rpx` } : `{}`) - }, - [ - vue.createElementVNode("image", { - class: "time-people-img", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`), - src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png` - }, null, 12, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) - }, - " 单人执行 ", - 6 - /* CLASS, STYLE */ - ), - vue.createElementVNode("image", { - class: "time-people-img", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`), - src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png` - }, null, 12, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) - }, - " 王金福 / 李贵田 ", - 6 - /* CLASS, STYLE */ - ) - ], - 4 - /* STYLE */ - ), - vue.createElementVNode("view", { class: "time-button-view" }, [ - vue.createElementVNode( - "view", - { - class: "time-button-start", - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) - }, - " 开始服务 ", + ) + ], 4 /* STYLE */ ), vue.createElementVNode( "view", { - class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), - style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + class: vue.normalizeClass($setup.isPopupVisiblefiropensec ? `right-container-photo-change` : `right-container-photo`) }, - " 服务结束 ", + [ + vue.createElementVNode("image", { + class: "right-container-photo-img", + src: `/static/index/yiliao/project2.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`) + }, + " 脑膜炎(1/2) ", + 2 + /* CLASS */ + ) + ], + 2 + /* CLASS */ + ) + ]); + }), + 64 + /* STABLE_FRAGMENT */ + )) + ]) + ]) + ]) + ]); + }), + 64 + /* STABLE_FRAGMENT */ + )) + ]), + vue.createElementVNode("view", { class: "split-line-white-sec" }, [ + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("image", { + key: 0, + class: "split-line-white-img", + src: `/static/index/cardbgc/leftlight.png` + }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true) + ]), + vue.createElementVNode( + "view", + { + class: "right-huli-fir", + style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { width: `350rpx` } : `{}`) + }, + [ + vue.createElementVNode("image", { + class: "right-huli-shang", + src: `/static/index/hulilist/shang.png` + }, null, 8, ["src"]), + !$setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", { + key: 0, + "show-scrollbar": false, + "scroll-y": "true", + class: "right-huli-view" + }, [ + (vue.openBlock(true), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList($setup.mediumList, (item, index) => { + return vue.openBlock(), vue.createElementBlock("view", { + key: index, + class: "right-huli-view-dis" + }, [ + vue.createElementVNode("image", { + class: "right-huli-img", + src: item.url + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { class: "right-huli-text" }, + vue.toDisplayString(item.name), + 1 + /* TEXT */ + ), + vue.withDirectives(vue.createElementVNode( + "div", + { class: "progress-bar-container" }, + [ + vue.createElementVNode( + "div", + { + style: vue.normalizeStyle({ width: `${item.number}%` }), + class: "progress-bar" + }, + null, + 4 + /* STYLE */ + ) + ], + 512 + /* NEED_PATCH */ + ), [ + [vue.vShow, item.number !== 0] + ]) + ]); + }), + 128 + /* KEYED_FRAGMENT */ + )) + ])) : vue.createCommentVNode("v-if", true), + $setup.darkFans ? (vue.openBlock(), vue.createElementBlock("scroll-view", { + key: 1, + "show-scrollbar": false, + "scroll-y": "true", + class: "right-huli-view" + }, [ + (vue.openBlock(true), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList($setup.mediumListdark, (item, index) => { + return vue.openBlock(), vue.createElementBlock("view", { + key: index, + class: "right-huli-view-dis" + }, [ + vue.createElementVNode("image", { + class: "right-huli-img", + src: item.url + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { class: "right-huli-text-dark" }, + vue.toDisplayString(item.name), + 1 + /* TEXT */ + ), + vue.withDirectives(vue.createElementVNode( + "div", + { class: "progress-bar-container" }, + [ + vue.createElementVNode( + "div", + { + style: vue.normalizeStyle({ width: `${item.number}%` }), + class: "progress-bar" + }, + null, + 4 + /* STYLE */ + ) + ], + 512 + /* NEED_PATCH */ + ), [ + [vue.vShow, item.number !== 0] + ]) + ]); + }), + 128 + /* KEYED_FRAGMENT */ + )) + ])) : vue.createCommentVNode("v-if", true), + vue.createElementVNode("image", { + class: "right-huli-xia", + src: `/static/index/hulilist/xia.png` + }, null, 8, ["src"]) + ], + 4 + /* STYLE */ + ) + ], + 2 + /* CLASS */ + ) + ], + 4 + /* STYLE */ + ) + ], + 4 + /* STYLE */ + )) : vue.createCommentVNode("v-if", true), + vue.createCommentVNode(" 弹出层左下角结束 "), + vue.createCommentVNode(" 弹出层右下角 "), + $setup.isPopupVisiblethi ? (vue.openBlock(), vue.createElementBlock( + "view", + { + key: 2, + class: "popup-overlay", + onClick: $setup.closePopupthi, + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { backdropFilter: `blur(5rpx)` } : `{}`) + }, + [ + vue.createElementVNode( + "view", + { + class: "popup-overlay-content", + onClick: _cache[4] || (_cache[4] = vue.withModifiers(() => { + }, ["stop"])), + style: vue.normalizeStyle({ width: $setup.widthComthi + "rpx", height: $setup.heightComthi + "rpx", top: $setup.topComthi + "rpx", left: $setup.leftComthi + "rpx" }) + }, + [ + vue.createElementVNode( + "view", + { + class: "right-container-right-father", + style: vue.normalizeStyle($setup.darkFans ? { backgroundColor: "rgb(17, 45, 74)", backgroundImage: `none` } : { backgroundImage: `url('/static/index/mountain.png')`, backgroundPosition: `60% 50%` }) + }, + [ + vue.createElementVNode("view", { class: "right-container-right-down-father" }, [ + vue.createElementVNode("div", { class: "right-container-fir-left-card-flex-sec" }, [ + vue.createElementVNode("image", { + class: "right-container-fir-left-card-flex-sec-img", + src: `/static/index/baojielei.png` + }, null, 8, ["src"]), + vue.createElementVNode("div", { + class: "right-container-fir-left-card-flex-sec-font", + onClick: $setup.closePopupthi + }, "保洁类 "), + vue.createElementVNode( + "view", + { + class: "uni-margin-wrap", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginLeft: `100rpx` } : `{}`) + }, + [ + vue.createElementVNode("div", { + class: "swiper", + circular: "", + "indicator-dots": false, + "disable-touch": "" + }, [ + (vue.openBlock(), vue.createElementBlock( + vue.Fragment, + null, + vue.renderList([1], (item, index) => { + return vue.createElementVNode("div", { + class: "swiper-item-flex", + key: index + }, [ + vue.createElementVNode( + "view", + { + class: "time-tra-thi-open", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx` } : `{}`) + }, + [ + vue.createElementVNode("view", { class: "time-tra-thi-zhixing" }, [ + vue.createElementVNode( + "div", + { + class: "time-tra-thi-zhixing-font", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { top: `90rpx`, left: `200rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`) + }, + " 待执行 ", + 4 + /* STYLE */ + ) + ]), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-font-dark` : `time-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `100rpx` } : `{}`) + }, + " 10:00 - 10:10 ", 6 /* CLASS, STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-text-dark` : `time-text`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `800rpx`, fontSize: `45rpx`, marginTop: `100rpx`, lineHeight: `60rpx` } : `{}`) + }, + " 为老人提供口腔清洁器具，牙膏、牙刷及水杯，看护完成 ", + 6 + /* CLASS, STYLE */ + ), + vue.createElementVNode( + "view", + { + class: "time-people-two", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { marginTop: `100rpx`, marginBottom: `100rpx` } : `{}`) + }, + [ + vue.createElementVNode("image", { + class: "time-people-img", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`), + src: $setup.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png` + }, null, 12, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) + }, + " 单人执行 ", + 6 + /* CLASS, STYLE */ + ), + vue.createElementVNode("image", { + class: "time-people-img", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `55rpx`, height: `55rpx` } : `{}`), + src: $setup.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png` + }, null, 12, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-people-font-dark` : `time-people-font`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { fontSize: `42rpx`, marginRight: "40rpx" } : `{}`) + }, + " 王金福 / 李贵田 ", + 6 + /* CLASS, STYLE */ + ) + ], + 4 + /* STYLE */ + ), + vue.createElementVNode("view", { class: "time-button-view" }, [ + vue.createElementVNode( + "view", + { + class: "time-button-start", + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 开始服务 ", + 4 + /* STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.darkFans ? `time-button-end-dark` : `time-button-end`), + style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { width: `350rpx`, height: `110rpx`, borderRadius: `80rpx`, fontSize: `50rpx` } : `{}`) + }, + " 服务结束 ", + 6 + /* CLASS, STYLE */ + ) + ]) + ], + 4 + /* STYLE */ + ), + vue.createElementVNode( + "view", + { + class: vue.normalizeClass($setup.isPopupVisiblefiropenthi ? `time-tra-thi-photo-change` : `time-tra-thi-photo`) + }, + [ + vue.createElementVNode("image", { + class: "time-tra-thi-photo-img", + style: { "margin-top": "150rpx", "margin-left": "-80rpx" }, + src: `/static/index/project3.png` + }, null, 8, ["src"]), + vue.createElementVNode( + "text", + { + class: vue.normalizeClass($setup.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`) + }, + " 更换纸尿裤 ", + 2 + /* CLASS */ ) - ]) - ], - 4 - /* STYLE */ - ), - vue.createElementVNode( - "view", - { - class: vue.normalizeClass($setup.isPopupVisiblefiropenthi ? `time-tra-thi-photo-change` : `time-tra-thi-photo`) - }, - [ - vue.createElementVNode("image", { - class: "time-tra-thi-photo-img", - style: { "margin-top": "150rpx", "margin-left": "-80rpx" }, - src: `/static/index/project3.png` - }, null, 8, ["src"]), - vue.createElementVNode( - "text", - { - class: vue.normalizeClass($setup.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`) - }, - " 更换纸尿裤 ", - 2 - /* CLASS */ - ) - ], - 2 - /* CLASS */ - ) - ]); - }), - 64 - /* STABLE_FRAGMENT */ - )) - ]) - ], - 4 - /* STYLE */ - ) + ], + 2 + /* CLASS */ + ) + ]); + }), + 64 + /* STABLE_FRAGMENT */ + )) + ]) + ], + 4 + /* STYLE */ + ) + ]) ]) - ]) - ], - 4 - /* STYLE */ - ) - ], - 4 - /* STYLE */ - ) - ])) : vue.createCommentVNode("v-if", true), + ], + 4 + /* STYLE */ + ) + ], + 4 + /* STYLE */ + ) + ], + 4 + /* STYLE */ + )) : vue.createCommentVNode("v-if", true), vue.createCommentVNode(" 右下角结束 ") ]) ], diff --git a/unpackage/dist/dev/app-plus/pages/index/index.css b/unpackage/dist/dev/app-plus/pages/index/index.css index 7f4d0b3..1fa998e 100644 --- a/unpackage/dist/dev/app-plus/pages/index/index.css +++ b/unpackage/dist/dev/app-plus/pages/index/index.css @@ -1667,12 +1667,13 @@ left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; - -webkit-backdrop-filter: blur(0.09375rem); - backdrop-filter: blur(0.09375rem); + -webkit-backdrop-filter: blur(0.03125rem); + backdrop-filter: blur(0.03125rem); + transition: all 0.4s ease-in-out; + /* 关键：通过遮罩控制模糊的显示区域 */ /* 添加毛玻璃效果 */ z-index: 999; } @@ -1690,7 +1691,6 @@ /* 圆角 */ position: relative; /* 增加背景色确保视觉效果 */ - background-color: rgba(255, 255, 255, 0.6); box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3); /* 增强的阴影效果 */ /* 包括边框在内计算宽高 */ @@ -1898,8 +1898,8 @@ } .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font[data-v-1cf27b2a] { position: absolute; - top: 1.875rem; - left: 0.3125rem; + top: 2.5rem; + left: 0; width: 3.125rem; height: 1.25rem; font-size: 0.78125rem; @@ -1915,11 +1915,13 @@ .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font[data-v-1cf27b2a] { font-size: 1.0625rem; font-weight: 350; + transition: all 0.4s ease-in-out; } .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-font-dark[data-v-1cf27b2a] { font-size: 1.0625rem; font-weight: 350; color: #fff; + transition: all 0.4s ease-in-out; } .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video[data-v-1cf27b2a] { width: 100%; @@ -1936,6 +1938,7 @@ .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-main-laba-video .right-container-fir-left-card-main-video[data-v-1cf27b2a] { width: 1.40625rem; height: 1.40625rem; + transition: all 0.4s ease-in-out; } .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-img[data-v-1cf27b2a] { width: 11.25rem;