This commit is contained in:
Teng 2025-03-07 17:26:02 +08:00
parent 8284f8fff4
commit c6f321b449
59 changed files with 1821 additions and 1616 deletions

View File

@ -1,3 +1,4 @@
<!-- 主页 -->
<template>
<view class="right-container" :style="isshow?{opacity: `1`}:{opacity: `0`}">
<view class="right-container-title-nav">
@ -395,130 +396,118 @@
<!-- 弹出层左上角 -->
<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup"
:style="isPopupVisiblefiropen?{backgroundColor:`rgba(89, 109, 154, 0.5)`}:`{}`">
<!-- <view class="" @click.stop>
</view> -->
<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">
<view :class="darkFans?`right-container-fir-left-card-dark`:`right-container-fir-left-card`">
<image class="right-container-fir-left-card-hulilei" :src="`/static/index/hulilei.png`" />
<div class="right-container-fir-left-card-hulilei-font" @click="closePopup">护理类</div>
<image v-if="darkFans" class="card-upfaguang" :style="isPopupVisiblefiropen?{top:`680rpx`}:`{}`"
:src="`/static/index/cardbgc/uplight.png`" />
<view class="right-container-fir-left-card-main">
<view class="swiper savehundred">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<view class="right-container-fir-left-card-flex"
:style="isPopupVisiblefiropen?{marginTop:`70rpx`}:{marginTop:`0rpx`}">
<view class="uni-margin-wrap-fir">
<view class="swiper" :style="isPopupVisiblefiropen?{height:`700rpx`}:`{}`">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<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:`-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`}:{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`}:{}"
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
<text
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
:class="darkFans?`right-container-fir-left-card-main-font-dark`:`right-container-fir-left-card-main-font`">
准备洁具口腔
</text>
<image class="right-container-fir-left-card-main-video"
: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="height: 300rpx;" :style="isPopupVisiblefiropen?{marginTop:`200rpx`}:`{}`"
> -->
<!-- </view> -->
<view class="time-tra-fir"
:style="isPopupVisiblefiropen?`{}`:{marginTop:`0rpx`,marginLeft:`30rpx`}">
<view :class="darkFans?`time-font-dark`:`time-font`"
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
10:00 - 10:10
</view>
<view :class="darkFans?`time-text-dark`:`time-text`"
:style="isPopupVisiblefiropen?{fontSize:`45rpx`,lineHeight: `70rpx`,width: `800rpx`,marginTop:`50rpx`,marginBottom:`50rpx`}:`{}`">
为老人提供口腔清洁器具牙膏牙刷及水杯看护完成
</view>
<view class="time-people-two"
:style="isPopupVisiblefiropen?{marginBottom:'60rpx'}:`{}`">
<view class="time-people-fir">
<image class="time-people-img"
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`"
:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`"
:style="isPopupVisiblefiropen?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
单人执行
</text>
<view
style="width:1350rpx ;display: flex;justify-content: center;align-items: center;transition: all 0.4s ease-in-out;transform-origin: left top; /* 缩放 */"
:style="isPopupVisiblefiropen?{transform: `scale(1.4)`,marginLeft:`0`,marginTop:`0`}:{transform: `scale(1)`,marginLeft:`0rpx`,marginTop:`-100rpx`}">
<image class="right-container-fir-left-card-hulilei" :src="`/static/index/hulilei.png`" />
<div class="right-container-fir-left-card-hulilei-font" @click="closePopup">护理类</div>
<image v-if="darkFans" class="card-upfaguang" :src="`/static/index/cardbgc/uplight.png`" />
<view class="right-container-fir-left-card-main">
<view class="swiper savehundred">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<view class="right-container-fir-left-card-flex"
style="transition: all 0.4s ease-in-out">
<view class="uni-margin-wrap-fir">
<view class="swiper">
<view class="swiper-item-flex" v-for="(item,index) in [1]"
:key="index">
<view class="right-container-fir-left-card-card"
style="margin-top: 100rpx;">
<view class="right-container-fir-left-card-zhixing">
<div class="right-container-fir-left-card-zhixing-font">
待执行
</div>
</view>
<view class="time-people-sec">
<image class="time-people-img"
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`"
:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`" />
<image class="right-container-fir-left-card-img"
: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"
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`"
:style="isPopupVisiblefiropen?{fontSize:`42rpx`}:`{}`">
--
:class="darkFans?`right-container-fir-left-card-main-font-dark`:`right-container-fir-left-card-main-font`">
准备洁具口腔
</text>
<image class="right-container-fir-left-card-main-video"
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
</view>
</view>
<view class="time-tra-fir"
style="transition: all 0.4s ease-in-out">
<view :class="darkFans?`time-font-dark`:`time-font`">
10:00 - 10:10
</view>
<view :class="darkFans?`time-text-dark`:`time-text`">
为老人提供口腔清洁器具牙膏牙刷及水杯看护完成
</view>
<view class="time-people-two">
<view class="time-people-fir">
<image class="time-people-img"
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`">
单人执行
</text>
</view>
<view class="time-people-sec">
<image class="time-people-img"
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`">
--
</text>
</view>
</view>
<view class="time-button-view">
<view class="time-button-start">
开始服务
</view>
<view
:class="darkFans?`time-button-end-dark`:`time-button-end`">
服务结束
</view>
</view>
</view>
<view class="time-button-view">
<view class="time-button-start"
:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
开始服务
</view>
<view
:class="darkFans?`time-button-end-dark`:`time-button-end`"
:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
服务结束
</view>
</view>
</view>
</view>
</view>
</view>
<view class="split-line-white-right-left"
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
<image v-if="darkFans" class="split-line-white-img"
:src="`/static/index/cardbgc/leftlight.png`" />
</view>
<view class="split-line-white-right-left"
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
<image v-if="darkFans" class="split-line-white-img"
:src="`/static/index/cardbgc/leftlight.png`" />
</view>
</view>
</view>
</view>
</view>
<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`}:`{}`">
<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`}:`{}`">
<view v-for="(item,index) in huliListDark" :key="index" 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>
</scroll-view>
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
<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">
<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis">
<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">
<view v-for="(item,index) in huliListDark" :key="index"
class="right-huli-view-dis">
<image class="right-huli-img" :src="item.url" />
<text class="right-huli-text-dark">{{item.name}}</text>
</view>
</scroll-view>
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
</view>
</view>
</view>
</view>
@ -532,126 +521,127 @@
<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"
:style="isPopupVisiblefiropensec?{left:`1000rpx`,top:`680rpx`}:`{}`"
:src="`/static/index/cardbgc/uplight.png`" />
<view class="swiper savehundred">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<div class="right-container-fir-left-card-flex-sec">
<view class="uni-margin-wrap">
<view class="swiper">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<div class="right-container-left-font-spec"
:style="isPopupVisiblefiropensec?{top:`160rpx`,left:`900rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
进行中
</div>
<view class="time-tra-sec"
:style="isPopupVisiblefiropensec?{width:`800rpx`,marginTop:`70rpx`,marginLeft:`120rpx`}:`{}`">
<view :style="isPopupVisiblefiropensec?{fontSize:`120rpx`}:`{}`"
:class="darkFans?`time-font-dark`:`time-font`">
10:00 - 10:10
</view>
<view
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
<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="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
<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="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
<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="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
<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="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
<image class="time-people-img"
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
单人执行
</text>
<image class="time-people-img"
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
赵宇
</text>
</view>
<view class="time-button-view"
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
<view class="time-button-start"
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
开始服务
<view
style="display: flex;justify-content: center;align-items: center;transition: all 0.4s ease-in-out;"
:style="isPopupVisiblefiropensec?{transform: `scale(1.5)`,marginLeft:``,marginTop:`200rpx`}:{transform: `scale(1)`,marginLeft:`100rpx`,marginTop:`200rpx`}">
<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`" />
<view class="swiper savehundred" style="width: 1000rpx;">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
<div class="right-container-fir-left-card-flex-sec">
<view class="uni-margin-wrap">
<view class="swiper">
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index"
style="transition: all 0.4s ease-in-out">
<div class="right-container-left-font-spec"
:style="isPopupVisiblefiropensec?{top:`120rpx`}:{top:`120rpx`}">
进行中
</div>
<view class="time-tra-sec">
<view :class="darkFans?`time-font-dark`:`time-font`">
10:00 - 10:10
</view>
<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
服务结束
<view :class="`time-people-thi`">
<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`">
<image class="time-people-img"
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`">
单人执行
</text>
<image class="time-people-img"
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
<text
:class="darkFans?`time-people-font-dark`:`time-people-font`">
赵宇
</text>
</view>
<view class="time-button-view"
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
<view class="time-button-start">
开始服务
</view>
<view
:class="darkFans?`time-button-end-dark`:`time-button-end`">
服务结束
</view>
</view>
</view>
</view>
<view
:class="isPopupVisiblefiropensec?`right-container-photo-change`:`right-container-photo`"
@click="showPopupsec">
<image class="right-container-photo-img"
:src="`/static/index/yiliao/project2.png`" />
<text
:class="darkFans?`right-container-photo-text-dark`:`right-container-photo-text`">
脑膜炎(1/2)
</text>
<view :class="`right-container-photo`" @click="showPopupsec">
<image class="right-container-photo-img"
:src="`/static/index/yiliao/project2.png`" />
<text
:class="darkFans?`right-container-photo-text-dark`:`right-container-photo-text`">
脑膜炎(1/2)
</text>
</view>
</view>
</view>
</view>
</view>
</div>
</div>
</view>
</view>
<view class="split-line-white-sec"
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
<image v-if="darkFans" class="split-line-white-img"
:src="`/static/index/cardbgc/leftlight.png`" />
</view>
<view class="right-huli-fir" style="width: 250rpx;height: 700rpx;margin-top: -100rpx;">
<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">
<view v-for="(item,index) in mediumList" :key="index" class="right-huli-view-dis">
<image class="right-huli-img" :src="item.url" />
<text class="right-huli-text">{{item.name}}</text>
<div class="progress-bar-container" v-show="item.number !== 0">
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
</div>
</view>
</scroll-view>
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
class="right-huli-view">
<view v-for="(item,index) in mediumListdark" :key="index" class="right-huli-view-dis">
<image class="right-huli-img" :src="item.url" />
<text class="right-huli-text-dark">{{item.name}}</text>
<div class="progress-bar-container" v-show="item.number !== 0">
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
</div>
</view>
</scroll-view>
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
</view>
</view>
<view class="split-line-white-sec"
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
<image v-if="darkFans" class="split-line-white-img"
:src="`/static/index/cardbgc/leftlight.png`" />
</view>
<view class="right-huli-fir" :style="isPopupVisiblefiropensec?{width:`350rpx`}:`{}`">
<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">
<view v-for="(item,index) in mediumList" :key="index" class="right-huli-view-dis">
<image class="right-huli-img" :src="item.url" />
<text class="right-huli-text">{{item.name}}</text>
<div class="progress-bar-container" v-show="item.number !== 0">
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
</div>
</view>
</scroll-view>
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true" class="right-huli-view">
<view v-for="(item,index) in mediumListdark" :key="index" class="right-huli-view-dis">
<image class="right-huli-img" :src="item.url" />
<text class="right-huli-text-dark">{{item.name}}</text>
<div class="progress-bar-container" v-show="item.number !== 0">
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
</div>
</view>
</scroll-view>
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
</view>
</view>
</view>
@ -663,64 +653,56 @@
<view class="popup-overlay-content" @click.stop
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
<view :class="darkFans ? `right-container-right-father-dark`:`right-container-right-father`">
<view class="right-container-right-down-father">
<view class="right-container-right-down-father"
:style="isPopupVisiblefiropenthi?{transform: `scale(1.8)`,marginLeft:`750rpx`,marginTop:`200rpx`}:{transform: `scale(1)`}">
<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">
<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"
:style="isPopupVisiblefiropenthi?{width:`800rpx`,marginLeft:`150rpx`}:`{}`">
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index"
style="transition: all 0.4s ease-in-out">
<view class="time-tra-thi-open">
<view class="time-tra-thi-zhixing">
<div class="time-tra-thi-zhixing-font"
:style="isPopupVisiblefiropenthi?{top:`90rpx`,left:`200rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
<div class="time-tra-thi-zhixing-font">
待执行
</div>
</view>
<view :class="darkFans?`time-font-dark`:`time-font`"
:style="isPopupVisiblefiropenthi?{fontSize:`100rpx`}:`{}`">
<view :class="darkFans?`time-font-dark`:`time-font`">
10:00 - 10:10
</view>
<view :class="darkFans?`time-text-dark`:`time-text`"
:style="isPopupVisiblefiropenthi?{width:`800rpx`,fontSize:`45rpx`,marginTop:`100rpx`,lineHeight:`60rpx`}:`{}`">
<view :class="darkFans?`time-text-dark`:`time-text`">
为老人提供口腔清洁器具牙膏牙刷及水杯看护完成
</view>
<view class="time-people-two"
:style="isPopupVisiblefiropenthi?{marginTop:`100rpx`,marginBottom:`100rpx`}:`{}`">
<view class="time-people-two">
<image class="time-people-img"
:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
单人执行
</text>
<image class="time-people-img"
:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
王金福 / 李贵田
</text>
</view>
<view class="time-button-view">
<view class="time-button-start"
:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
<view class="time-button-start">
开始服务
</view>
<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
<view :class="darkFans?`time-button-end-dark`:`time-button-end`">
服务结束
</view>
</view>
</view>
<view
:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`">
<view :class="`time-tra-thi-photo`"
:style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:{}">
<image class="time-tra-thi-photo-img"
style="margin-top: 150rpx;margin-left: -80rpx;"
:src="`/static/index/project3.png`" />
:src="`/static/index/project3.png`" @click="closePopupthi" />
<text
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
更换纸尿裤
@ -741,7 +723,7 @@
<script setup lang="ts">
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits } from 'vue';
import type { Link, huliListType, medType, roomBtttonType } from "./index";
import type { huliListType, medType, roomBtttonType } from "./index";
const props = defineProps({
isshow: {
@ -765,7 +747,7 @@
const isPopupVisiblesec = ref(false);
const widthComsec = ref(1150);
const heightComsec = ref(630);
const topComsec = ref(730);
const topComsec = ref(630);
const leftComsec = ref(233);
const isPopupVisiblefiropensec = ref(false);
@ -932,7 +914,10 @@
topCom.value = 145;
leftCom.value = 233;
isPopupVisiblefiropen.value = false;
isPopupVisible.value = false; ''
setTimeout(() => {
isPopupVisible.value = false;
}, 300)
}
//
@ -952,7 +937,10 @@
topComsec.value = 730;
leftComsec.value = 233;
isPopupVisiblefiropensec.value = false;
isPopupVisiblesec.value = false;
setTimeout(() => {
isPopupVisiblesec.value = false;
}, 300)
}
//
@ -972,7 +960,9 @@
topComthi.value = 730;
leftComthi.value = 1420;
isPopupVisiblefiropenthi.value = false;
isPopupVisiblethi.value = false;
setTimeout(() => {
isPopupVisiblethi.value = false;
}, 300)
}
let timerId = null;
//
@ -3145,6 +3135,7 @@
justify-content: center;
align-items: center;
flex-direction: column;
.under-father-light {
position: absolute;
bottom: -20rpx;
@ -3213,46 +3204,52 @@
}
}
.time-tra-thi-photo {
display: flex;
justify-content: center;
align-items: center;
width: 300rpx;
// height: 100%;
flex-direction: column;
// margin-left: -100rpx;
transition: all 0.4s ease-in-out;
.time-tra-thi-photo-img {
width: 330rpx;
height: 330rpx;
margin-top: -100rpx;
margin-left: -50rpx;
.swiper-item-flex {
// transition: all 0.4s ease-in-out;
.time-tra-thi-photo {
display: flex;
justify-content: center;
align-items: center;
width: 300rpx;
// height: 100%;
flex-direction: column;
// margin-left: -100rpx;
transition: all 0.4s ease-in-out;
}
margin-left: 20rpx;
.time-tra-thi-photo-font {
font-size: 30rpx;
margin-right: 50rpx;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-img {
width: 330rpx;
height: 330rpx;
margin-top: -100rpx;
margin-left: -50rpx;
.time-tra-thi-photo-font-dark {
color: #CDD6EA;
font-size: 30rpx;
margin-right: 50rpx;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-font {
font-size: 30rpx;
margin-right: 50rpx;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo-font-dark {
color: #CDD6EA;
font-size: 30rpx;
margin-right: 50rpx;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
}
}
.time-tra-thi-photo-change {
display: flex;
justify-content: center;
@ -3305,15 +3302,6 @@
align-items: center;
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;
@ -3575,15 +3563,15 @@
.right-container-fir-left-card-zhixing {
position: absolute;
top: 10rpx;
left: 870rpx;
top: 52rpx;
left: 810rpx;
transition: all 0.4s ease-in-out;
}
.right-container-fir-left-card-zhixing-font {
position: absolute;
top: -80rpx;
left: 0rpx;
left: 70rpx;
width: 100rpx;
height: 40rpx;
font-size: 25rpx;
@ -3650,7 +3638,7 @@
.right-container-fir-left-card-hulilei {
position: absolute;
top: 38rpx;
top: 120rpx;
left: -10rpx;
width: 220rpx;
height: 73rpx;
@ -3659,7 +3647,7 @@
.right-container-fir-left-card-hulilei-font {
position: absolute;
top: 47rpx;
top: 130rpx;
left: 45rpx;
font-size: 36rpx;
color: #fff;
@ -3672,7 +3660,7 @@
.right-container-left-font-spec {
position: absolute;
top: 110rpx;
top: 150rpx;
left: 580rpx;
width: 100rpx;
height: 40rpx;
@ -4463,7 +4451,7 @@
}
.right-huli-fir {
width: 250rpx;
width: 230rpx;
height: 100%;
// background-color: #047ADB;
margin-top: 0rpx;
@ -4601,7 +4589,7 @@
.right-container-left-type {
position: absolute;
top: 42rpx;
top: 20rpx;
left: -15rpx;
width: 235rpx;
height: 73rpx;
@ -4610,7 +4598,7 @@
.right-container-left-font {
position: absolute;
top: 51rpx;
top: 30rpx;
left: 50rpx;
font-size: 36rpx;
color: #fff;
@ -4829,7 +4817,7 @@
}
.time-people-font {
font-size: 32rpx;
font-size: 30rpx;
margin-right: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;
@ -4839,7 +4827,7 @@
.time-people-font-dark {
color: #CDD6EA;
font-size: 32rpx;
font-size: 30rpx;
margin-right: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;

View File

@ -31,9 +31,47 @@
</text>
</view>
</view>
<view class="doctorsay-container">
<view class="doctorsay-container-view">
<view class="doctorsay-container-items">
<view class="doctorsay-container-up">
<view v-for="(item,index) in doctorsayList" :key="index" @click="upmenuIndex=index">
<view class="doctorsay-container-card"
:style="index === upmenuIndex ? {backgroundColor:`#0184db`} : {}">
<image class="doctorsay-container-card-img"
:src="index === upmenuIndex ? item.targetUrl : item.url" />
<view
:class="(index === upmenuIndex) ? `doctorsay-container-card-font-dark`:`doctorsay-container-card-font`">
{{ item.name }}
</view>
</view>
</view>
</view>
<view class="doctorsay-container-down">
<view class="doctorsay-top"></view>
<scroll-view :scroll-y="canmove" class="doctorsay-container-scroll">
<view v-for="(item,index) in downList" :key="index" class="doctorsay-container-button" @touchstart="handleTouchStart(item,index)" @touchend="handleTouchEnd">
<view class="doctorsay-container-button-gun" v-show="downmenuIndex===index"></view>
<text :class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`"
>{{item}}</text>
</view>
</scroll-view>
<view class="doctorsay-top"></view>
</view>
</view>
<view class="doctorsay-container-container">
<view class="doctorsay-container-title">
<view class="doctorsay-container-left">
<view class="doctorsay-container-left-gun"></view>
<view class="doctorsay-container-left-font">时间矩阵</view>
</view>
<view class="doctorsay-container-right">
2
</view>
</view>
</view>
</view>
<view class="right-container-sec">
<view class="under-father">
<view class="under-father-view" v-for="(item,index) in undericonList" :key="index"
@ -65,9 +103,35 @@
type: Boolean,
required: true,
},
canmove:{
type: Boolean,
required: true,
}
});
//
const downList = ref<String[]>([
"口腔清洁啊",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
"口腔清洁",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
])
//
const undericonList = ref<roomBtttonType[]>([
{ url: '/static/index/undericons/alarm.png', targetUrl: '/static/index/undericons/alarmdark.png', name: '服务考核' },
@ -78,14 +142,25 @@
{ url: '/static/index/darkicon/dianqidark.png', targetUrl: '/static/index/roomicons/dianqitar.png', name: '我的指令' },
]);
//
const doctorsayList = ref<roomBtttonType[]>([
{ url: '/static/index/doctorsay/light/clean.png', targetUrl: '/static/index/doctorsay/dark/clean.png', name: '清洁' },
{ url: '/static/index/doctorsay/light/drink.png', targetUrl: '/static/index/doctorsay/dark/drink.png', name: '饮食' },
{ url: '/static/index/doctorsay/light/bed.png', targetUrl: '/static/index/doctorsay/dark/bed.png', name: '睡眠' },
{ url: '/static/index/doctorsay/light/shi.png', targetUrl: '/static/index/doctorsay/dark/shi.png', name: '排便' },
{ url: '/static/index/doctorsay/light/use.png', targetUrl: '/static/index/doctorsay/dark/use.png', name: '日常' },
]);
//
const undermenuIndex = ref<number>(0);
const upmenuIndex = ref<number>(0);
const downmenuIndex = ref<number>(0);
//
// const darkFans = ref<boolean>(false);
const underFans = ref<boolean>(false);
//
const roomTar = ref<number[]>([]);
const emit = defineEmits(['darkchange']);
const emit = defineEmits(['darkchange','savename']);
//
const darkFanschange = () => {
emit('darkchange', !props.darkFans);
@ -95,15 +170,22 @@
undermenuIndex.value = index;
};
const timer = ref(null);//
//
const handleTouchStart = (item:string,index : number) => {
timer.value = setTimeout(() => {
downmenuIndex.value = index
emit('savename', item);
}, 500);
}
//
const handleTouchEnd = () => {
if (timer.value) {
clearTimeout(timer.value);
timer.value = null;
}
};
//
onMounted(() => {
});
//
onBeforeUnmount(() => {
});
</script>
<style lang="less" scoped>
@ -111,12 +193,129 @@
width: calc(100% - 235rpx);
height: 100vh;
transition: opacity 1s ease;
.doctorsay-container{
width: 1850rpx;
height: 1220rpx;
background-color: #fff;
border-radius: 80rpx;
position: relative;
.move-font{
position: absolute;
font-size: 35rpx;
font-weight: 700;
}
.doctorsay-container-view {
width: 100%;
height: 1220rpx;
display: flex;
.doctorsay-container-items {
width: 310rpx;
height: 1220rpx;
.doctorsay-container-up {
display: flex;
flex-wrap: wrap;
.doctorsay-container-card {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgb(221, 234, 250);
width: 130rpx;
height: 130rpx;
margin: 0 18rpx 15rpx 0rpx;
border-radius: 30rpx;
border: 2rpx solid rgb(221, 234, 250);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
.doctorsay-container-card-img {
width: 75rpx;
height: 75rpx;
}
.doctorsay-container-card-font {
font-size: 26rpx;
}
.doctorsay-container-card-font-dark {
font-size: 26rpx;
color: #FFFFFF;
}
}
}
.doctorsay-container-down {
background-color: rgb(221, 234, 250);
width: 290rpx;
height: 770rpx;
border-radius: 40rpx;
margin-top: 0rpx;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
.doctorsay-container-scroll {
height: 690rpx;
}
.doctorsay-top {
height: 40rpx;
}
.doctorsay-container-button {
display: flex;
justify-content: center;
align-items: center;
height: 85rpx;
font-size: 35rpx;
font-weight: 700;
position: relative;
.doctorsay-container-text-target{
color:#016AD1;
background-color: #c9e8ff;
padding: 10rpx 30rpx;
border-radius: 40rpx;
border: 2rpx solid #fff;
font-size: 40rpx;
}
.doctorsay-container-button-gun {
position: absolute;
top: 22rpx;
left: 1rpx;
width: 10rpx;
height: 42rpx;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 10rpx;
}
}
}
}
.doctorsay-container-container {
width: 1730rpx;
height: 1220rpx;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 60rpx;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
overflow: hidden;
.doctorsay-container-title{
width: 100%;
height: 130rpx;
background-color: #c9e8ff;
display: flex;
align-items: center;
justify-content: space-between;
.doctorsay-container-left{
display: flex;
.doctorsay-container-left-gun{
margin-left: 40rpx;
margin-right: 20rpx;
width: 13rpx;
height: 55rpx;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 10rpx;
}
.doctorsay-container-left-font{
font-size: 42rpx;
font-weight: 700;
}
}
}
}
}
.right-container-sec {
width: 100%;
display: flex;

View File

@ -29,7 +29,8 @@
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app x",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"backgroundColor": "#F8F8F8",
"bounce": "none" //
},
"uniIdRouter": {}
}

View File

@ -1,5 +1,8 @@
<template>
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`">
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" @touchmove="getxy" @touchend="cleanall">
<view class="move-font" v-show="savename" :style="{ top: `${clientY}rpx`, left: `${clientX}rpx` }">
{{savename}}
</view>
<view class="left-container">
<view class="left-head">
<image class="left-head-img" src="/static/index/oldman.png" />
@ -18,8 +21,7 @@
</view>
</view>
<rightItemsfirst :isshow="menuIndexshow" :darkFans="darkFans" v-show="!menuIndex" @darkchange="darkchange" />
<rightItemssecond :isshow="menuIndexshowsecond" :darkFans="darkFans" v-show="menuIndex==1" @darkchange="darkchange"/>
<!-- -->
<rightItemssecond :isshow="menuIndexshowsecond" :canmove="canmove" :darkFans="darkFans" v-show="menuIndex==1" @darkchange="darkchange" @savename="openname"/>
</view>
</template>
@ -41,7 +43,7 @@
]);
//
const menuIndex = ref<number>(0);
const menuIndex = ref<number>(1);
const menuIndexshow = ref<boolean>(false);
const menuIndexshowsecond = ref<boolean>(false);
//
@ -85,7 +87,27 @@
}
},50)
};
const clientX = ref(0);
const clientY = ref(0);
const savename = ref("")
const canmove = ref(true)
//xy
const getxy = (event) => {
const touch = event.touches[0];
clientX.value = 2*(Math.floor(touch.clientX) - 60);
clientY.value = 2*(Math.floor(touch.clientY) - 55);
}
const openname = (res:string) =>{
savename.value = res;
canmove.value = false;
}
//
const cleanall = () =>{
savename.value = "";
clientX.value = 9999;
clientY.value = 9999;
canmove.value = true;
}
//
onShow(() => {
//
@ -106,6 +128,7 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 12;
}
//
@ -118,6 +141,13 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 11;
}
.move-font{
position: absolute;
font-size: 45rpx;
font-weight: 700;
z-index: 10;
}
.left-container {
width: 235rpx;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
;(function(){
let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[];
const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app x","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"养老App","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"4.45","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}};
const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","bounce":"none","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app x","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"养老App","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"4.45","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}};
const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/login/login","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/somethingmove/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute));
__uniConfig.styles=[];//styles
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});

File diff suppressed because it is too large Load Diff

View File

@ -1849,22 +1849,23 @@
margin-top: -0.3125rem;
margin-left: 0.25rem;
}
.time-tra-thi-photo[data-v-9f74ebdb] {
.swiper-item-flex .time-tra-thi-photo[data-v-9f74ebdb] {
display: flex;
justify-content: center;
align-items: center;
width: 9.375rem;
flex-direction: column;
transition: all 0.4s ease-in-out;
margin-left: 0.625rem;
}
.time-tra-thi-photo .time-tra-thi-photo-img[data-v-9f74ebdb] {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-img[data-v-9f74ebdb] {
width: 10.3125rem;
height: 10.3125rem;
margin-top: -3.125rem;
margin-left: -1.5625rem;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo .time-tra-thi-photo-font[data-v-9f74ebdb] {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font[data-v-9f74ebdb] {
font-size: 0.9375rem;
margin-right: 1.5625rem;
text-overflow: ellipsis;
@ -1872,7 +1873,7 @@
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo .time-tra-thi-photo-font-dark[data-v-9f74ebdb] {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font-dark[data-v-9f74ebdb] {
color: #CDD6EA;
font-size: 0.9375rem;
margin-right: 1.5625rem;
@ -1926,7 +1927,6 @@
-webkit-backdrop-filter: blur(0.03125rem);
backdrop-filter: blur(0.03125rem);
transition: all 0.4s ease-in-out;
/* 关键:通过遮罩控制模糊的显示区域 */
/* 添加毛玻璃效果 */
z-index: 999;
}
@ -2145,14 +2145,14 @@
}
.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[data-v-9f74ebdb] {
position: absolute;
top: 0.3125rem;
left: 27.1875rem;
top: 1.625rem;
left: 25.3125rem;
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-zhixing-font[data-v-9f74ebdb] {
position: absolute;
top: -2.5rem;
left: 0;
left: 2.1875rem;
width: 3.125rem;
height: 1.25rem;
font-size: 0.78125rem;
@ -2206,7 +2206,7 @@
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei[data-v-9f74ebdb] {
position: absolute;
top: 1.1875rem;
top: 3.75rem;
left: -0.3125rem;
width: 6.875rem;
height: 2.28125rem;
@ -2214,7 +2214,7 @@
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font[data-v-9f74ebdb] {
position: absolute;
top: 1.46875rem;
top: 4.0625rem;
left: 1.40625rem;
font-size: 1.125rem;
color: #fff;
@ -2222,7 +2222,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-font-spec[data-v-9f74ebdb] {
position: absolute;
top: 3.4375rem;
top: 4.6875rem;
left: 18.125rem;
width: 3.125rem;
height: 1.25rem;
@ -2884,7 +2884,7 @@
z-index: 11;
}
.popup-overlay .popup-overlay-content .right-huli-fir[data-v-9f74ebdb] {
width: 7.8125rem;
width: 7.1875rem;
height: 100%;
margin-top: 0;
display: flex;
@ -3000,7 +3000,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-type[data-v-9f74ebdb] {
position: absolute;
top: 1.3125rem;
top: 0.625rem;
left: -0.46875rem;
width: 7.34375rem;
height: 2.28125rem;
@ -3008,7 +3008,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-font[data-v-9f74ebdb] {
position: absolute;
top: 1.59375rem;
top: 0.9375rem;
left: 1.5625rem;
font-size: 1.125rem;
color: #fff;
@ -3200,7 +3200,7 @@
transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font[data-v-9f74ebdb] {
font-size: 1rem;
font-size: 0.9375rem;
margin-right: 0.625rem;
text-overflow: ellipsis;
white-space: nowrap;
@ -3209,7 +3209,7 @@
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark[data-v-9f74ebdb] {
color: #CDD6EA;
font-size: 1rem;
font-size: 0.9375rem;
margin-right: 0.625rem;
text-overflow: ellipsis;
white-space: nowrap;
@ -3322,12 +3322,123 @@
width: calc(100% - 7.34375rem);
height: 100vh;
transition: opacity 1s ease;
position: relative;
}
.right-container .doctorsay-container[data-v-337bb5da] {
width: 57.8125rem;
.right-container .move-font[data-v-337bb5da] {
position: absolute;
font-size: 1.09375rem;
font-weight: 700;
}
.right-container .doctorsay-container-view[data-v-337bb5da] {
width: 100%;
height: 38.125rem;
background-color: #fff;
border-radius: 2.5rem;
display: flex;
}
.right-container .doctorsay-container-view .doctorsay-container-items[data-v-337bb5da] {
width: 9.6875rem;
height: 38.125rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up[data-v-337bb5da] {
display: flex;
flex-wrap: wrap;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card[data-v-337bb5da] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #ddeafa;
width: 4.0625rem;
height: 4.0625rem;
margin: 0 0.5625rem 0.46875rem 0;
border-radius: 0.9375rem;
border: 0.0625rem solid #ddeafa;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img[data-v-337bb5da] {
width: 2.34375rem;
height: 2.34375rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font[data-v-337bb5da] {
font-size: 0.8125rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark[data-v-337bb5da] {
font-size: 0.8125rem;
color: #FFFFFF;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down[data-v-337bb5da] {
background-color: #ddeafa;
width: 9.0625rem;
height: 24.0625rem;
border-radius: 1.25rem;
margin-top: 0;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll[data-v-337bb5da] {
height: 21.5625rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-top[data-v-337bb5da] {
height: 1.25rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button[data-v-337bb5da] {
display: flex;
justify-content: center;
align-items: center;
height: 2.65625rem;
font-size: 1.09375rem;
font-weight: 700;
position: relative;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target[data-v-337bb5da] {
color: #016AD1;
background-color: #c9e8ff;
padding: 0.3125rem 0.9375rem;
border-radius: 1.25rem;
border: 0.0625rem solid #fff;
font-size: 1.25rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun[data-v-337bb5da] {
position: absolute;
top: 0.6875rem;
left: 0.03125rem;
width: 0.3125rem;
height: 1.3125rem;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 0.3125rem;
}
.right-container .doctorsay-container-view .doctorsay-container-container[data-v-337bb5da] {
width: 54.0625rem;
height: 38.125rem;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 1.875rem;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
overflow: hidden;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title[data-v-337bb5da] {
width: 100%;
height: 4.0625rem;
background-color: #c9e8ff;
display: flex;
align-items: center;
justify-content: space-between;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left[data-v-337bb5da] {
display: flex;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun[data-v-337bb5da] {
margin-left: 1.25rem;
margin-right: 0.625rem;
width: 0.40625rem;
height: 1.71875rem;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 0.3125rem;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font[data-v-337bb5da] {
font-size: 1.3125rem;
font-weight: 700;
}
.right-container .right-container-sec[data-v-337bb5da] {
width: 100%;
@ -3461,6 +3572,7 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 12;
}
.darkbackgroundContainer[data-v-1cf27b2a] {
display: flex;
@ -3471,6 +3583,13 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 11;
}
.move-font[data-v-1cf27b2a] {
position: absolute;
font-size: 1.40625rem;
font-weight: 700;
z-index: 10;
}
.left-container[data-v-1cf27b2a] {
width: 7.34375rem;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -8,7 +8,8 @@
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app x",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"backgroundColor": "#F8F8F8",
"bounce": "none"
},
"usingComponents": {}
}

View File

@ -6879,7 +6879,7 @@ function initOnError() {
function initRuntimeSocketService() {
const hosts = "192.168.2.36,127.0.0.1";
const port = "8090";
const id = "mp-weixin_U_yuEH";
const id = "mp-weixin_0XB_2U";
const lazy = typeof swan !== "undefined";
let restoreError = lazy ? () => {
} : initOnError();

View File

@ -1,85 +0,0 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const common_assets = require("../../common/assets.js");
const _sfc_main = {
__name: "leftMenu",
props: {
darkFans: {
type: Boolean,
default: false
},
menuIndex: {
type: Number,
default: 0
}
},
emits: ["click"],
setup(__props, { emit: __emit }) {
const iconList = common_vendor.ref([
{
url: "/static/index/lefticon/index.png",
targetUrl: "/static/index/lefticontarget/blueindex.png",
path: `/pages/index/index`
},
{
url: "/static/index/lefticon/nurse.png",
targetUrl: "/static/index/lefticontarget/bluenurse.png",
path: `/pages/doctorsay/index`
},
{
url: "/static/index/lefticon/doctor.png",
targetUrl: "/static/index/lefticontarget/bluedoctor.png",
path: ""
},
{
url: "/static/index/lefticon/give.png",
targetUrl: "/static/index/lefticontarget/givedark.png",
path: ""
},
{
url: "/static/index/lefticon/wifi.png",
targetUrl: "/static/index/lefticontarget/bluewifi.png",
path: ""
},
{
url: "/static/index/lefticon/back.png",
targetUrl: "/static/index/lefticontarget/blueback.png",
path: ""
}
]);
const jumpTonew = (path) => {
const pages = getCurrentPages();
if (pages.length === 0)
return;
const currentPage = pages[pages.length - 1];
const currentPath = "/" + currentPage.route;
if (currentPath !== path && path) {
common_vendor.index.redirectTo({
url: path,
animationType: "none",
// 取消动画效果
animationDuration: 0
// 设置动画持续时间为0表示没有动画
});
}
};
return (_ctx, _cache) => {
return {
a: common_assets._imports_0,
b: common_vendor.n(__props.darkFans ? `left-head-font-dark` : `left-head-font`),
c: common_vendor.f(iconList.value, (item, index, i0) => {
return {
a: index == __props.menuIndex,
b: index == __props.menuIndex ? item.targetUrl : item.url,
c: common_vendor.o(($event) => jumpTonew(item.path), index),
d: index
};
}),
d: `/static/index/ray.png`
};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d0ac6a5e"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/component/public/leftMenu.js.map

View File

@ -1,4 +0,0 @@
{
"component": true,
"usingComponents": {}
}

View File

@ -1 +0,0 @@
<view class="left-container data-v-d0ac6a5e"><view class="left-head data-v-d0ac6a5e"><image class="left-head-img data-v-d0ac6a5e" src="{{a}}"/><text class="{{['data-v-d0ac6a5e', b]}}"> 王金凤 </text></view><view class="left-img-container data-v-d0ac6a5e"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="blue-circle-pos data-v-d0ac6a5e"><view class="blue-circle data-v-d0ac6a5e" hidden="{{!item.a}}"><image class="blue-circle-size data-v-d0ac6a5e" src="{{d}}"/></view><image class="left-img data-v-d0ac6a5e" src="{{item.b}}" bindtap="{{item.c}}"/></view></view></view>

View File

@ -1,50 +0,0 @@
.left-container.data-v-d0ac6a5e {
width: 235rpx;
height: 100%;
}
.left-container .blue-circle-pos.data-v-d0ac6a5e {
position: relative;
}
.left-container .blue-circle-pos .blue-circle.data-v-d0ac6a5e {
position: absolute;
top: -50rpx;
left: -68rpx;
}
.left-container .blue-circle-pos .blue-circle .blue-circle-size.data-v-d0ac6a5e {
width: 170rpx;
height: 250rpx;
}
.left-container .left-head.data-v-d0ac6a5e {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.left-container .left-head .left-head-img.data-v-d0ac6a5e {
width: 150rpx;
height: 150rpx;
margin-top: 60rpx;
}
.left-container .left-head .left-head-font.data-v-d0ac6a5e {
font-weight: 700;
font-size: 40rpx;
}
.left-container .left-head .left-head-font-dark.data-v-d0ac6a5e {
font-weight: 700;
font-size: 40rpx;
background: linear-gradient(to right, #EBF4FF, #ADC4E0);
-webkit-background-clip: text;
color: transparent;
}
.left-container .left-img-container.data-v-d0ac6a5e {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.left-container .left-img-container .left-img.data-v-d0ac6a5e {
width: 93rpx;
height: 93rpx;
margin: 50rpx 0;
z-index: 100;
}

View File

@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
const isPopupVisiblesec = common_vendor.ref(false);
const widthComsec = common_vendor.ref(1150);
const heightComsec = common_vendor.ref(630);
const topComsec = common_vendor.ref(730);
const topComsec = common_vendor.ref(630);
const leftComsec = common_vendor.ref(233);
const isPopupVisiblefiropensec = common_vendor.ref(false);
const isPopupVisiblethi = common_vendor.ref(false);
@ -145,7 +145,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
topCom.value = 145;
leftCom.value = 233;
isPopupVisiblefiropen.value = false;
isPopupVisible.value = false;
setTimeout(() => {
isPopupVisible.value = false;
}, 300);
};
const showPopupsec = () => {
isPopupVisiblesec.value = true;
@ -163,7 +165,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
topComsec.value = 730;
leftComsec.value = 233;
isPopupVisiblefiropensec.value = false;
isPopupVisiblesec.value = false;
setTimeout(() => {
isPopupVisiblesec.value = false;
}, 300);
};
const showPopupthi = () => {
isPopupVisiblethi.value = true;
@ -181,7 +185,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
topComthi.value = 730;
leftComthi.value = 1420;
isPopupVisiblefiropenthi.value = false;
isPopupVisiblethi.value = false;
setTimeout(() => {
isPopupVisiblethi.value = false;
}, 300);
};
let timerId = null;
common_vendor.onMounted(() => {
@ -444,12 +450,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
br: common_vendor.o(closePopup),
bs: __props.darkFans
}, __props.darkFans ? {
bt: common_vendor.s(isPopupVisiblefiropen.value ? {
top: `680rpx`
} : `{}`),
bv: `/static/index/cardbgc/uplight.png`
bt: `/static/index/cardbgc/uplight.png`
} : {}, {
bw: common_vendor.f([1], (item, index, i0) => {
bv: common_vendor.f([1], (item, index, i0) => {
return common_vendor.e({
a: common_vendor.f([1], (item2, index2, i1) => {
return {
@ -463,162 +466,71 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
c: index
});
}),
bx: common_vendor.s(isPopupVisiblefiropen.value ? {
top: `-60rpx`,
left: `0rpx`,
width: `150rpx`,
height: `60rpx`,
fontSize: `35rpx`,
borderRadius: `8rpx`
} : `{}`),
by: common_vendor.s(isPopupVisiblefiropen.value ? {
top: `40rpx`,
left: `1300rpx`
} : `{}`),
bz: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `600rpx`,
height: `500rpx`
} : {
marginTop: `-90rpx`
}),
bA: `/static/index/teeth.png`,
bB: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `65rpx`,
height: `65rpx`
} : {}),
bC: __props.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`,
bD: common_vendor.s(isPopupVisiblefiropen.value ? {
fontSize: `46rpx`,
width: `400rpx`
} : `{}`),
bE: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`),
bF: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `65rpx`,
height: `65rpx`
} : {
marginLeft: `-150rpx`
}),
bG: __props.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`,
bH: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
bI: common_vendor.s(isPopupVisiblefiropen.value ? {
fontSize: `100rpx`
} : `{}`),
bJ: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
bK: common_vendor.s(isPopupVisiblefiropen.value ? {
fontSize: `45rpx`,
lineHeight: `70rpx`,
width: `800rpx`,
marginTop: `50rpx`,
marginBottom: `50rpx`
} : `{}`),
bL: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
bM: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `55rpx`,
height: `55rpx`
} : `{}`),
bN: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
bO: common_vendor.s(isPopupVisiblefiropen.value ? {
fontSize: `42rpx`,
marginRight: "40rpx"
} : `{}`),
bP: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
bQ: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `55rpx`,
height: `55rpx`
} : `{}`),
bR: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
bS: common_vendor.s(isPopupVisiblefiropen.value ? {
fontSize: `42rpx`
} : `{}`),
bT: common_vendor.s(isPopupVisiblefiropen.value ? {
marginBottom: "60rpx"
} : `{}`),
bU: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
bV: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
bW: common_vendor.s(isPopupVisiblefiropen.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
bX: common_vendor.s(isPopupVisiblefiropen.value ? `{}` : {
marginTop: `0rpx`,
marginLeft: `30rpx`
}),
bY: common_vendor.s(isPopupVisiblefiropen.value ? {
height: `700rpx`
} : `{}`),
bZ: __props.darkFans,
ca: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
cb: common_vendor.s(isPopupVisiblefiropen.value ? {
marginTop: `70rpx`
} : {
marginTop: `0rpx`
}),
cc: `/static/index/hulilist/shang.png`,
cd: !__props.darkFans
bw: `/static/index/teeth.png`,
bx: __props.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`,
by: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`),
bz: __props.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`,
bA: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
bB: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
bC: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
bD: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
bE: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
bF: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
bG: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
bH: __props.darkFans,
bI: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
bJ: `/static/index/hulilist/shang.png`,
bK: !__props.darkFans
}, !__props.darkFans ? {
ce: common_vendor.f(huliList.value, (item, index, i0) => {
bL: common_vendor.f(huliList.value, (item, index, i0) => {
return {
a: item.url,
b: common_vendor.t(item.name),
c: index
};
}),
cf: common_vendor.s(isPopupVisiblefiropen.value ? {
height: `200rpx`
} : `{}`),
cg: common_vendor.s(isPopupVisiblefiropen.value ? {
height: `600rpx`
} : `{}`)
})
} : {}, {
ch: __props.darkFans
bM: __props.darkFans
}, __props.darkFans ? {
ci: common_vendor.f(huliListDark.value, (item, index, i0) => {
bN: common_vendor.f(huliListDark.value, (item, index, i0) => {
return {
a: item.url,
b: common_vendor.t(item.name),
c: index
};
}),
cj: common_vendor.s(isPopupVisiblefiropen.value ? {
height: `200rpx`
} : `{}`),
ck: common_vendor.s(isPopupVisiblefiropen.value ? {
height: `600rpx`
} : `{}`)
})
} : {}, {
cl: `/static/index/hulilist/xia.png`,
cm: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`),
cn: common_vendor.o(() => {
bO: `/static/index/hulilist/xia.png`,
bP: common_vendor.s(isPopupVisiblefiropen.value ? {
transform: `scale(1.4)`,
marginLeft: `0`,
marginTop: `0`
} : {
transform: `scale(1)`,
marginLeft: `0rpx`,
marginTop: `-100rpx`
}),
co: widthCom.value + "rpx",
cp: heightCom.value + "rpx",
cq: topCom.value + "rpx",
cr: leftCom.value + "rpx",
cs: common_vendor.o(closePopup),
ct: common_vendor.s(isPopupVisiblefiropen.value ? {
bQ: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`),
bR: common_vendor.o(() => {
}),
bS: widthCom.value + "rpx",
bT: heightCom.value + "rpx",
bU: topCom.value + "rpx",
bV: leftCom.value + "rpx",
bW: common_vendor.o(closePopup),
bX: common_vendor.s(isPopupVisiblefiropen.value ? {
backgroundColor: `rgba(89, 109, 154, 0.5)`
} : `{}`)
}) : {}, {
cv: isPopupVisiblesec.value
bY: isPopupVisiblesec.value
}, isPopupVisiblesec.value ? common_vendor.e({
cw: `/static/index/yiliao/yiliaolei.png`,
cx: common_vendor.o(closePopupsec),
cy: __props.darkFans
bZ: `/static/index/yiliao/yiliaolei.png`,
ca: common_vendor.o(closePopupsec),
cb: __props.darkFans
}, __props.darkFans ? {
cz: common_vendor.s(isPopupVisiblefiropensec.value ? {
left: `1000rpx`,
top: `680rpx`
} : `{}`),
cA: `/static/index/cardbgc/uplight.png`
cc: `/static/index/cardbgc/uplight.png`
} : {}, {
cB: common_vendor.f([1], (item, index, i0) => {
cd: common_vendor.f([1], (item, index, i0) => {
return {
a: common_vendor.f([1], (item2, index2, i1) => {
return {
@ -629,68 +541,45 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
b: index
};
}),
cC: common_vendor.s(isPopupVisiblefiropensec.value ? {
top: `160rpx`,
left: `900rpx`,
width: `150rpx`,
height: `60rpx`,
fontSize: `35rpx`,
borderRadius: `8rpx`
} : `{}`),
cD: common_vendor.s(isPopupVisiblefiropensec.value ? {
fontSize: `120rpx`
} : `{}`),
cE: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
cF: __props.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png`,
cG: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cH: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
cI: __props.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png`,
cJ: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cK: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
cL: __props.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png`,
cM: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cN: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
cO: __props.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png`,
cP: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cQ: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
cR: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
cS: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cT: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
cU: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cV: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
cW: common_vendor.s(isPopupVisiblefiropensec.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
cX: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
cY: common_vendor.s(isPopupVisiblefiropensec.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
cZ: common_vendor.s(isPopupVisiblefiropensec.value ? {
ce: common_vendor.s(isPopupVisiblefiropensec.value ? {
top: `120rpx`
} : {
top: `120rpx`
}),
cf: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
cg: __props.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png`,
ch: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
ci: common_vendor.n(`time-people-thi`),
cj: __props.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png`,
ck: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cl: common_vendor.n(`time-people-thi`),
cm: __props.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png`,
cn: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
co: common_vendor.n(`time-people-thi`),
cp: __props.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png`,
cq: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cr: common_vendor.n(`time-people-thi`),
cs: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
ct: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cv: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
cw: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
cx: common_vendor.n(`time-people-thi`),
cy: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
cz: common_vendor.s(isPopupVisiblefiropensec.value ? {
marginTop: `50rpx`
} : `{}`),
da: common_vendor.s(isPopupVisiblefiropensec.value ? {
width: `800rpx`,
marginTop: `70rpx`,
marginLeft: `120rpx`
} : `{}`),
db: `/static/index/yiliao/project2.png`,
dc: common_vendor.n(__props.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`),
dd: common_vendor.n(isPopupVisiblefiropensec.value ? `right-container-photo-change` : `right-container-photo`),
de: __props.darkFans
cA: `/static/index/yiliao/project2.png`,
cB: common_vendor.n(__props.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`),
cC: common_vendor.n(`right-container-photo`),
cD: __props.darkFans
}, __props.darkFans ? {
df: `/static/index/cardbgc/leftlight.png`
cE: `/static/index/cardbgc/leftlight.png`
} : {}, {
dg: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
dh: `/static/index/hulilist/shang.png`,
di: !__props.darkFans
cF: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
cG: `/static/index/hulilist/shang.png`,
cH: !__props.darkFans
}, !__props.darkFans ? {
dj: common_vendor.f(mediumList.value, (item, index, i0) => {
cI: common_vendor.f(mediumList.value, (item, index, i0) => {
return {
a: item.url,
b: common_vendor.t(item.name),
@ -700,9 +589,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
};
})
} : {}, {
dk: __props.darkFans
cJ: __props.darkFans
}, __props.darkFans ? {
dl: common_vendor.f(mediumListdark.value, (item, index, i0) => {
cK: common_vendor.f(mediumListdark.value, (item, index, i0) => {
return {
a: item.url,
b: common_vendor.t(item.name),
@ -712,110 +601,71 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
};
})
} : {}, {
dm: `/static/index/hulilist/xia.png`,
dn: common_vendor.s(isPopupVisiblefiropensec.value ? {
width: `350rpx`
} : `{}`),
dp: common_vendor.n(__props.darkFans ? `right-container-left-dark` : `right-container-left`),
dq: common_vendor.o(() => {
cL: `/static/index/hulilist/xia.png`,
cM: common_vendor.s(isPopupVisiblefiropensec.value ? {
transform: `scale(1.5)`,
marginLeft: ``,
marginTop: `200rpx`
} : {
transform: `scale(1)`,
marginLeft: `100rpx`,
marginTop: `200rpx`
}),
dr: widthComsec.value + "rpx",
ds: heightComsec.value + "rpx",
dt: topComsec.value + "rpx",
dv: leftComsec.value + "rpx",
dw: common_vendor.o(closePopupsec),
dx: common_vendor.s(isPopupVisiblefiropensec.value ? {
cN: common_vendor.n(__props.darkFans ? `right-container-left-dark` : `right-container-left`),
cO: common_vendor.o(() => {
}),
cP: widthComsec.value + "rpx",
cQ: heightComsec.value + "rpx",
cR: topComsec.value + "rpx",
cS: leftComsec.value + "rpx",
cT: common_vendor.o(closePopupsec),
cU: common_vendor.s(isPopupVisiblefiropensec.value ? {
backgroundColor: `rgba(89, 109, 154, 0.5)`
} : `{}`)
}) : {}, {
dy: isPopupVisiblethi.value
cV: isPopupVisiblethi.value
}, isPopupVisiblethi.value ? {
dz: `/static/index/baojielei.png`,
dA: common_vendor.o(closePopupthi),
dB: common_vendor.f([1], (item, index, i0) => {
cW: `/static/index/baojielei.png`,
cX: common_vendor.o(closePopupthi),
cY: common_vendor.f([1], (item, index, i0) => {
return {
a: index
a: common_vendor.o(closePopupthi, index),
b: index
};
}),
dC: common_vendor.s(isPopupVisiblefiropenthi.value ? {
top: `90rpx`,
left: `200rpx`,
width: `150rpx`,
height: `60rpx`,
fontSize: `35rpx`,
borderRadius: `8rpx`
} : `{}`),
dD: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
dE: common_vendor.s(isPopupVisiblefiropenthi.value ? {
fontSize: `100rpx`
} : `{}`),
dF: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
dG: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `800rpx`,
fontSize: `45rpx`,
marginTop: `100rpx`,
lineHeight: `60rpx`
} : `{}`),
dH: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `55rpx`,
height: `55rpx`
} : `{}`),
dI: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
dJ: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
dK: common_vendor.s(isPopupVisiblefiropenthi.value ? {
fontSize: `42rpx`,
marginRight: "40rpx"
} : `{}`),
dL: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `55rpx`,
height: `55rpx`
} : `{}`),
dM: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
dN: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
dO: common_vendor.s(isPopupVisiblefiropenthi.value ? {
fontSize: `42rpx`,
marginRight: "40rpx"
} : `{}`),
dP: common_vendor.s(isPopupVisiblefiropenthi.value ? {
marginTop: `100rpx`,
marginBottom: `100rpx`
} : `{}`),
dQ: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
dR: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
dS: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `350rpx`,
height: `110rpx`,
borderRadius: `80rpx`,
fontSize: `50rpx`
} : `{}`),
dT: common_vendor.s(isPopupVisiblefiropenthi.value ? {
width: `800rpx`,
marginLeft: `150rpx`
} : `{}`),
dU: `/static/index/project3.png`,
dV: common_vendor.n(__props.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`),
dW: common_vendor.n(isPopupVisiblefiropenthi.value ? `time-tra-thi-photo-change` : `time-tra-thi-photo`),
dX: common_vendor.s(isPopupVisiblefiropenthi.value ? {
cZ: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
da: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
db: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
dc: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
dd: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
de: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
df: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
dg: `/static/index/project3.png`,
dh: common_vendor.n(__props.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`),
di: common_vendor.n(`time-tra-thi-photo`),
dj: common_vendor.s(isPopupVisiblefiropenthi.value ? {
marginLeft: `100rpx`
} : `{}`),
dY: common_vendor.n(__props.darkFans ? `right-container-right-father-dark` : `right-container-right-father`),
dZ: common_vendor.o(() => {
} : {}),
dk: common_vendor.s(isPopupVisiblefiropenthi.value ? {
transform: `scale(1.8)`,
marginLeft: `750rpx`,
marginTop: `200rpx`
} : {
transform: `scale(1)`
}),
ea: widthComthi.value + "rpx",
eb: heightComthi.value + "rpx",
ec: topComthi.value + "rpx",
ed: leftComthi.value + "rpx",
ee: common_vendor.o(closePopupthi),
ef: common_vendor.s(isPopupVisiblefiropenthi.value ? {
dl: common_vendor.n(__props.darkFans ? `right-container-right-father-dark` : `right-container-right-father`),
dm: common_vendor.o(() => {
}),
dn: widthComthi.value + "rpx",
dp: heightComthi.value + "rpx",
dq: topComthi.value + "rpx",
dr: leftComthi.value + "rpx",
ds: common_vendor.o(closePopupthi),
dt: common_vendor.s(isPopupVisiblefiropenthi.value ? {
backgroundColor: `rgba(89, 109, 154, 0.5)`
} : `{}`)
} : {}, {
eg: common_vendor.s(__props.isshow ? {
dv: common_vendor.s(__props.isshow ? {
opacity: `1`
} : {
opacity: `0`

File diff suppressed because one or more lines are too long

View File

@ -1849,22 +1849,23 @@
margin-top: -10rpx;
margin-left: 8rpx;
}
.time-tra-thi-photo.data-v-9f74ebdb {
.swiper-item-flex .time-tra-thi-photo.data-v-9f74ebdb {
display: flex;
justify-content: center;
align-items: center;
width: 300rpx;
flex-direction: column;
transition: all 0.4s ease-in-out;
margin-left: 20rpx;
}
.time-tra-thi-photo .time-tra-thi-photo-img.data-v-9f74ebdb {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-img.data-v-9f74ebdb {
width: 330rpx;
height: 330rpx;
margin-top: -100rpx;
margin-left: -50rpx;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo .time-tra-thi-photo-font.data-v-9f74ebdb {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font.data-v-9f74ebdb {
font-size: 30rpx;
margin-right: 50rpx;
text-overflow: ellipsis;
@ -1872,7 +1873,7 @@
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.time-tra-thi-photo .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
color: #CDD6EA;
font-size: 30rpx;
margin-right: 50rpx;
@ -1926,7 +1927,6 @@
-webkit-backdrop-filter: blur(1rpx);
backdrop-filter: blur(1rpx);
transition: all 0.4s ease-in-out;
/* 关键:通过遮罩控制模糊的显示区域 */
/* 添加毛玻璃效果 */
z-index: 999;
}
@ -2145,14 +2145,14 @@
}
.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.data-v-9f74ebdb {
position: absolute;
top: 10rpx;
left: 870rpx;
top: 52rpx;
left: 810rpx;
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-zhixing-font.data-v-9f74ebdb {
position: absolute;
top: -80rpx;
left: 0rpx;
left: 70rpx;
width: 100rpx;
height: 40rpx;
font-size: 25rpx;
@ -2206,7 +2206,7 @@
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei.data-v-9f74ebdb {
position: absolute;
top: 38rpx;
top: 120rpx;
left: -10rpx;
width: 220rpx;
height: 73rpx;
@ -2214,7 +2214,7 @@
}
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font.data-v-9f74ebdb {
position: absolute;
top: 47rpx;
top: 130rpx;
left: 45rpx;
font-size: 36rpx;
color: #fff;
@ -2222,7 +2222,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-font-spec.data-v-9f74ebdb {
position: absolute;
top: 110rpx;
top: 150rpx;
left: 580rpx;
width: 100rpx;
height: 40rpx;
@ -2884,7 +2884,7 @@
z-index: 11;
}
.popup-overlay .popup-overlay-content .right-huli-fir.data-v-9f74ebdb {
width: 250rpx;
width: 230rpx;
height: 100%;
margin-top: 0rpx;
display: flex;
@ -3000,7 +3000,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-type.data-v-9f74ebdb {
position: absolute;
top: 42rpx;
top: 20rpx;
left: -15rpx;
width: 235rpx;
height: 73rpx;
@ -3008,7 +3008,7 @@
}
.popup-overlay .popup-overlay-content .right-container-left-font.data-v-9f74ebdb {
position: absolute;
top: 51rpx;
top: 30rpx;
left: 50rpx;
font-size: 36rpx;
color: #fff;
@ -3200,7 +3200,7 @@
transition: all 0.4s ease-in-out;
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font.data-v-9f74ebdb {
font-size: 32rpx;
font-size: 30rpx;
margin-right: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;
@ -3209,7 +3209,7 @@
}
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
color: #CDD6EA;
font-size: 32rpx;
font-size: 30rpx;
margin-right: 20rpx;
text-overflow: ellipsis;
white-space: nowrap;

View File

@ -11,11 +11,37 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
darkFans: {
type: Boolean,
required: true
},
canmove: {
type: Boolean,
required: true
}
},
emits: ["darkchange"],
emits: ["darkchange", "savename"],
setup(__props, { emit: __emit }) {
const props = __props;
const downList = common_vendor.ref([
"口腔清洁啊",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
"口腔清洁",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须"
]);
const undericonList = common_vendor.ref([
{ url: "/static/index/undericons/alarm.png", targetUrl: "/static/index/undericons/alarmdark.png", name: "服务考核" },
{ url: "/static/index/undericons/linshitime.png", targetUrl: "/static/index/undericons/linshitimedark.png", name: "护理流程" },
@ -24,7 +50,16 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
{ url: "/static/index/darkicon/nuanfengdark.png", targetUrl: "/static/index/roomicons/nuanfengtar.png", name: "实时监控" },
{ url: "/static/index/darkicon/dianqidark.png", targetUrl: "/static/index/roomicons/dianqitar.png", name: "我的指令" }
]);
const doctorsayList = common_vendor.ref([
{ url: "/static/index/doctorsay/light/clean.png", targetUrl: "/static/index/doctorsay/dark/clean.png", name: "清洁" },
{ url: "/static/index/doctorsay/light/drink.png", targetUrl: "/static/index/doctorsay/dark/drink.png", name: "饮食" },
{ url: "/static/index/doctorsay/light/bed.png", targetUrl: "/static/index/doctorsay/dark/bed.png", name: "睡眠" },
{ url: "/static/index/doctorsay/light/shi.png", targetUrl: "/static/index/doctorsay/dark/shi.png", name: "排便" },
{ url: "/static/index/doctorsay/light/use.png", targetUrl: "/static/index/doctorsay/dark/use.png", name: "日常" }
]);
const undermenuIndex = common_vendor.ref(0);
const upmenuIndex = common_vendor.ref(0);
const downmenuIndex = common_vendor.ref(0);
common_vendor.ref(false);
common_vendor.ref([]);
const emit = __emit;
@ -34,10 +69,19 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
const changeMenuUnder = (index) => {
undermenuIndex.value = index;
};
common_vendor.onMounted(() => {
});
common_vendor.onBeforeUnmount(() => {
});
const timer = common_vendor.ref(null);
const handleTouchStart = (item, index) => {
timer.value = setTimeout(() => {
downmenuIndex.value = index;
emit("savename", item);
}, 500);
};
const handleTouchEnd = () => {
if (timer.value) {
clearTimeout(timer.value);
timer.value = null;
}
};
return (_ctx, _cache) => {
return {
a: common_vendor.n(__props.darkFans ? `right-container-title-no-dark` : `right-container-title-no`),
@ -57,7 +101,30 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
} : {}),
l: common_vendor.o(($event) => darkFanschange()),
m: __props.darkFans,
n: common_vendor.f(undericonList.value, (item, index, i0) => {
n: common_vendor.f(doctorsayList.value, (item, index, i0) => {
return {
a: index === upmenuIndex.value ? item.targetUrl : item.url,
b: common_vendor.t(item.name),
c: common_vendor.n(index === upmenuIndex.value ? `doctorsay-container-card-font-dark` : `doctorsay-container-card-font`),
d: common_vendor.s(index === upmenuIndex.value ? {
backgroundColor: `#0184db`
} : {}),
e: index,
f: common_vendor.o(($event) => upmenuIndex.value = index, index)
};
}),
o: common_vendor.f(downList.value, (item, index, i0) => {
return {
a: downmenuIndex.value === index,
b: common_vendor.t(item),
c: common_vendor.n(downmenuIndex.value === index ? `doctorsay-container-text-target` : `doctorsay-container-text`),
d: index,
e: common_vendor.o(($event) => handleTouchStart(item, index), index),
f: common_vendor.o(handleTouchEnd, index)
};
}),
p: __props.canmove,
q: common_vendor.f(undericonList.value, (item, index, i0) => {
return {
a: index === undermenuIndex.value,
b: index === undermenuIndex.value ? item.targetUrl : item.url,
@ -66,9 +133,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
e: common_vendor.o(($event) => changeMenuUnder(index), index)
};
}),
o: common_assets._imports_0$1,
p: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`),
q: common_vendor.s(__props.isshow ? {
r: common_assets._imports_0$1,
s: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`),
t: common_vendor.s(__props.isshow ? {
opacity: `1`
} : {
opacity: `0`

View File

@ -1 +1 @@
<view class="right-container data-v-337bb5da" style="{{q}}"><view class="right-container-title-nav data-v-337bb5da"><text class="{{['data-v-337bb5da', a]}}"> ID12345678 </text><text class="{{['data-v-337bb5da', b]}}"> 名称未命名01 </text><view class="right-icons data-v-337bb5da"><image class="right-icons-img data-v-337bb5da" src="{{c}}"/><view class="{{['data-v-337bb5da', d]}}">王金福</view><image class="right-icons-img-icon data-v-337bb5da" src="{{e}}"/><image class="right-icons-img-icon data-v-337bb5da" src="{{f}}"/><image class="right-icons-img-icon data-v-337bb5da" src="{{g}}"/></view><view class="right-container-title-class-anhei-button data-v-337bb5da" bindtap="{{h}}" hidden="{{!i}}"><text class="right-container-title-class-anhei data-v-337bb5da"> 切换到暗黑模式 </text></view><view class="right-container-title-class-anhei-button data-v-337bb5da" style="{{k}}" bindtap="{{l}}" hidden="{{!m}}"><text class="right-container-title-class-anhei data-v-337bb5da" style="{{j}}"> 取消暗黑模式 </text></view></view><view class="doctorsay-container data-v-337bb5da"></view><view class="right-container-sec data-v-337bb5da"><view class="under-father data-v-337bb5da"><view wx:for="{{n}}" wx:for-item="item" wx:key="d" class="under-father-view data-v-337bb5da" bindtap="{{item.e}}"><image class="under-father-light data-v-337bb5da" src="{{o}}" hidden="{{!item.a}}"/><image class="under-father-img data-v-337bb5da" src="{{item.b}}"/><view class="{{['data-v-337bb5da', p]}}">{{item.c}}</view></view></view></view></view>
<view class="right-container data-v-337bb5da" style="{{t}}"><view class="right-container-title-nav data-v-337bb5da"><text class="{{['data-v-337bb5da', a]}}"> ID12345678 </text><text class="{{['data-v-337bb5da', b]}}"> 名称未命名01 </text><view class="right-icons data-v-337bb5da"><image class="right-icons-img data-v-337bb5da" src="{{c}}"/><view class="{{['data-v-337bb5da', d]}}">王金福</view><image class="right-icons-img-icon data-v-337bb5da" src="{{e}}"/><image class="right-icons-img-icon data-v-337bb5da" src="{{f}}"/><image class="right-icons-img-icon data-v-337bb5da" src="{{g}}"/></view><view class="right-container-title-class-anhei-button data-v-337bb5da" bindtap="{{h}}" hidden="{{!i}}"><text class="right-container-title-class-anhei data-v-337bb5da"> 切换到暗黑模式 </text></view><view class="right-container-title-class-anhei-button data-v-337bb5da" style="{{k}}" bindtap="{{l}}" hidden="{{!m}}"><text class="right-container-title-class-anhei data-v-337bb5da" style="{{j}}"> 取消暗黑模式 </text></view></view><view class="doctorsay-container-view data-v-337bb5da"><view class="doctorsay-container-items data-v-337bb5da"><view class="doctorsay-container-up data-v-337bb5da"><view wx:for="{{n}}" wx:for-item="item" wx:key="e" class="data-v-337bb5da" bindtap="{{item.f}}"><view class="doctorsay-container-card data-v-337bb5da" style="{{item.d}}"><image class="doctorsay-container-card-img data-v-337bb5da" src="{{item.a}}"/><view class="{{['data-v-337bb5da', item.c]}}">{{item.b}}</view></view></view></view><view class="doctorsay-container-down data-v-337bb5da"><view class="doctorsay-top data-v-337bb5da"></view><scroll-view scroll-y="{{p}}" class="doctorsay-container-scroll data-v-337bb5da"><view wx:for="{{o}}" wx:for-item="item" wx:key="d" class="doctorsay-container-button data-v-337bb5da" bindtouchstart="{{item.e}}" bindtouchend="{{item.f}}"><view class="doctorsay-container-button-gun data-v-337bb5da" hidden="{{!item.a}}"></view><text class="{{['data-v-337bb5da', item.c]}}">{{item.b}}</text></view></scroll-view><view class="doctorsay-top data-v-337bb5da"></view></view></view><view class="doctorsay-container-container data-v-337bb5da"><view class="doctorsay-container-title data-v-337bb5da"><view class="doctorsay-container-left data-v-337bb5da"><view class="doctorsay-container-left-gun data-v-337bb5da"></view><view class="doctorsay-container-left-font data-v-337bb5da">时间矩阵</view></view><view class="doctorsay-container-right data-v-337bb5da"> 2 </view></view></view></view><view class="right-container-sec data-v-337bb5da"><view class="under-father data-v-337bb5da"><view wx:for="{{q}}" wx:for-item="item" wx:key="d" class="under-father-view data-v-337bb5da" bindtap="{{item.e}}"><image class="under-father-light data-v-337bb5da" src="{{r}}" hidden="{{!item.a}}"/><image class="under-father-img data-v-337bb5da" src="{{item.b}}"/><view class="{{['data-v-337bb5da', s]}}">{{item.c}}</view></view></view></view></view>

View File

@ -2,12 +2,123 @@
width: calc(100% - 235rpx);
height: 100vh;
transition: opacity 1s ease;
position: relative;
}
.right-container .doctorsay-container.data-v-337bb5da {
width: 1850rpx;
.right-container .move-font.data-v-337bb5da {
position: absolute;
font-size: 35rpx;
font-weight: 700;
}
.right-container .doctorsay-container-view.data-v-337bb5da {
width: 100%;
height: 1220rpx;
background-color: #fff;
border-radius: 80rpx;
display: flex;
}
.right-container .doctorsay-container-view .doctorsay-container-items.data-v-337bb5da {
width: 310rpx;
height: 1220rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up.data-v-337bb5da {
display: flex;
flex-wrap: wrap;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card.data-v-337bb5da {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #ddeafa;
width: 130rpx;
height: 130rpx;
margin: 0 18rpx 15rpx 0rpx;
border-radius: 30rpx;
border: 2rpx solid #ddeafa;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img.data-v-337bb5da {
width: 75rpx;
height: 75rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font.data-v-337bb5da {
font-size: 26rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark.data-v-337bb5da {
font-size: 26rpx;
color: #FFFFFF;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down.data-v-337bb5da {
background-color: #ddeafa;
width: 290rpx;
height: 770rpx;
border-radius: 40rpx;
margin-top: 0rpx;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll.data-v-337bb5da {
height: 690rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-top.data-v-337bb5da {
height: 40rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button.data-v-337bb5da {
display: flex;
justify-content: center;
align-items: center;
height: 85rpx;
font-size: 35rpx;
font-weight: 700;
position: relative;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target.data-v-337bb5da {
color: #016AD1;
background-color: #c9e8ff;
padding: 10rpx 30rpx;
border-radius: 40rpx;
border: 2rpx solid #fff;
font-size: 40rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun.data-v-337bb5da {
position: absolute;
top: 22rpx;
left: 1rpx;
width: 10rpx;
height: 42rpx;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 10rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-container.data-v-337bb5da {
width: 1730rpx;
height: 1220rpx;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 60rpx;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
/* 右下角阴影 */
overflow: hidden;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title.data-v-337bb5da {
width: 100%;
height: 130rpx;
background-color: #c9e8ff;
display: flex;
align-items: center;
justify-content: space-between;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left.data-v-337bb5da {
display: flex;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun.data-v-337bb5da {
margin-left: 40rpx;
margin-right: 20rpx;
width: 13rpx;
height: 55rpx;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 10rpx;
}
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font.data-v-337bb5da {
font-size: 42rpx;
font-weight: 700;
}
.right-container .right-container-sec.data-v-337bb5da {
width: 100%;

View File

@ -1,31 +0,0 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
if (!Array) {
const _component_leftMenu = common_vendor.resolveComponent("leftMenu");
_component_leftMenu();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const darkFans = common_vendor.ref(false);
common_vendor.onMounted(() => {
const value = common_vendor.index.getStorageSync("darksave");
common_vendor.index.__f__("log", "at pages/doctorsay/index.vue:16", "????0", value);
if (value) {
darkFans.value = value;
}
});
return (_ctx, _cache) => {
return {
a: common_vendor.p({
darkFans: darkFans.value,
menuIndex: 1
}),
b: common_vendor.n(darkFans.value ? `darkbackgroundContainer` : `backgroundContainer`)
};
};
}
};
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ae05b914"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/doctorsay/index.js.map

View File

@ -1,4 +0,0 @@
{
"navigationStyle": "custom",
"usingComponents": {}
}

View File

@ -1 +0,0 @@
<view class="{{['data-v-ae05b914', b]}}"><left-menu wx:if="{{a}}" class="data-v-ae05b914" u-i="ae05b914-0" bind:__l="__l" u-p="{{a}}"></left-menu></view>

View File

@ -1,20 +0,0 @@
.backgroundContainer.data-v-ae05b914 {
display: flex;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.darkbackgroundContainer.data-v-ae05b914 {
display: flex;
position: relative;
width: 100%;
height: 100vh;
background-image: url('../../static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}

View File

@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
{ url: "/static/index/lefticon/wifi.png", targetUrl: "/static/index/lefticontarget/bluewifi.png" },
{ url: "/static/index/lefticon/back.png", targetUrl: "/static/index/lefticontarget/blueback.png" }
]);
const menuIndex = common_vendor.ref(0);
const menuIndex = common_vendor.ref(1);
const menuIndexshow = common_vendor.ref(false);
const menuIndexshowsecond = common_vendor.ref(false);
const darkFans = common_vendor.ref(false);
@ -56,6 +56,25 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
}
}, 50);
};
const clientX = common_vendor.ref(0);
const clientY = common_vendor.ref(0);
const savename = common_vendor.ref("");
const canmove = common_vendor.ref(true);
const getxy = (event) => {
const touch = event.touches[0];
clientX.value = 2 * (Math.floor(touch.clientX) - 60);
clientY.value = 2 * (Math.floor(touch.clientY) - 55);
};
const openname = (res) => {
savename.value = res;
canmove.value = false;
};
const cleanall = () => {
savename.value = "";
clientX.value = 9999;
clientY.value = 9999;
canmove.value = true;
};
common_vendor.onShow(() => {
setTimeout(() => {
changeMenu(menuIndex.value);
@ -63,9 +82,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
});
return (_ctx, _cache) => {
return {
a: common_assets._imports_0,
b: common_vendor.n(darkFans.value ? `left-head-font-dark` : `left-head-font`),
c: common_vendor.f(iconList.value, (item, index, i0) => {
a: common_vendor.t(savename.value),
b: savename.value,
c: `${clientY.value}rpx`,
d: `${clientX.value}rpx`,
e: common_assets._imports_0,
f: common_vendor.n(darkFans.value ? `left-head-font-dark` : `left-head-font`),
g: common_vendor.f(iconList.value, (item, index, i0) => {
return {
a: index === menuIndex.value,
b: index === menuIndex.value ? item.targetUrl : item.url,
@ -73,20 +96,24 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
d: index
};
}),
d: `/static/index/ray.png`,
e: !menuIndex.value,
f: common_vendor.o(darkchange),
g: common_vendor.p({
h: `/static/index/ray.png`,
i: !menuIndex.value,
j: common_vendor.o(darkchange),
k: common_vendor.p({
isshow: menuIndexshow.value,
darkFans: darkFans.value
}),
h: menuIndex.value == 1,
i: common_vendor.o(darkchange),
j: common_vendor.p({
l: menuIndex.value == 1,
m: common_vendor.o(darkchange),
n: common_vendor.o(openname),
o: common_vendor.p({
isshow: menuIndexshowsecond.value,
canmove: canmove.value,
darkFans: darkFans.value
}),
k: common_vendor.n(darkFans.value ? `darkbackgroundContainer` : `backgroundContainer`)
p: common_vendor.n(darkFans.value ? `darkbackgroundContainer` : `backgroundContainer`),
q: common_vendor.o(getxy),
r: common_vendor.o(cleanall)
};
};
}

View File

@ -1 +1 @@
<view class="{{['data-v-1cf27b2a', k]}}"><view class="left-container data-v-1cf27b2a"><view class="left-head data-v-1cf27b2a"><image class="left-head-img data-v-1cf27b2a" src="{{a}}"/><text class="{{['data-v-1cf27b2a', b]}}"> 王金凤 </text></view><view class="left-img-container data-v-1cf27b2a"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="blue-circle-pos data-v-1cf27b2a"><view class="blue-circle data-v-1cf27b2a" hidden="{{!item.a}}"><image class="blue-circle-size data-v-1cf27b2a" src="{{d}}"/></view><image class="left-img data-v-1cf27b2a" src="{{item.b}}" bindtap="{{item.c}}"/></view></view></view><right-itemsfirst wx:if="{{g}}" class="data-v-1cf27b2a" data-c-h="{{!e}}" binddarkchange="{{f}}" u-i="1cf27b2a-0" bind:__l="__l" u-p="{{g}}"/><right-itemssecond wx:if="{{j}}" class="data-v-1cf27b2a" data-c-h="{{!h}}" binddarkchange="{{i}}" u-i="1cf27b2a-1" bind:__l="__l" u-p="{{j}}"/></view>
<view class="{{['data-v-1cf27b2a', p]}}" bindtouchmove="{{q}}" bindtouchend="{{r}}"><view class="move-font data-v-1cf27b2a" hidden="{{!b}}" style="{{'top:' + c + ';' + ('left:' + d)}}">{{a}}</view><view class="left-container data-v-1cf27b2a"><view class="left-head data-v-1cf27b2a"><image class="left-head-img data-v-1cf27b2a" src="{{e}}"/><text class="{{['data-v-1cf27b2a', f]}}"> 王金凤 </text></view><view class="left-img-container data-v-1cf27b2a"><view wx:for="{{g}}" wx:for-item="item" wx:key="d" class="blue-circle-pos data-v-1cf27b2a"><view class="blue-circle data-v-1cf27b2a" hidden="{{!item.a}}"><image class="blue-circle-size data-v-1cf27b2a" src="{{h}}"/></view><image class="left-img data-v-1cf27b2a" src="{{item.b}}" bindtap="{{item.c}}"/></view></view></view><right-itemsfirst wx:if="{{k}}" class="data-v-1cf27b2a" data-c-h="{{!i}}" binddarkchange="{{j}}" u-i="1cf27b2a-0" bind:__l="__l" u-p="{{k}}"/><right-itemssecond wx:if="{{o}}" class="data-v-1cf27b2a" data-c-h="{{!l}}" binddarkchange="{{m}}" bindsavename="{{n}}" u-i="1cf27b2a-1" bind:__l="__l" u-p="{{o}}"/></view>

View File

@ -7,6 +7,7 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 12;
}
.darkbackgroundContainer.data-v-1cf27b2a {
display: flex;
@ -17,6 +18,13 @@
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 11;
}
.move-font.data-v-1cf27b2a {
position: absolute;
font-size: 45rpx;
font-weight: 700;
z-index: 10;
}
.left-container.data-v-1cf27b2a {
width: 235rpx;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB