2.25.3.3
This commit is contained in:
parent
9152f7ffce
commit
cbfa86853b
|
@ -255,28 +255,28 @@
|
|||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
医嘱:药品
|
||||
医嘱类型:药品
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-people-thi">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
处置:肌肉注射
|
||||
处置方式:肌肉注射
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-people-thi">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
用药:抗生素类
|
||||
用药类型:抗生素类
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-people-thi">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
执行:周期一日执行一次
|
||||
执行方式:周期一日执行一次
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-people-thi">
|
||||
|
@ -412,7 +412,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<!-- 弹出层左上角 -->
|
||||
<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup">
|
||||
<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup" :style="isPopupVisiblefiropen?{backdropFilter:`blur(5rpx)`}:`{}`">
|
||||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
|
||||
<view class="right-container-fir-left-nav-open">
|
||||
|
@ -425,7 +425,7 @@
|
|||
<view class="right-container-fir-left-card-main">
|
||||
<swiper :current="firstcurrentIndexup" class="swiper savehundred" circular
|
||||
:indicator-dots="false" :vertical="true" disable-touch>
|
||||
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index" style="margin-top: 30rpx;">
|
||||
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
|
||||
<view class="right-container-fir-left-card-flex">
|
||||
<view class="uni-margin-wrap-fir">
|
||||
|
||||
|
@ -435,20 +435,21 @@
|
|||
disable-touch>
|
||||
<swiper-item class="swiper-item-flex"
|
||||
v-for="(item,index) in [1,2 ,3]" :key="index">
|
||||
<view class="right-container-fir-left-card-card">
|
||||
<view class="right-container-fir-left-card-card"
|
||||
style="margin-top: 100rpx;">
|
||||
<view class="right-container-fir-left-card-zhixing"
|
||||
:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
|
||||
<div class="right-container-fir-left-card-zhixing-font"
|
||||
:style="isPopupVisiblefiropen?{top:`43rpx`,left:`20rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
|
||||
:style="isPopupVisiblefiropen?{top:`-60rpx`,left:`0rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
|
||||
待执行
|
||||
</div>
|
||||
</view>
|
||||
<image class="right-container-fir-left-card-img"
|
||||
:style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:`{}`"
|
||||
:style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:{marginTop:`90rpx`}"
|
||||
:src="`/static/index/teeth.png`" @click="closePopup" />
|
||||
<view class="right-container-fir-left-card-main-laba-video">
|
||||
<image class="right-container-fir-left-card-main-laba"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{}"
|
||||
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
|
||||
<text
|
||||
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
|
||||
|
@ -456,14 +457,15 @@
|
|||
准备洁具(口腔)
|
||||
</text>
|
||||
<image class="right-container-fir-left-card-main-video"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:`{}`"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{marginLeft:`-150rpx`}"
|
||||
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="split-line"
|
||||
:style="isPopupVisiblefiropen?{height:`300rpx`}:`{}`">
|
||||
</view>
|
||||
<view class="time-tra-fir">
|
||||
<!-- <view class="split-line" style="height: 300rpx;"
|
||||
>
|
||||
</view> -->
|
||||
<view class="time-tra-fir"
|
||||
:style="isPopupVisiblefiropen?`{}`:{marginTop:`140rpx`,marginLeft:`20rpx`}">
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`"
|
||||
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
|
||||
10:00 - 10:10
|
||||
|
@ -524,7 +526,8 @@
|
|||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
||||
<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis" :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis"
|
||||
:style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
</view>
|
||||
|
@ -533,7 +536,8 @@
|
|||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
||||
<view v-for="(item,index) in huliListDark" :key="index"
|
||||
class="right-huli-view-dis" :style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
class="right-huli-view-dis"
|
||||
:style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||
</view>
|
||||
|
@ -547,13 +551,15 @@
|
|||
</view>
|
||||
<!-- 弹出层左上角结束 -->
|
||||
<!-- 弹出层左下角 -->
|
||||
<view v-if="isPopupVisiblesec" class="popup-overlay" @click="closePopupsec">
|
||||
<view v-if="isPopupVisiblesec" class="popup-overlay" @click="closePopupsec" :style="isPopupVisiblefiropensec?{backdropFilter:`blur(5rpx)`}:`{}`">
|
||||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
|
||||
<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
|
||||
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
|
||||
<div class="right-container-left-font" @click="closePopupsec">医疗类</div>
|
||||
<image v-if="darkFans" class="card-upfaguang-down" :src="`/static/index/cardbgc/uplight.png`" />
|
||||
<image v-if="darkFans" class="card-upfaguang-down"
|
||||
:style="isPopupVisiblefiropensec?{left:`1000rpx`,top:`680rpx`}:`{}`"
|
||||
:src="`/static/index/cardbgc/uplight.png`" />
|
||||
<swiper class="swiper savehundred" circular :indicator-dots="false" :vertical="true"
|
||||
disable-touch>
|
||||
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
|
||||
|
@ -623,7 +629,8 @@
|
|||
赵宇
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-button-view" :style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
||||
<view class="time-button-view"
|
||||
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
||||
<view class="time-button-start"
|
||||
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
开始服务
|
||||
|
@ -682,7 +689,7 @@
|
|||
</view>
|
||||
<!-- 弹出层左下角结束 -->
|
||||
<!-- 弹出层右下角 -->
|
||||
<view v-if="isPopupVisiblethi" class="popup-overlay" @click="closePopupthi">
|
||||
<view v-if="isPopupVisiblethi" class="popup-overlay" @click="closePopupthi" :style="isPopupVisiblefiropenthi?{backdropFilter:`blur(5rpx)`}:`{}`">
|
||||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
|
||||
<view class="right-container-right-father"
|
||||
|
@ -693,7 +700,8 @@
|
|||
:src="`/static/index/baojielei.png`" />
|
||||
<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
|
||||
</div>
|
||||
<view class="uni-margin-wrap" :style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`">
|
||||
<view class="uni-margin-wrap"
|
||||
:style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`">
|
||||
<div class="swiper" circular :indicator-dots="false" disable-touch>
|
||||
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<view class="time-tra-thi-open"
|
||||
|
@ -742,7 +750,8 @@
|
|||
</view>
|
||||
<view
|
||||
:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`">
|
||||
<image class="time-tra-thi-photo-img" style="margin-top: 150rpx;margin-left: -80rpx;"
|
||||
<image class="time-tra-thi-photo-img"
|
||||
style="margin-top: 150rpx;margin-left: -80rpx;"
|
||||
:src="`/static/index/project3.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
|
|
@ -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,11 +1340,15 @@ if (uni.restoreGlobal) {
|
|||
])
|
||||
]),
|
||||
vue.createCommentVNode(" 弹出层左上角 "),
|
||||
$setup.isPopupVisible ? (vue.openBlock(), vue.createElementBlock("view", {
|
||||
$setup.isPopupVisible ? (vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
key: 0,
|
||||
class: "popup-overlay",
|
||||
onClick: $setup.closePopup
|
||||
}, [
|
||||
onClick: $setup.closePopup,
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { backdropFilter: `blur(5rpx)` } : `{}`)
|
||||
},
|
||||
[
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
@ -1390,8 +1394,7 @@ if (uni.restoreGlobal) {
|
|||
vue.renderList([1, 2, 3], (item, index) => {
|
||||
return vue.createElementVNode("swiper-item", {
|
||||
class: "swiper-item-flex",
|
||||
key: index,
|
||||
style: { "margin-top": "30rpx" }
|
||||
key: index
|
||||
}, [
|
||||
vue.createElementVNode("view", { class: "right-container-fir-left-card-flex" }, [
|
||||
vue.createElementVNode("view", { class: "uni-margin-wrap-fir" }, [
|
||||
|
@ -1413,7 +1416,10 @@ if (uni.restoreGlobal) {
|
|||
class: "swiper-item-flex",
|
||||
key: index2
|
||||
}, [
|
||||
vue.createElementVNode("view", { class: "right-container-fir-left-card-card" }, [
|
||||
vue.createElementVNode("view", {
|
||||
class: "right-container-fir-left-card-card",
|
||||
style: { "margin-top": "100rpx" }
|
||||
}, [
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
@ -1425,7 +1431,7 @@ if (uni.restoreGlobal) {
|
|||
"div",
|
||||
{
|
||||
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` } : `{}`)
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { top: `-60rpx`, left: `0rpx`, width: `150rpx`, height: `60rpx`, fontSize: `35rpx`, borderRadius: `8rpx` } : `{}`)
|
||||
},
|
||||
" 待执行 ",
|
||||
4
|
||||
|
@ -1437,14 +1443,14 @@ if (uni.restoreGlobal) {
|
|||
),
|
||||
vue.createElementVNode("image", {
|
||||
class: "right-container-fir-left-card-img",
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `600rpx`, height: `500rpx` } : `{}`),
|
||||
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` } : `{}`),
|
||||
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(
|
||||
|
@ -1459,22 +1465,19 @@ if (uni.restoreGlobal) {
|
|||
),
|
||||
vue.createElementVNode("image", {
|
||||
class: "right-container-fir-left-card-main-video",
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { width: `65rpx`, height: `65rpx` } : `{}`),
|
||||
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(' <view class="split-line" style="height: 300rpx;"\r\n >\r\n </view> '),
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
class: "split-line",
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? { height: `300rpx` } : `{}`)
|
||||
class: "time-tra-fir",
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropen ? `{}` : { marginTop: `140rpx`, marginLeft: `20rpx` })
|
||||
},
|
||||
null,
|
||||
4
|
||||
/* STYLE */
|
||||
),
|
||||
vue.createElementVNode("view", { class: "time-tra-fir" }, [
|
||||
[
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
@ -1562,7 +1565,10 @@ if (uni.restoreGlobal) {
|
|||
/* CLASS, STYLE */
|
||||
)
|
||||
])
|
||||
])
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
)
|
||||
]);
|
||||
}),
|
||||
64
|
||||
|
@ -1695,14 +1701,21 @@ if (uni.restoreGlobal) {
|
|||
4
|
||||
/* STYLE */
|
||||
)
|
||||
])) : vue.createCommentVNode("v-if", true),
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
)) : vue.createCommentVNode("v-if", true),
|
||||
vue.createCommentVNode(" 弹出层左上角结束 "),
|
||||
vue.createCommentVNode(" 弹出层左下角 "),
|
||||
$setup.isPopupVisiblesec ? (vue.openBlock(), vue.createElementBlock("view", {
|
||||
$setup.isPopupVisiblesec ? (vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
key: 1,
|
||||
class: "popup-overlay",
|
||||
onClick: $setup.closePopupsec
|
||||
}, [
|
||||
onClick: $setup.closePopupsec,
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropensec ? { backdropFilter: `blur(5rpx)` } : `{}`)
|
||||
},
|
||||
[
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
@ -1729,8 +1742,9 @@ if (uni.restoreGlobal) {
|
|||
$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, 8, ["src"])) : vue.createCommentVNode("v-if", true),
|
||||
}, null, 12, ["src"])) : vue.createCommentVNode("v-if", true),
|
||||
vue.createElementVNode("swiper", {
|
||||
class: "swiper savehundred",
|
||||
circular: "",
|
||||
|
@ -2125,14 +2139,21 @@ if (uni.restoreGlobal) {
|
|||
4
|
||||
/* STYLE */
|
||||
)
|
||||
])) : vue.createCommentVNode("v-if", true),
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
)) : vue.createCommentVNode("v-if", true),
|
||||
vue.createCommentVNode(" 弹出层左下角结束 "),
|
||||
vue.createCommentVNode(" 弹出层右下角 "),
|
||||
$setup.isPopupVisiblethi ? (vue.openBlock(), vue.createElementBlock("view", {
|
||||
$setup.isPopupVisiblethi ? (vue.openBlock(), vue.createElementBlock(
|
||||
"view",
|
||||
{
|
||||
key: 2,
|
||||
class: "popup-overlay",
|
||||
onClick: $setup.closePopupthi
|
||||
}, [
|
||||
onClick: $setup.closePopupthi,
|
||||
style: vue.normalizeStyle($setup.isPopupVisiblefiropenthi ? { backdropFilter: `blur(5rpx)` } : `{}`)
|
||||
},
|
||||
[
|
||||
vue.createElementVNode(
|
||||
"view",
|
||||
{
|
||||
|
@ -2330,7 +2351,10 @@ if (uni.restoreGlobal) {
|
|||
4
|
||||
/* STYLE */
|
||||
)
|
||||
])) : vue.createCommentVNode("v-if", true),
|
||||
],
|
||||
4
|
||||
/* STYLE */
|
||||
)) : vue.createCommentVNode("v-if", true),
|
||||
vue.createCommentVNode(" 右下角结束 ")
|
||||
])
|
||||
],
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue