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

View File

@ -31,9 +31,47 @@
</text> </text>
</view> </view>
</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>
<view class="right-container-sec"> <view class="right-container-sec">
<view class="under-father"> <view class="under-father">
<view class="under-father-view" v-for="(item,index) in undericonList" :key="index" <view class="under-father-view" v-for="(item,index) in undericonList" :key="index"
@ -65,9 +103,35 @@
type: Boolean, type: Boolean,
required: true, required: true,
}, },
canmove:{
type: Boolean,
required: true,
}
}); });
//
const downList = ref<String[]>([
"口腔清洁啊",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
"口腔清洁",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
])
// //
const undericonList = ref<roomBtttonType[]>([ const undericonList = ref<roomBtttonType[]>([
{ url: '/static/index/undericons/alarm.png', targetUrl: '/static/index/undericons/alarmdark.png', name: '服务考核' }, { 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: '我的指令' }, { 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 undermenuIndex = ref<number>(0);
const upmenuIndex = ref<number>(0);
const downmenuIndex = ref<number>(0);
// //
// const darkFans = ref<boolean>(false); // const darkFans = ref<boolean>(false);
const underFans = ref<boolean>(false); const underFans = ref<boolean>(false);
// //
const roomTar = ref<number[]>([]); const roomTar = ref<number[]>([]);
const emit = defineEmits(['darkchange']); const emit = defineEmits(['darkchange','savename']);
// //
const darkFanschange = () => { const darkFanschange = () => {
emit('darkchange', !props.darkFans); emit('darkchange', !props.darkFans);
@ -95,15 +170,22 @@
undermenuIndex.value = index; 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> </script>
<style lang="less" scoped> <style lang="less" scoped>
@ -111,12 +193,129 @@
width: calc(100% - 235rpx); width: calc(100% - 235rpx);
height: 100vh; height: 100vh;
transition: opacity 1s ease; transition: opacity 1s ease;
.doctorsay-container{ position: relative;
width: 1850rpx; .move-font{
height: 1220rpx; position: absolute;
background-color: #fff; font-size: 35rpx;
border-radius: 80rpx; 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 { .right-container-sec {
width: 100%; width: 100%;
display: flex; display: flex;

View File

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

View File

@ -1,5 +1,8 @@
<template> <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-container">
<view class="left-head"> <view class="left-head">
<image class="left-head-img" src="/static/index/oldman.png" /> <image class="left-head-img" src="/static/index/oldman.png" />
@ -18,8 +21,7 @@
</view> </view>
</view> </view>
<rightItemsfirst :isshow="menuIndexshow" :darkFans="darkFans" v-show="!menuIndex" @darkchange="darkchange" /> <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> </view>
</template> </template>
@ -41,7 +43,7 @@
]); ]);
// //
const menuIndex = ref<number>(0); const menuIndex = ref<number>(1);
const menuIndexshow = ref<boolean>(false); const menuIndexshow = ref<boolean>(false);
const menuIndexshowsecond = ref<boolean>(false); const menuIndexshowsecond = ref<boolean>(false);
// //
@ -85,7 +87,27 @@
} }
},50) },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(() => { onShow(() => {
// //
@ -106,6 +128,7 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; overflow: hidden;
z-index: 12;
} }
// //
@ -118,6 +141,13 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; overflow: hidden;
z-index: 11;
}
.move-font{
position: absolute;
font-size: 45rpx;
font-weight: 700;
z-index: 10;
} }
.left-container { .left-container {
width: 235rpx; 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(){ ;(function(){
let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[]; 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)); 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.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()})}}); __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-top: -0.3125rem;
margin-left: 0.25rem; margin-left: 0.25rem;
} }
.time-tra-thi-photo[data-v-9f74ebdb] { .swiper-item-flex .time-tra-thi-photo[data-v-9f74ebdb] {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 9.375rem; width: 9.375rem;
flex-direction: column; flex-direction: column;
transition: all 0.4s ease-in-out; 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; width: 10.3125rem;
height: 10.3125rem; height: 10.3125rem;
margin-top: -3.125rem; margin-top: -3.125rem;
margin-left: -1.5625rem; margin-left: -1.5625rem;
transition: all 0.4s ease-in-out; 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; font-size: 0.9375rem;
margin-right: 1.5625rem; margin-right: 1.5625rem;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -1872,7 +1873,7 @@
overflow: hidden; overflow: hidden;
transition: all 0.4s ease-in-out; 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; color: #CDD6EA;
font-size: 0.9375rem; font-size: 0.9375rem;
margin-right: 1.5625rem; margin-right: 1.5625rem;
@ -1926,7 +1927,6 @@
-webkit-backdrop-filter: blur(0.03125rem); -webkit-backdrop-filter: blur(0.03125rem);
backdrop-filter: blur(0.03125rem); backdrop-filter: blur(0.03125rem);
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
/* 关键:通过遮罩控制模糊的显示区域 */
/* 添加毛玻璃效果 */ /* 添加毛玻璃效果 */
z-index: 999; 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] { .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; position: absolute;
top: 0.3125rem; top: 1.625rem;
left: 27.1875rem; left: 25.3125rem;
transition: all 0.4s ease-in-out; 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] { .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; position: absolute;
top: -2.5rem; top: -2.5rem;
left: 0; left: 2.1875rem;
width: 3.125rem; width: 3.125rem;
height: 1.25rem; height: 1.25rem;
font-size: 0.78125rem; 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] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei[data-v-9f74ebdb] {
position: absolute; position: absolute;
top: 1.1875rem; top: 3.75rem;
left: -0.3125rem; left: -0.3125rem;
width: 6.875rem; width: 6.875rem;
height: 2.28125rem; 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] { .popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font[data-v-9f74ebdb] {
position: absolute; position: absolute;
top: 1.46875rem; top: 4.0625rem;
left: 1.40625rem; left: 1.40625rem;
font-size: 1.125rem; font-size: 1.125rem;
color: #fff; color: #fff;
@ -2222,7 +2222,7 @@
} }
.popup-overlay .popup-overlay-content .right-container-left-font-spec[data-v-9f74ebdb] { .popup-overlay .popup-overlay-content .right-container-left-font-spec[data-v-9f74ebdb] {
position: absolute; position: absolute;
top: 3.4375rem; top: 4.6875rem;
left: 18.125rem; left: 18.125rem;
width: 3.125rem; width: 3.125rem;
height: 1.25rem; height: 1.25rem;
@ -2884,7 +2884,7 @@
z-index: 11; z-index: 11;
} }
.popup-overlay .popup-overlay-content .right-huli-fir[data-v-9f74ebdb] { .popup-overlay .popup-overlay-content .right-huli-fir[data-v-9f74ebdb] {
width: 7.8125rem; width: 7.1875rem;
height: 100%; height: 100%;
margin-top: 0; margin-top: 0;
display: flex; display: flex;
@ -3000,7 +3000,7 @@
} }
.popup-overlay .popup-overlay-content .right-container-left-type[data-v-9f74ebdb] { .popup-overlay .popup-overlay-content .right-container-left-type[data-v-9f74ebdb] {
position: absolute; position: absolute;
top: 1.3125rem; top: 0.625rem;
left: -0.46875rem; left: -0.46875rem;
width: 7.34375rem; width: 7.34375rem;
height: 2.28125rem; height: 2.28125rem;
@ -3008,7 +3008,7 @@
} }
.popup-overlay .popup-overlay-content .right-container-left-font[data-v-9f74ebdb] { .popup-overlay .popup-overlay-content .right-container-left-font[data-v-9f74ebdb] {
position: absolute; position: absolute;
top: 1.59375rem; top: 0.9375rem;
left: 1.5625rem; left: 1.5625rem;
font-size: 1.125rem; font-size: 1.125rem;
color: #fff; color: #fff;
@ -3200,7 +3200,7 @@
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
} }
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font[data-v-9f74ebdb] { .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; margin-right: 0.625rem;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; 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] { .popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark[data-v-9f74ebdb] {
color: #CDD6EA; color: #CDD6EA;
font-size: 1rem; font-size: 0.9375rem;
margin-right: 0.625rem; margin-right: 0.625rem;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -3322,12 +3322,123 @@
width: calc(100% - 7.34375rem); width: calc(100% - 7.34375rem);
height: 100vh; height: 100vh;
transition: opacity 1s ease; transition: opacity 1s ease;
position: relative;
} }
.right-container .doctorsay-container[data-v-337bb5da] { .right-container .move-font[data-v-337bb5da] {
width: 57.8125rem; position: absolute;
font-size: 1.09375rem;
font-weight: 700;
}
.right-container .doctorsay-container-view[data-v-337bb5da] {
width: 100%;
height: 38.125rem; height: 38.125rem;
background-color: #fff; display: flex;
border-radius: 2.5rem; }
.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] { .right-container .right-container-sec[data-v-337bb5da] {
width: 100%; width: 100%;
@ -3461,6 +3572,7 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; overflow: hidden;
z-index: 12;
} }
.darkbackgroundContainer[data-v-1cf27b2a] { .darkbackgroundContainer[data-v-1cf27b2a] {
display: flex; display: flex;
@ -3471,6 +3583,13 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; 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] { .left-container[data-v-1cf27b2a] {
width: 7.34375rem; 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", "navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app x", "navigationBarTitleText": "uni-app x",
"navigationBarBackgroundColor": "#F8F8F8", "navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F8F8F8",
"bounce": "none"
}, },
"usingComponents": {} "usingComponents": {}
} }

View File

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

File diff suppressed because one or more lines are too long

View File

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

View File

@ -11,11 +11,37 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
darkFans: { darkFans: {
type: Boolean, type: Boolean,
required: true required: true
},
canmove: {
type: Boolean,
required: true
} }
}, },
emits: ["darkchange"], emits: ["darkchange", "savename"],
setup(__props, { emit: __emit }) { setup(__props, { emit: __emit }) {
const props = __props; const props = __props;
const downList = common_vendor.ref([
"口腔清洁啊",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须",
"口腔清洁",
"头部清洁",
"面部清洁",
"躯干清洁",
"四肢清洁",
"会阴清洁",
"肛周清洁",
"手清洁",
"足清洁",
"剃须"
]);
const undericonList = 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/alarm.png", targetUrl: "/static/index/undericons/alarmdark.png", name: "服务考核" },
{ url: "/static/index/undericons/linshitime.png", targetUrl: "/static/index/undericons/linshitimedark.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/nuanfengdark.png", targetUrl: "/static/index/roomicons/nuanfengtar.png", name: "实时监控" },
{ url: "/static/index/darkicon/dianqidark.png", targetUrl: "/static/index/roomicons/dianqitar.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 undermenuIndex = common_vendor.ref(0);
const upmenuIndex = common_vendor.ref(0);
const downmenuIndex = common_vendor.ref(0);
common_vendor.ref(false); common_vendor.ref(false);
common_vendor.ref([]); common_vendor.ref([]);
const emit = __emit; const emit = __emit;
@ -34,10 +69,19 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
const changeMenuUnder = (index) => { const changeMenuUnder = (index) => {
undermenuIndex.value = index; undermenuIndex.value = index;
}; };
common_vendor.onMounted(() => { const timer = common_vendor.ref(null);
}); const handleTouchStart = (item, index) => {
common_vendor.onBeforeUnmount(() => { 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 (_ctx, _cache) => {
return { return {
a: common_vendor.n(__props.darkFans ? `right-container-title-no-dark` : `right-container-title-no`), 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()), l: common_vendor.o(($event) => darkFanschange()),
m: __props.darkFans, 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 { return {
a: index === undermenuIndex.value, a: index === undermenuIndex.value,
b: index === undermenuIndex.value ? item.targetUrl : item.url, 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) e: common_vendor.o(($event) => changeMenuUnder(index), index)
}; };
}), }),
o: common_assets._imports_0$1, r: common_assets._imports_0$1,
p: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`), s: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`),
q: common_vendor.s(__props.isshow ? { t: common_vendor.s(__props.isshow ? {
opacity: `1` opacity: `1`
} : { } : {
opacity: `0` 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); width: calc(100% - 235rpx);
height: 100vh; height: 100vh;
transition: opacity 1s ease; transition: opacity 1s ease;
position: relative;
} }
.right-container .doctorsay-container.data-v-337bb5da { .right-container .move-font.data-v-337bb5da {
width: 1850rpx; position: absolute;
font-size: 35rpx;
font-weight: 700;
}
.right-container .doctorsay-container-view.data-v-337bb5da {
width: 100%;
height: 1220rpx; height: 1220rpx;
background-color: #fff; display: flex;
border-radius: 80rpx; }
.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 { .right-container .right-container-sec.data-v-337bb5da {
width: 100%; 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/wifi.png", targetUrl: "/static/index/lefticontarget/bluewifi.png" },
{ url: "/static/index/lefticon/back.png", targetUrl: "/static/index/lefticontarget/blueback.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 menuIndexshow = common_vendor.ref(false);
const menuIndexshowsecond = common_vendor.ref(false); const menuIndexshowsecond = common_vendor.ref(false);
const darkFans = common_vendor.ref(false); const darkFans = common_vendor.ref(false);
@ -56,6 +56,25 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
} }
}, 50); }, 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(() => { common_vendor.onShow(() => {
setTimeout(() => { setTimeout(() => {
changeMenu(menuIndex.value); changeMenu(menuIndex.value);
@ -63,9 +82,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
}); });
return (_ctx, _cache) => { return (_ctx, _cache) => {
return { return {
a: common_assets._imports_0, a: common_vendor.t(savename.value),
b: common_vendor.n(darkFans.value ? `left-head-font-dark` : `left-head-font`), b: savename.value,
c: common_vendor.f(iconList.value, (item, index, i0) => { 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 { return {
a: index === menuIndex.value, a: index === menuIndex.value,
b: index === menuIndex.value ? item.targetUrl : item.url, b: index === menuIndex.value ? item.targetUrl : item.url,
@ -73,20 +96,24 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
d: index d: index
}; };
}), }),
d: `/static/index/ray.png`, h: `/static/index/ray.png`,
e: !menuIndex.value, i: !menuIndex.value,
f: common_vendor.o(darkchange), j: common_vendor.o(darkchange),
g: common_vendor.p({ k: common_vendor.p({
isshow: menuIndexshow.value, isshow: menuIndexshow.value,
darkFans: darkFans.value darkFans: darkFans.value
}), }),
h: menuIndex.value == 1, l: menuIndex.value == 1,
i: common_vendor.o(darkchange), m: common_vendor.o(darkchange),
j: common_vendor.p({ n: common_vendor.o(openname),
o: common_vendor.p({
isshow: menuIndexshowsecond.value, isshow: menuIndexshowsecond.value,
canmove: canmove.value,
darkFans: darkFans.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-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; overflow: hidden;
z-index: 12;
} }
.darkbackgroundContainer.data-v-1cf27b2a { .darkbackgroundContainer.data-v-1cf27b2a {
display: flex; display: flex;
@ -17,6 +18,13 @@
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
overflow: hidden; 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 { .left-container.data-v-1cf27b2a {
width: 235rpx; 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