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
|
||||
|
|
@ -523,17 +525,19 @@
|
|||
<view class="right-huli-sec">
|
||||
<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`}:`{}`">
|
||||
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`}:`{}`">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- 暗黑模式 -->
|
||||
<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"
|
||||
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,18 +689,19 @@
|
|||
</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"
|
||||
: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" >
|
||||
<div class="right-container-fir-left-card-flex-sec" >
|
||||
<view class="right-container-right-down-father">
|
||||
<div class="right-container-fir-left-card-flex-sec">
|
||||
<image class="right-container-fir-left-card-flex-sec-img"
|
||||
: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;
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -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