2.25.3.3
This commit is contained in:
parent
9152f7ffce
commit
cbfa86853b
|
@ -255,28 +255,28 @@
|
||||||
<image class="time-people-img"
|
<image class="time-people-img"
|
||||||
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
|
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
|
||||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||||
医嘱:药品
|
医嘱类型:药品
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="time-people-thi">
|
<view class="time-people-thi">
|
||||||
<image class="time-people-img"
|
<image class="time-people-img"
|
||||||
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
|
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
|
||||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||||
处置:肌肉注射
|
处置方式:肌肉注射
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="time-people-thi">
|
<view class="time-people-thi">
|
||||||
<image class="time-people-img"
|
<image class="time-people-img"
|
||||||
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
|
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
|
||||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||||
用药:抗生素类
|
用药类型:抗生素类
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="time-people-thi">
|
<view class="time-people-thi">
|
||||||
<image class="time-people-img"
|
<image class="time-people-img"
|
||||||
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
|
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
|
||||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||||
执行:周期一日执行一次
|
执行方式:周期一日执行一次
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="time-people-thi">
|
<view class="time-people-thi">
|
||||||
|
@ -412,7 +412,7 @@
|
||||||
</view>
|
</view>
|
||||||
</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
|
<view class="popup-overlay-content" @click.stop
|
||||||
:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
|
:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
|
||||||
<view class="right-container-fir-left-nav-open">
|
<view class="right-container-fir-left-nav-open">
|
||||||
|
@ -425,7 +425,7 @@
|
||||||
<view class="right-container-fir-left-card-main">
|
<view class="right-container-fir-left-card-main">
|
||||||
<swiper :current="firstcurrentIndexup" class="swiper savehundred" circular
|
<swiper :current="firstcurrentIndexup" class="swiper savehundred" circular
|
||||||
:indicator-dots="false" :vertical="true" disable-touch>
|
: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="right-container-fir-left-card-flex">
|
||||||
<view class="uni-margin-wrap-fir">
|
<view class="uni-margin-wrap-fir">
|
||||||
|
|
||||||
|
@ -435,20 +435,21 @@
|
||||||
disable-touch>
|
disable-touch>
|
||||||
<swiper-item class="swiper-item-flex"
|
<swiper-item class="swiper-item-flex"
|
||||||
v-for="(item,index) in [1,2 ,3]" :key="index">
|
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"
|
<view class="right-container-fir-left-card-zhixing"
|
||||||
:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
|
:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
|
||||||
<div class="right-container-fir-left-card-zhixing-font"
|
<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>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
<image class="right-container-fir-left-card-img"
|
<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" />
|
:src="`/static/index/teeth.png`" @click="closePopup" />
|
||||||
<view class="right-container-fir-left-card-main-laba-video">
|
<view class="right-container-fir-left-card-main-laba-video">
|
||||||
<image class="right-container-fir-left-card-main-laba"
|
<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`" />
|
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
|
||||||
<text
|
<text
|
||||||
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
|
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
|
||||||
|
@ -456,14 +457,15 @@
|
||||||
准备洁具(口腔)
|
准备洁具(口腔)
|
||||||
</text>
|
</text>
|
||||||
<image class="right-container-fir-left-card-main-video"
|
<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`" />
|
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="split-line"
|
<!-- <view class="split-line" style="height: 300rpx;"
|
||||||
:style="isPopupVisiblefiropen?{height:`300rpx`}:`{}`">
|
>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="time-tra-fir">
|
<view class="time-tra-fir"
|
||||||
|
:style="isPopupVisiblefiropen?`{}`:{marginTop:`140rpx`,marginLeft:`20rpx`}">
|
||||||
<view :class="darkFans?`time-font-dark`:`time-font`"
|
<view :class="darkFans?`time-font-dark`:`time-font`"
|
||||||
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
|
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
|
||||||
10:00 - 10:10
|
10:00 - 10:10
|
||||||
|
@ -523,17 +525,19 @@
|
||||||
<view class="right-huli-sec">
|
<view class="right-huli-sec">
|
||||||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
||||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
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" />
|
<image class="right-huli-img" :src="item.url" />
|
||||||
<text class="right-huli-text">{{item.name}}</text>
|
<text class="right-huli-text">{{item.name}}</text>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
<!-- 暗黑模式 -->
|
<!-- 暗黑模式 -->
|
||||||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
||||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`" >
|
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
||||||
<view v-for="(item,index) in huliListDark" :key="index"
|
<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" />
|
<image class="right-huli-img" :src="item.url" />
|
||||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
@ -547,13 +551,15 @@
|
||||||
</view>
|
</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
|
<view class="popup-overlay-content" @click.stop
|
||||||
:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
|
:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
|
||||||
<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
|
<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
|
||||||
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
|
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
|
||||||
<div class="right-container-left-font" @click="closePopupsec">医疗类</div>
|
<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"
|
<swiper class="swiper savehundred" circular :indicator-dots="false" :vertical="true"
|
||||||
disable-touch>
|
disable-touch>
|
||||||
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
|
<swiper-item class="swiper-item-flex" v-for="(item,index) in [1,2 ,3]" :key="index">
|
||||||
|
@ -623,7 +629,8 @@
|
||||||
赵宇
|
赵宇
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="time-button-view" :style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
<view class="time-button-view"
|
||||||
|
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
||||||
<view class="time-button-start"
|
<view class="time-button-start"
|
||||||
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||||
开始服务
|
开始服务
|
||||||
|
@ -682,18 +689,19 @@
|
||||||
</view>
|
</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
|
<view class="popup-overlay-content" @click.stop
|
||||||
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
|
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
|
||||||
<view class="right-container-right-father"
|
<view class="right-container-right-father"
|
||||||
:style="darkFans ? { backgroundColor: 'rgb(17, 45, 74)', backgroundImage :`none` } : {backgroundImage:`url('/static/index/mountain.png')`,backgroundPosition: `60% 50%`}">
|
:style="darkFans ? { backgroundColor: 'rgb(17, 45, 74)', backgroundImage :`none` } : {backgroundImage:`url('/static/index/mountain.png')`,backgroundPosition: `60% 50%`}">
|
||||||
<view class="right-container-right-down-father" >
|
<view class="right-container-right-down-father">
|
||||||
<div class="right-container-fir-left-card-flex-sec" >
|
<div class="right-container-fir-left-card-flex-sec">
|
||||||
<image class="right-container-fir-left-card-flex-sec-img"
|
<image class="right-container-fir-left-card-flex-sec-img"
|
||||||
:src="`/static/index/baojielei.png`" />
|
:src="`/static/index/baojielei.png`" />
|
||||||
<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
|
<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
|
||||||
</div>
|
</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" circular :indicator-dots="false" disable-touch>
|
||||||
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||||
<view class="time-tra-thi-open"
|
<view class="time-tra-thi-open"
|
||||||
|
@ -742,7 +750,8 @@
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`">
|
: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`" />
|
:src="`/static/index/project3.png`" />
|
||||||
<text
|
<text
|
||||||
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
|
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
|
||||||
|
@ -951,7 +960,7 @@
|
||||||
topCom.value = 150;
|
topCom.value = 150;
|
||||||
leftCom.value = 233;
|
leftCom.value = 233;
|
||||||
isPopupVisiblefiropen.value = true;
|
isPopupVisiblefiropen.value = true;
|
||||||
}, 100)
|
}, 10)
|
||||||
}
|
}
|
||||||
const closePopup = () => {
|
const closePopup = () => {
|
||||||
widthCom.value = 1320;
|
widthCom.value = 1320;
|
||||||
|
@ -971,7 +980,7 @@
|
||||||
topComsec.value = 400;
|
topComsec.value = 400;
|
||||||
leftComsec.value = 233;
|
leftComsec.value = 233;
|
||||||
isPopupVisiblefiropensec.value = true;
|
isPopupVisiblefiropensec.value = true;
|
||||||
}, 100)
|
}, 10)
|
||||||
}
|
}
|
||||||
const closePopupsec = () => {
|
const closePopupsec = () => {
|
||||||
widthComsec.value = 1150;
|
widthComsec.value = 1150;
|
||||||
|
@ -991,7 +1000,7 @@
|
||||||
topComthi.value = 400;
|
topComthi.value = 400;
|
||||||
leftComthi.value = 620;
|
leftComthi.value = 620;
|
||||||
isPopupVisiblefiropenthi.value = true;
|
isPopupVisiblefiropenthi.value = true;
|
||||||
}, 100)
|
}, 10)
|
||||||
}
|
}
|
||||||
const closePopupthi = () => {
|
const closePopupthi = () => {
|
||||||
widthComthi.value = 880;
|
widthComthi.value = 880;
|
||||||
|
@ -1757,6 +1766,7 @@
|
||||||
// margin-top: 80rpx;
|
// margin-top: 80rpx;
|
||||||
margin-left: 0rpx;
|
margin-left: 0rpx;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
|
|
||||||
.time-button-start {
|
.time-button-start {
|
||||||
width: 230rpx;
|
width: 230rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
|
@ -2743,6 +2753,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
|
|
||||||
.right-huli-img {
|
.right-huli-img {
|
||||||
width: 90rpx;
|
width: 90rpx;
|
||||||
height: 90rpx;
|
height: 90rpx;
|
||||||
|
@ -3020,11 +3031,21 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
// background: rgba(0, 0, 0, 0.5);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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;
|
z-index: 999;
|
||||||
|
|
||||||
|
@ -3042,7 +3063,7 @@
|
||||||
/* 圆角 */
|
/* 圆角 */
|
||||||
position: relative;
|
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);
|
box-shadow: 0px 8rpx 16rpx rgba(0, 0, 0, 0.3);
|
||||||
|
|
||||||
/* 增强的阴影效果 */
|
/* 增强的阴影效果 */
|
||||||
|
@ -3150,6 +3171,7 @@
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
margin-left: 30rpx;
|
margin-left: 30rpx;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
|
|
||||||
.time-people-two {
|
.time-people-two {
|
||||||
display: flex;
|
display: flex;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
|
@ -3292,8 +3314,8 @@
|
||||||
|
|
||||||
.right-container-fir-left-card-zhixing-font {
|
.right-container-fir-left-card-zhixing-font {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 60rpx;
|
top: 80rpx;
|
||||||
left: 10rpx;
|
left: 0rpx;
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
height: 40rpx;
|
height: 40rpx;
|
||||||
font-size: 25rpx;
|
font-size: 25rpx;
|
||||||
|
@ -3312,13 +3334,14 @@
|
||||||
.right-container-fir-left-card-main-font {
|
.right-container-fir-left-card-main-font {
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
font-weight: 350;
|
font-weight: 350;
|
||||||
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-container-fir-left-card-main-font-dark {
|
.right-container-fir-left-card-main-font-dark {
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
font-weight: 350;
|
font-weight: 350;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -3338,6 +3361,7 @@
|
||||||
.right-container-fir-left-card-main-video {
|
.right-container-fir-left-card-main-video {
|
||||||
width: 45rpx;
|
width: 45rpx;
|
||||||
height: 45rpx;
|
height: 45rpx;
|
||||||
|
transition: all 0.4s ease-in-out;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3556,6 +3580,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
transition: all 0.4s ease-in-out;
|
transition: all 0.4s ease-in-out;
|
||||||
|
|
||||||
.right-container-right-down-left {
|
.right-container-right-down-left {
|
||||||
height: 50rpx;
|
height: 50rpx;
|
||||||
width: 50rpx;
|
width: 50rpx;
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1667,12 +1667,13 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
-webkit-backdrop-filter: blur(0.09375rem);
|
-webkit-backdrop-filter: blur(0.03125rem);
|
||||||
backdrop-filter: blur(0.09375rem);
|
backdrop-filter: blur(0.03125rem);
|
||||||
|
transition: all 0.4s ease-in-out;
|
||||||
|
/* 关键:通过遮罩控制模糊的显示区域 */
|
||||||
/* 添加毛玻璃效果 */
|
/* 添加毛玻璃效果 */
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
@ -1690,7 +1691,6 @@
|
||||||
/* 圆角 */
|
/* 圆角 */
|
||||||
position: relative;
|
position: relative;
|
||||||
/* 增加背景色确保视觉效果 */
|
/* 增加背景色确保视觉效果 */
|
||||||
background-color: rgba(255, 255, 255, 0.6);
|
|
||||||
box-shadow: 0px 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
|
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] {
|
.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;
|
position: absolute;
|
||||||
top: 1.875rem;
|
top: 2.5rem;
|
||||||
left: 0.3125rem;
|
left: 0;
|
||||||
width: 3.125rem;
|
width: 3.125rem;
|
||||||
height: 1.25rem;
|
height: 1.25rem;
|
||||||
font-size: 0.78125rem;
|
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] {
|
.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-size: 1.0625rem;
|
||||||
font-weight: 350;
|
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] {
|
.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-size: 1.0625rem;
|
||||||
font-weight: 350;
|
font-weight: 350;
|
||||||
color: #fff;
|
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] {
|
.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%;
|
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] {
|
.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;
|
width: 1.40625rem;
|
||||||
height: 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] {
|
.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;
|
width: 11.25rem;
|
||||||
|
|
Loading…
Reference in New Issue