2025.3.7
|
@ -1,3 +1,4 @@
|
|||
<!-- 主页 -->
|
||||
<template>
|
||||
<view class="right-container" :style="isshow?{opacity: `1`}:{opacity: `0`}">
|
||||
<view class="right-container-title-nav">
|
||||
|
@ -395,130 +396,118 @@
|
|||
<!-- 弹出层左上角 -->
|
||||
<view v-if="isPopupVisible" class="popup-overlay" @click="closePopup"
|
||||
:style="isPopupVisiblefiropen?{backgroundColor:`rgba(89, 109, 154, 0.5)`}:`{}`">
|
||||
<!-- <view class="" @click.stop>
|
||||
|
||||
</view> -->
|
||||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthCom + 'rpx',height: heightCom + 'rpx',top: topCom + 'rpx',left: leftCom + 'rpx' }">
|
||||
<view class="right-container-fir-left-nav-open">
|
||||
<view :class="darkFans?`right-container-fir-left-card-dark`:`right-container-fir-left-card`">
|
||||
<image class="right-container-fir-left-card-hulilei" :src="`/static/index/hulilei.png`" />
|
||||
<div class="right-container-fir-left-card-hulilei-font" @click="closePopup">护理类</div>
|
||||
<image v-if="darkFans" class="card-upfaguang" :style="isPopupVisiblefiropen?{top:`680rpx`}:`{}`"
|
||||
:src="`/static/index/cardbgc/uplight.png`" />
|
||||
<view class="right-container-fir-left-card-main">
|
||||
<view class="swiper savehundred">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<view class="right-container-fir-left-card-flex"
|
||||
:style="isPopupVisiblefiropen?{marginTop:`70rpx`}:{marginTop:`0rpx`}">
|
||||
<view class="uni-margin-wrap-fir">
|
||||
<view class="swiper" :style="isPopupVisiblefiropen?{height:`700rpx`}:`{}`">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<view class="right-container-fir-left-card-card"
|
||||
style="margin-top: 100rpx;">
|
||||
<view class="right-container-fir-left-card-zhixing"
|
||||
:style="isPopupVisiblefiropen?{top:`40rpx`,left:`1300rpx`}:`{}`">
|
||||
<div class="right-container-fir-left-card-zhixing-font"
|
||||
:style="isPopupVisiblefiropen?{top:`-60rpx`,left:`0rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
|
||||
待执行
|
||||
</div>
|
||||
</view>
|
||||
<image class="right-container-fir-left-card-img"
|
||||
:style="isPopupVisiblefiropen?{width:`600rpx`,height:`500rpx`}:{marginTop:`-90rpx`}"
|
||||
:src="`/static/index/teeth.png`" @click="closePopup" />
|
||||
<view class="right-container-fir-left-card-main-laba-video">
|
||||
<image class="right-container-fir-left-card-main-laba"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{}"
|
||||
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
|
||||
<text
|
||||
:style="isPopupVisiblefiropen?{fontSize:`46rpx`,width:`400rpx`}:`{}`"
|
||||
:class="darkFans?`right-container-fir-left-card-main-font-dark`:`right-container-fir-left-card-main-font`">
|
||||
准备洁具(口腔)
|
||||
</text>
|
||||
<image class="right-container-fir-left-card-main-video"
|
||||
:style="isPopupVisiblefiropen?{width:`65rpx`,height:`65rpx`}:{marginLeft:`-150rpx`}"
|
||||
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="split-line" style="height: 300rpx;" :style="isPopupVisiblefiropen?{marginTop:`200rpx`}:`{}`"
|
||||
> -->
|
||||
<!-- </view> -->
|
||||
<view class="time-tra-fir"
|
||||
:style="isPopupVisiblefiropen?`{}`:{marginTop:`0rpx`,marginLeft:`30rpx`}">
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`"
|
||||
:style="isPopupVisiblefiropen?{fontSize:`100rpx`}:`{}`">
|
||||
10:00 - 10:10
|
||||
</view>
|
||||
<view :class="darkFans?`time-text-dark`:`time-text`"
|
||||
:style="isPopupVisiblefiropen?{fontSize:`45rpx`,lineHeight: `70rpx`,width: `800rpx`,marginTop:`50rpx`,marginBottom:`50rpx`}:`{}`">
|
||||
为老人提供口腔清洁器具,牙膏、牙刷及水杯,看护完成
|
||||
</view>
|
||||
<view class="time-people-two"
|
||||
:style="isPopupVisiblefiropen?{marginBottom:'60rpx'}:`{}`">
|
||||
<view class="time-people-fir">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`"
|
||||
:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`"
|
||||
:style="isPopupVisiblefiropen?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
|
||||
单人执行
|
||||
</text>
|
||||
<view
|
||||
style="width:1350rpx ;display: flex;justify-content: center;align-items: center;transition: all 0.4s ease-in-out;transform-origin: left top; /* 缩放 */"
|
||||
:style="isPopupVisiblefiropen?{transform: `scale(1.4)`,marginLeft:`0`,marginTop:`0`}:{transform: `scale(1)`,marginLeft:`0rpx`,marginTop:`-100rpx`}">
|
||||
<image class="right-container-fir-left-card-hulilei" :src="`/static/index/hulilei.png`" />
|
||||
<div class="right-container-fir-left-card-hulilei-font" @click="closePopup">护理类</div>
|
||||
<image v-if="darkFans" class="card-upfaguang" :src="`/static/index/cardbgc/uplight.png`" />
|
||||
<view class="right-container-fir-left-card-main">
|
||||
<view class="swiper savehundred">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<view class="right-container-fir-left-card-flex"
|
||||
style="transition: all 0.4s ease-in-out">
|
||||
<view class="uni-margin-wrap-fir">
|
||||
<view class="swiper">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]"
|
||||
:key="index">
|
||||
<view class="right-container-fir-left-card-card"
|
||||
style="margin-top: 100rpx;">
|
||||
<view class="right-container-fir-left-card-zhixing">
|
||||
<div class="right-container-fir-left-card-zhixing-font">
|
||||
待执行
|
||||
</div>
|
||||
</view>
|
||||
<view class="time-people-sec">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`"
|
||||
:style="isPopupVisiblefiropen?{width:`55rpx`,height:`55rpx`}:`{}`" />
|
||||
<image class="right-container-fir-left-card-img"
|
||||
:src="`/static/index/teeth.png`" @click="closePopup" />
|
||||
<view class="right-container-fir-left-card-main-laba-video">
|
||||
<image class="right-container-fir-left-card-main-laba"
|
||||
:src="darkFans?`/static/index/darkicon/labadark.png`:`/static/index/laba.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`"
|
||||
:style="isPopupVisiblefiropen?{fontSize:`42rpx`}:`{}`">
|
||||
--
|
||||
:class="darkFans?`right-container-fir-left-card-main-font-dark`:`right-container-fir-left-card-main-font`">
|
||||
准备洁具(口腔)
|
||||
</text>
|
||||
<image class="right-container-fir-left-card-main-video"
|
||||
:src="darkFans?`/static/index/indexvideo.png`:`/static/index/indexvideo.png`" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="time-tra-fir"
|
||||
style="transition: all 0.4s ease-in-out">
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`">
|
||||
10:00 - 10:10
|
||||
</view>
|
||||
<view :class="darkFans?`time-text-dark`:`time-text`">
|
||||
为老人提供口腔清洁器具,牙膏、牙刷及水杯,看护完成
|
||||
</view>
|
||||
<view class="time-people-two">
|
||||
<view class="time-people-fir">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
单人执行
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-people-sec">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
--
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="time-button-view">
|
||||
<view class="time-button-start">
|
||||
开始服务
|
||||
</view>
|
||||
<view
|
||||
:class="darkFans?`time-button-end-dark`:`time-button-end`">
|
||||
服务结束
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="time-button-view">
|
||||
<view class="time-button-start"
|
||||
:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
开始服务
|
||||
</view>
|
||||
<view
|
||||
:class="darkFans?`time-button-end-dark`:`time-button-end`"
|
||||
:style="isPopupVisiblefiropen?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
服务结束
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="split-line-white-right-left"
|
||||
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
|
||||
<image v-if="darkFans" class="split-line-white-img"
|
||||
:src="`/static/index/cardbgc/leftlight.png`" />
|
||||
</view>
|
||||
<view class="split-line-white-right-left"
|
||||
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
|
||||
<image v-if="darkFans" class="split-line-white-img"
|
||||
:src="`/static/index/cardbgc/leftlight.png`" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right-huli-sec">
|
||||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
||||
<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis"
|
||||
:style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- 暗黑模式 -->
|
||||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view" :style="isPopupVisiblefiropen?{height:`600rpx`}:`{}`">
|
||||
<view v-for="(item,index) in huliListDark" :key="index" class="right-huli-view-dis"
|
||||
:style="isPopupVisiblefiropen?{height:`200rpx`}:`{}`">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
|
||||
<view class="right-huli-sec">
|
||||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view">
|
||||
<view v-for="(item,index) in huliList" :key="index" class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- 暗黑模式 -->
|
||||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view">
|
||||
<view v-for="(item,index) in huliListDark" :key="index"
|
||||
class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -532,126 +521,127 @@
|
|||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthComsec + 'rpx',height: heightComsec + 'rpx',top: topComsec + 'rpx',left: leftComsec + 'rpx' }">
|
||||
<view :class="darkFans?`right-container-left-dark`:`right-container-left`">
|
||||
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
|
||||
<div class="right-container-left-font" @click="closePopupsec">医疗类</div>
|
||||
<image v-if="darkFans" class="card-upfaguang-down"
|
||||
:style="isPopupVisiblefiropensec?{left:`1000rpx`,top:`680rpx`}:`{}`"
|
||||
:src="`/static/index/cardbgc/uplight.png`" />
|
||||
<view class="swiper savehundred">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<div class="right-container-fir-left-card-flex-sec">
|
||||
<view class="uni-margin-wrap">
|
||||
<view class="swiper">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<div class="right-container-left-font-spec"
|
||||
:style="isPopupVisiblefiropensec?{top:`160rpx`,left:`900rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
|
||||
进行中
|
||||
</div>
|
||||
<view class="time-tra-sec"
|
||||
:style="isPopupVisiblefiropensec?{width:`800rpx`,marginTop:`70rpx`,marginLeft:`120rpx`}:`{}`">
|
||||
<view :style="isPopupVisiblefiropensec?{fontSize:`120rpx`}:`{}`"
|
||||
:class="darkFans?`time-font-dark`:`time-font`">
|
||||
10:00 - 10:10
|
||||
</view>
|
||||
<view
|
||||
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
医嘱类型:药品
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
处置方式:肌肉注射
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
用药类型:抗生素类
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
执行方式:周期一日执行一次
|
||||
</text>
|
||||
</view>
|
||||
<view
|
||||
:class="!isPopupVisiblefiropensec?`time-people-thi`:`time-people-thi-change`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
单人执行
|
||||
</text>
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
赵宇
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-button-view"
|
||||
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
||||
<view class="time-button-start"
|
||||
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
开始服务
|
||||
<view
|
||||
style="display: flex;justify-content: center;align-items: center;transition: all 0.4s ease-in-out;"
|
||||
:style="isPopupVisiblefiropensec?{transform: `scale(1.5)`,marginLeft:``,marginTop:`200rpx`}:{transform: `scale(1)`,marginLeft:`100rpx`,marginTop:`200rpx`}">
|
||||
<image class="right-container-left-type" :src="`/static/index/yiliao/yiliaolei.png`" />
|
||||
<div class="right-container-left-font" @click="closePopupsec">医疗类</div>
|
||||
<image v-if="darkFans" class="card-upfaguang-down" :src="`/static/index/cardbgc/uplight.png`" />
|
||||
<view class="swiper savehundred" style="width: 1000rpx;">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<div class="right-container-fir-left-card-flex-sec">
|
||||
<view class="uni-margin-wrap">
|
||||
<view class="swiper">
|
||||
<view class="swiper-item-flex" v-for="(item,index) in [1]" :key="index"
|
||||
style="transition: all 0.4s ease-in-out">
|
||||
<div class="right-container-left-font-spec"
|
||||
:style="isPopupVisiblefiropensec?{top:`120rpx`}:{top:`120rpx`}">
|
||||
进行中
|
||||
</div>
|
||||
<view class="time-tra-sec">
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`">
|
||||
10:00 - 10:10
|
||||
</view>
|
||||
<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
|
||||
:style="isPopupVisiblefiropensec?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
服务结束
|
||||
<view :class="`time-people-thi`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/doctorsaydark.png`:`/static/index/medium/doctorsay.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
医嘱类型:药品
|
||||
</text>
|
||||
</view>
|
||||
<view :class="`time-people-thi`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/howtododark.png`:`/static/index/medium/howtodo.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
处置方式:肌肉注射
|
||||
</text>
|
||||
</view>
|
||||
<view :class="`time-people-thi`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/useMed.png`:`/static/index/medium/yongyao.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
用药类型:抗生素类
|
||||
</text>
|
||||
</view>
|
||||
<view :class="`time-people-thi`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/domanydark.png`:`/static/index/medium/domany.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
执行方式:周期一日执行一次
|
||||
</text>
|
||||
</view>
|
||||
<view :class="`time-people-thi`">
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
单人执行
|
||||
</text>
|
||||
<image class="time-people-img"
|
||||
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
|
||||
<text
|
||||
:class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
赵宇
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-button-view"
|
||||
:style="isPopupVisiblefiropensec?{marginTop:`50rpx`}:`{}`">
|
||||
<view class="time-button-start">
|
||||
开始服务
|
||||
</view>
|
||||
<view
|
||||
:class="darkFans?`time-button-end-dark`:`time-button-end`">
|
||||
服务结束
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
:class="isPopupVisiblefiropensec?`right-container-photo-change`:`right-container-photo`"
|
||||
@click="showPopupsec">
|
||||
<image class="right-container-photo-img"
|
||||
:src="`/static/index/yiliao/project2.png`" />
|
||||
<text
|
||||
:class="darkFans?`right-container-photo-text-dark`:`right-container-photo-text`">
|
||||
脑膜炎(1/2)
|
||||
</text>
|
||||
<view :class="`right-container-photo`" @click="showPopupsec">
|
||||
<image class="right-container-photo-img"
|
||||
:src="`/static/index/yiliao/project2.png`" />
|
||||
<text
|
||||
:class="darkFans?`right-container-photo-text-dark`:`right-container-photo-text`">
|
||||
脑膜炎(1/2)
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
<view class="split-line-white-sec"
|
||||
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
|
||||
<image v-if="darkFans" class="split-line-white-img"
|
||||
:src="`/static/index/cardbgc/leftlight.png`" />
|
||||
</view>
|
||||
<view class="right-huli-fir" style="width: 250rpx;height: 700rpx;margin-top: -100rpx;">
|
||||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view">
|
||||
<view v-for="(item,index) in mediumList" :key="index" class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
<div class="progress-bar-container" v-show="item.number !== 0">
|
||||
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
|
||||
</div>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true"
|
||||
class="right-huli-view">
|
||||
<view v-for="(item,index) in mediumListdark" :key="index" class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||
<div class="progress-bar-container" v-show="item.number !== 0">
|
||||
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
|
||||
</div>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="split-line-white-sec"
|
||||
:style="darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);`:``">
|
||||
<image v-if="darkFans" class="split-line-white-img"
|
||||
:src="`/static/index/cardbgc/leftlight.png`" />
|
||||
</view>
|
||||
<view class="right-huli-fir" :style="isPopupVisiblefiropensec?{width:`350rpx`}:`{}`">
|
||||
<image class="right-huli-shang" :src="`/static/index/hulilist/shang.png`" />
|
||||
<scroll-view v-if="!darkFans" :show-scrollbar="false" scroll-y="true" class="right-huli-view">
|
||||
<view v-for="(item,index) in mediumList" :key="index" class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text">{{item.name}}</text>
|
||||
<div class="progress-bar-container" v-show="item.number !== 0">
|
||||
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
|
||||
</div>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<scroll-view v-if="darkFans" :show-scrollbar="false" scroll-y="true" class="right-huli-view">
|
||||
<view v-for="(item,index) in mediumListdark" :key="index" class="right-huli-view-dis">
|
||||
<image class="right-huli-img" :src="item.url" />
|
||||
<text class="right-huli-text-dark">{{item.name}}</text>
|
||||
<div class="progress-bar-container" v-show="item.number !== 0">
|
||||
<div :style="{width:`${item.number}%`}" class="progress-bar"></div>
|
||||
</div>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<image class="right-huli-xia" :src="`/static/index/hulilist/xia.png`" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -663,64 +653,56 @@
|
|||
<view class="popup-overlay-content" @click.stop
|
||||
:style="{ width: widthComthi + 'rpx',height: heightComthi + 'rpx',top: topComthi + 'rpx',left: leftComthi + 'rpx' }">
|
||||
<view :class="darkFans ? `right-container-right-father-dark`:`right-container-right-father`">
|
||||
<view class="right-container-right-down-father">
|
||||
<view class="right-container-right-down-father"
|
||||
:style="isPopupVisiblefiropenthi?{transform: `scale(1.8)`,marginLeft:`750rpx`,marginTop:`200rpx`}:{transform: `scale(1)`}">
|
||||
<div class="right-container-fir-left-card-flex-sec">
|
||||
<image class="right-container-fir-left-card-flex-sec-img"
|
||||
:src="`/static/index/baojielei.png`" />
|
||||
<div class="right-container-fir-left-card-flex-sec-font" @click="closePopupthi">保洁类
|
||||
</div>
|
||||
<view class="uni-margin-wrap" :style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:`{}`">
|
||||
<view class="uni-margin-wrap">
|
||||
<div class="swiper" circular :indicator-dots="false" disable-touch>
|
||||
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index">
|
||||
<view class="time-tra-thi-open"
|
||||
:style="isPopupVisiblefiropenthi?{width:`800rpx`,marginLeft:`150rpx`}:`{}`">
|
||||
<div class="swiper-item-flex" v-for="(item,index) in [1]" :key="index"
|
||||
style="transition: all 0.4s ease-in-out">
|
||||
<view class="time-tra-thi-open">
|
||||
<view class="time-tra-thi-zhixing">
|
||||
<div class="time-tra-thi-zhixing-font"
|
||||
:style="isPopupVisiblefiropenthi?{top:`90rpx`,left:`200rpx`,width: `150rpx`,height: `60rpx`,fontSize: `35rpx`,borderRadius: `8rpx`}:`{}`">
|
||||
<div class="time-tra-thi-zhixing-font">
|
||||
待执行
|
||||
</div>
|
||||
</view>
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`"
|
||||
:style="isPopupVisiblefiropenthi?{fontSize:`100rpx`}:`{}`">
|
||||
<view :class="darkFans?`time-font-dark`:`time-font`">
|
||||
|
||||
10:00 - 10:10
|
||||
</view>
|
||||
<view :class="darkFans?`time-text-dark`:`time-text`"
|
||||
:style="isPopupVisiblefiropenthi?{width:`800rpx`,fontSize:`45rpx`,marginTop:`100rpx`,lineHeight:`60rpx`}:`{}`">
|
||||
<view :class="darkFans?`time-text-dark`:`time-text`">
|
||||
为老人提供口腔清洁器具,牙膏、牙刷及水杯,看护完成
|
||||
</view>
|
||||
<view class="time-people-two"
|
||||
:style="isPopupVisiblefiropenthi?{marginTop:`100rpx`,marginBottom:`100rpx`}:`{}`">
|
||||
<view class="time-people-two">
|
||||
<image class="time-people-img"
|
||||
:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
|
||||
:src="darkFans?`/static/index/darkicon/zhixingpeopledark.png`:`/static/index/cardicons/zhixing.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
|
||||
:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
单人执行
|
||||
</text>
|
||||
<image class="time-people-img"
|
||||
:style="isPopupVisiblefiropenthi?{width:`55rpx`,height:`55rpx`}:`{}`"
|
||||
:src="darkFans?`/static/index/medium/dopeopledark.png`:`/static/index/cardicons/zhifa.png`" />
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`"
|
||||
:style="isPopupVisiblefiropenthi?{fontSize:`42rpx`,marginRight:'40rpx'}:`{}`">
|
||||
<text :class="darkFans?`time-people-font-dark`:`time-people-font`">
|
||||
王金福 / 李贵田
|
||||
</text>
|
||||
</view>
|
||||
<view class="time-button-view">
|
||||
<view class="time-button-start"
|
||||
:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
<view class="time-button-start">
|
||||
开始服务
|
||||
</view>
|
||||
<view :class="darkFans?`time-button-end-dark`:`time-button-end`"
|
||||
:style="isPopupVisiblefiropenthi?{width:`350rpx`,height:`110rpx`,borderRadius:`80rpx`,fontSize:`50rpx`}:`{}`">
|
||||
<view :class="darkFans?`time-button-end-dark`:`time-button-end`">
|
||||
服务结束
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
:class="isPopupVisiblefiropenthi?`time-tra-thi-photo-change`:`time-tra-thi-photo`">
|
||||
<view :class="`time-tra-thi-photo`"
|
||||
:style="isPopupVisiblefiropenthi?{marginLeft:`100rpx`}:{}">
|
||||
<image class="time-tra-thi-photo-img"
|
||||
style="margin-top: 150rpx;margin-left: -80rpx;"
|
||||
:src="`/static/index/project3.png`" />
|
||||
:src="`/static/index/project3.png`" @click="closePopupthi" />
|
||||
<text
|
||||
:class="darkFans?`time-tra-thi-photo-font-dark`:`time-tra-thi-photo-font`">
|
||||
更换纸尿裤
|
||||
|
@ -741,7 +723,7 @@
|
|||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits } from 'vue';
|
||||
import type { Link, huliListType, medType, roomBtttonType } from "./index";
|
||||
import type { huliListType, medType, roomBtttonType } from "./index";
|
||||
|
||||
const props = defineProps({
|
||||
isshow: {
|
||||
|
@ -765,7 +747,7 @@
|
|||
const isPopupVisiblesec = ref(false);
|
||||
const widthComsec = ref(1150);
|
||||
const heightComsec = ref(630);
|
||||
const topComsec = ref(730);
|
||||
const topComsec = ref(630);
|
||||
const leftComsec = ref(233);
|
||||
const isPopupVisiblefiropensec = ref(false);
|
||||
|
||||
|
@ -932,7 +914,10 @@
|
|||
topCom.value = 145;
|
||||
leftCom.value = 233;
|
||||
isPopupVisiblefiropen.value = false;
|
||||
isPopupVisible.value = false; ''
|
||||
setTimeout(() => {
|
||||
isPopupVisible.value = false;
|
||||
}, 300)
|
||||
|
||||
}
|
||||
//动画的点击触发(左下角)
|
||||
|
||||
|
@ -952,7 +937,10 @@
|
|||
topComsec.value = 730;
|
||||
leftComsec.value = 233;
|
||||
isPopupVisiblefiropensec.value = false;
|
||||
isPopupVisiblesec.value = false;
|
||||
setTimeout(() => {
|
||||
isPopupVisiblesec.value = false;
|
||||
}, 300)
|
||||
|
||||
}
|
||||
//动画的点击触发(右下角)
|
||||
|
||||
|
@ -972,7 +960,9 @@
|
|||
topComthi.value = 730;
|
||||
leftComthi.value = 1420;
|
||||
isPopupVisiblefiropenthi.value = false;
|
||||
isPopupVisiblethi.value = false;
|
||||
setTimeout(() => {
|
||||
isPopupVisiblethi.value = false;
|
||||
}, 300)
|
||||
}
|
||||
let timerId = null;
|
||||
// 生命周期钩子
|
||||
|
@ -3145,6 +3135,7 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
.under-father-light {
|
||||
position: absolute;
|
||||
bottom: -20rpx;
|
||||
|
@ -3213,46 +3204,52 @@
|
|||
}
|
||||
}
|
||||
|
||||
.time-tra-thi-photo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 300rpx;
|
||||
// height: 100%;
|
||||
flex-direction: column;
|
||||
// margin-left: -100rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
|
||||
.time-tra-thi-photo-img {
|
||||
width: 330rpx;
|
||||
height: 330rpx;
|
||||
margin-top: -100rpx;
|
||||
margin-left: -50rpx;
|
||||
.swiper-item-flex {
|
||||
// transition: all 0.4s ease-in-out;
|
||||
|
||||
.time-tra-thi-photo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 300rpx;
|
||||
// height: 100%;
|
||||
flex-direction: column;
|
||||
// margin-left: -100rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
margin-left: 20rpx;
|
||||
|
||||
.time-tra-thi-photo-font {
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.time-tra-thi-photo-img {
|
||||
width: 330rpx;
|
||||
height: 330rpx;
|
||||
margin-top: -100rpx;
|
||||
margin-left: -50rpx;
|
||||
|
||||
.time-tra-thi-photo-font-dark {
|
||||
color: #CDD6EA;
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-tra-thi-photo-font {
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.time-tra-thi-photo-font-dark {
|
||||
color: #CDD6EA;
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.time-tra-thi-photo-change {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -3305,15 +3302,6 @@
|
|||
align-items: center;
|
||||
backdrop-filter: blur(1rpx);
|
||||
transition: all 0.4s ease-in-out;
|
||||
/* 关键:通过遮罩控制模糊的显示区域 */
|
||||
// mask: radial-gradient(circle at center,
|
||||
// rgba(0, 0, 0, 0) 0%,
|
||||
// /* 中心完全透明(模糊不可见) */
|
||||
// rgba(0, 0, 0, 0.1) 30%,
|
||||
// /* 中间过渡区域 */
|
||||
// rgba(0, 0, 0, 1) 70%
|
||||
// /* 边缘完全不透明(模糊可见) */
|
||||
// );
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
|
||||
|
@ -3575,15 +3563,15 @@
|
|||
|
||||
.right-container-fir-left-card-zhixing {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 870rpx;
|
||||
top: 52rpx;
|
||||
left: 810rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.right-container-fir-left-card-zhixing-font {
|
||||
position: absolute;
|
||||
top: -80rpx;
|
||||
left: 0rpx;
|
||||
left: 70rpx;
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
font-size: 25rpx;
|
||||
|
@ -3650,7 +3638,7 @@
|
|||
|
||||
.right-container-fir-left-card-hulilei {
|
||||
position: absolute;
|
||||
top: 38rpx;
|
||||
top: 120rpx;
|
||||
left: -10rpx;
|
||||
width: 220rpx;
|
||||
height: 73rpx;
|
||||
|
@ -3659,7 +3647,7 @@
|
|||
|
||||
.right-container-fir-left-card-hulilei-font {
|
||||
position: absolute;
|
||||
top: 47rpx;
|
||||
top: 130rpx;
|
||||
left: 45rpx;
|
||||
font-size: 36rpx;
|
||||
color: #fff;
|
||||
|
@ -3672,7 +3660,7 @@
|
|||
|
||||
.right-container-left-font-spec {
|
||||
position: absolute;
|
||||
top: 110rpx;
|
||||
top: 150rpx;
|
||||
left: 580rpx;
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
|
@ -4463,7 +4451,7 @@
|
|||
}
|
||||
|
||||
.right-huli-fir {
|
||||
width: 250rpx;
|
||||
width: 230rpx;
|
||||
height: 100%;
|
||||
// background-color: #047ADB;
|
||||
margin-top: 0rpx;
|
||||
|
@ -4601,7 +4589,7 @@
|
|||
|
||||
.right-container-left-type {
|
||||
position: absolute;
|
||||
top: 42rpx;
|
||||
top: 20rpx;
|
||||
left: -15rpx;
|
||||
width: 235rpx;
|
||||
height: 73rpx;
|
||||
|
@ -4610,7 +4598,7 @@
|
|||
|
||||
.right-container-left-font {
|
||||
position: absolute;
|
||||
top: 51rpx;
|
||||
top: 30rpx;
|
||||
left: 50rpx;
|
||||
font-size: 36rpx;
|
||||
color: #fff;
|
||||
|
@ -4829,7 +4817,7 @@
|
|||
}
|
||||
|
||||
.time-people-font {
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -4839,7 +4827,7 @@
|
|||
|
||||
.time-people-font-dark {
|
||||
color: #CDD6EA;
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -31,9 +31,47 @@
|
|||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="doctorsay-container">
|
||||
|
||||
<view class="doctorsay-container-view">
|
||||
<view class="doctorsay-container-items">
|
||||
<view class="doctorsay-container-up">
|
||||
<view v-for="(item,index) in doctorsayList" :key="index" @click="upmenuIndex=index">
|
||||
<view class="doctorsay-container-card"
|
||||
:style="index === upmenuIndex ? {backgroundColor:`#0184db`} : {}">
|
||||
<image class="doctorsay-container-card-img"
|
||||
:src="index === upmenuIndex ? item.targetUrl : item.url" />
|
||||
<view
|
||||
:class="(index === upmenuIndex) ? `doctorsay-container-card-font-dark`:`doctorsay-container-card-font`">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="doctorsay-container-down">
|
||||
<view class="doctorsay-top"></view>
|
||||
<scroll-view :scroll-y="canmove" class="doctorsay-container-scroll">
|
||||
<view v-for="(item,index) in downList" :key="index" class="doctorsay-container-button" @touchstart="handleTouchStart(item,index)" @touchend="handleTouchEnd">
|
||||
<view class="doctorsay-container-button-gun" v-show="downmenuIndex===index"></view>
|
||||
<text :class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`"
|
||||
>{{item}}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="doctorsay-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="doctorsay-container-container">
|
||||
<view class="doctorsay-container-title">
|
||||
<view class="doctorsay-container-left">
|
||||
<view class="doctorsay-container-left-gun"></view>
|
||||
<view class="doctorsay-container-left-font">时间矩阵</view>
|
||||
</view>
|
||||
<view class="doctorsay-container-right">
|
||||
2
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="right-container-sec">
|
||||
<view class="under-father">
|
||||
<view class="under-father-view" v-for="(item,index) in undericonList" :key="index"
|
||||
|
@ -65,9 +103,35 @@
|
|||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
canmove:{
|
||||
type: Boolean,
|
||||
required: true,
|
||||
}
|
||||
});
|
||||
//左下的数组
|
||||
const downList = ref<String[]>([
|
||||
"口腔清洁啊",
|
||||
"头部清洁",
|
||||
"面部清洁",
|
||||
"躯干清洁",
|
||||
"四肢清洁",
|
||||
"会阴清洁",
|
||||
"肛周清洁",
|
||||
"手清洁",
|
||||
"足清洁",
|
||||
"剃须",
|
||||
|
||||
|
||||
"口腔清洁",
|
||||
"头部清洁",
|
||||
"面部清洁",
|
||||
"躯干清洁",
|
||||
"四肢清洁",
|
||||
"会阴清洁",
|
||||
"肛周清洁",
|
||||
"手清洁",
|
||||
"足清洁",
|
||||
"剃须",
|
||||
])
|
||||
// 初始化下面侧单列表
|
||||
const undericonList = ref<roomBtttonType[]>([
|
||||
{ url: '/static/index/undericons/alarm.png', targetUrl: '/static/index/undericons/alarmdark.png', name: '服务考核' },
|
||||
|
@ -78,14 +142,25 @@
|
|||
{ url: '/static/index/darkicon/dianqidark.png', targetUrl: '/static/index/roomicons/dianqitar.png', name: '我的指令' },
|
||||
]);
|
||||
|
||||
// 初始化下面侧单列表
|
||||
const doctorsayList = ref<roomBtttonType[]>([
|
||||
{ url: '/static/index/doctorsay/light/clean.png', targetUrl: '/static/index/doctorsay/dark/clean.png', name: '清洁' },
|
||||
{ url: '/static/index/doctorsay/light/drink.png', targetUrl: '/static/index/doctorsay/dark/drink.png', name: '饮食' },
|
||||
{ url: '/static/index/doctorsay/light/bed.png', targetUrl: '/static/index/doctorsay/dark/bed.png', name: '睡眠' },
|
||||
{ url: '/static/index/doctorsay/light/shi.png', targetUrl: '/static/index/doctorsay/dark/shi.png', name: '排便' },
|
||||
{ url: '/static/index/doctorsay/light/use.png', targetUrl: '/static/index/doctorsay/dark/use.png', name: '日常' },
|
||||
|
||||
]);
|
||||
// 当前选中的菜单索引
|
||||
const undermenuIndex = ref<number>(0);
|
||||
const upmenuIndex = ref<number>(0);
|
||||
const downmenuIndex = ref<number>(0);
|
||||
// 暗黑模式
|
||||
// const darkFans = ref<boolean>(false);
|
||||
const underFans = ref<boolean>(false);
|
||||
// 当前选中的菜单索引
|
||||
const roomTar = ref<number[]>([]);
|
||||
const emit = defineEmits(['darkchange']);
|
||||
const emit = defineEmits(['darkchange','savename']);
|
||||
// 暗黑模式改变
|
||||
const darkFanschange = () => {
|
||||
emit('darkchange', !props.darkFans);
|
||||
|
@ -95,15 +170,22 @@
|
|||
undermenuIndex.value = index;
|
||||
};
|
||||
|
||||
const timer = ref(null);//计时器
|
||||
//长按开始
|
||||
const handleTouchStart = (item:string,index : number) => {
|
||||
timer.value = setTimeout(() => {
|
||||
downmenuIndex.value = index
|
||||
emit('savename', item);
|
||||
}, 500);
|
||||
}
|
||||
// 触摸松开,清除定时器
|
||||
const handleTouchEnd = () => {
|
||||
if (timer.value) {
|
||||
clearTimeout(timer.value);
|
||||
timer.value = null;
|
||||
}
|
||||
};
|
||||
|
||||
// 生命周期钩子
|
||||
onMounted(() => {
|
||||
|
||||
});
|
||||
// 在组件销毁时清除定时器
|
||||
onBeforeUnmount(() => {
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
@ -111,12 +193,129 @@
|
|||
width: calc(100% - 235rpx);
|
||||
height: 100vh;
|
||||
transition: opacity 1s ease;
|
||||
.doctorsay-container{
|
||||
width: 1850rpx;
|
||||
height: 1220rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 80rpx;
|
||||
position: relative;
|
||||
.move-font{
|
||||
position: absolute;
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.doctorsay-container-view {
|
||||
width: 100%;
|
||||
height: 1220rpx;
|
||||
display: flex;
|
||||
|
||||
.doctorsay-container-items {
|
||||
width: 310rpx;
|
||||
height: 1220rpx;
|
||||
|
||||
.doctorsay-container-up {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.doctorsay-container-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgb(221, 234, 250);
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
margin: 0 18rpx 15rpx 0rpx;
|
||||
border-radius: 30rpx;
|
||||
border: 2rpx solid rgb(221, 234, 250);
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
|
||||
.doctorsay-container-card-img {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
|
||||
.doctorsay-container-card-font {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.doctorsay-container-card-font-dark {
|
||||
font-size: 26rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.doctorsay-container-down {
|
||||
background-color: rgb(221, 234, 250);
|
||||
width: 290rpx;
|
||||
height: 770rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-top: 0rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
|
||||
.doctorsay-container-scroll {
|
||||
height: 690rpx;
|
||||
}
|
||||
|
||||
.doctorsay-top {
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.doctorsay-container-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 85rpx;
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
.doctorsay-container-text-target{
|
||||
color:#016AD1;
|
||||
background-color: #c9e8ff;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
border: 2rpx solid #fff;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.doctorsay-container-button-gun {
|
||||
position: absolute;
|
||||
top: 22rpx;
|
||||
left: 1rpx;
|
||||
width: 10rpx;
|
||||
height: 42rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.doctorsay-container-container {
|
||||
width: 1730rpx;
|
||||
height: 1220rpx;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-radius: 60rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); /* 右下角阴影 */
|
||||
overflow: hidden;
|
||||
.doctorsay-container-title{
|
||||
width: 100%;
|
||||
height: 130rpx;
|
||||
background-color: #c9e8ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.doctorsay-container-left{
|
||||
display: flex;
|
||||
.doctorsay-container-left-gun{
|
||||
margin-left: 40rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 55rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.doctorsay-container-left-font{
|
||||
font-size: 42rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right-container-sec {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
|
@ -29,7 +29,8 @@
|
|||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app x",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F8F8F8"
|
||||
"backgroundColor": "#F8F8F8",
|
||||
"bounce": "none" //关闭窗口回弹效果
|
||||
},
|
||||
"uniIdRouter": {}
|
||||
}
|
|
@ -1,5 +1,8 @@
|
|||
<template>
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`">
|
||||
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" @touchmove="getxy" @touchend="cleanall">
|
||||
<view class="move-font" v-show="savename" :style="{ top: `${clientY}rpx`, left: `${clientX}rpx` }">
|
||||
{{savename}}
|
||||
</view>
|
||||
<view class="left-container">
|
||||
<view class="left-head">
|
||||
<image class="left-head-img" src="/static/index/oldman.png" />
|
||||
|
@ -18,8 +21,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<rightItemsfirst :isshow="menuIndexshow" :darkFans="darkFans" v-show="!menuIndex" @darkchange="darkchange" />
|
||||
<rightItemssecond :isshow="menuIndexshowsecond" :darkFans="darkFans" v-show="menuIndex==1" @darkchange="darkchange"/>
|
||||
<!-- -->
|
||||
<rightItemssecond :isshow="menuIndexshowsecond" :canmove="canmove" :darkFans="darkFans" v-show="menuIndex==1" @darkchange="darkchange" @savename="openname"/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
@ -41,7 +43,7 @@
|
|||
]);
|
||||
|
||||
// 当前选中的菜单索引
|
||||
const menuIndex = ref<number>(0);
|
||||
const menuIndex = ref<number>(1);
|
||||
const menuIndexshow = ref<boolean>(false);
|
||||
const menuIndexshowsecond = ref<boolean>(false);
|
||||
// 暗黑模式
|
||||
|
@ -85,7 +87,27 @@
|
|||
}
|
||||
},50)
|
||||
};
|
||||
|
||||
const clientX = ref(0);
|
||||
const clientY = ref(0);
|
||||
const savename = ref("")
|
||||
const canmove = ref(true)
|
||||
//全局获得x轴和y轴
|
||||
const getxy = (event) => {
|
||||
const touch = event.touches[0];
|
||||
clientX.value = 2*(Math.floor(touch.clientX) - 60);
|
||||
clientY.value = 2*(Math.floor(touch.clientY) - 55);
|
||||
}
|
||||
const openname = (res:string) =>{
|
||||
savename.value = res;
|
||||
canmove.value = false;
|
||||
}
|
||||
//禁止滑动
|
||||
const cleanall = () =>{
|
||||
savename.value = "";
|
||||
clientX.value = 9999;
|
||||
clientY.value = 9999;
|
||||
canmove.value = true;
|
||||
}
|
||||
// 生命周期钩子
|
||||
onShow(() => {
|
||||
//首次加载和跳转回来需要重新做个动画
|
||||
|
@ -106,6 +128,7 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
//暗黑模式
|
||||
|
@ -118,6 +141,13 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 11;
|
||||
}
|
||||
.move-font{
|
||||
position: absolute;
|
||||
font-size: 45rpx;
|
||||
font-weight: 700;
|
||||
z-index: 10;
|
||||
}
|
||||
.left-container {
|
||||
width: 235rpx;
|
||||
|
|
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.5 KiB |
|
@ -1,7 +1,7 @@
|
|||
|
||||
;(function(){
|
||||
let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[];
|
||||
const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app x","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"养老App","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"4.45","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}};
|
||||
const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","bounce":"none","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app x","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"养老App","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"4.45","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}};
|
||||
const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/login/login","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/somethingmove/index","meta":{"navigationBar":{"style":"custom","type":"default"},"isNVue":false}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute));
|
||||
__uniConfig.styles=[];//styles
|
||||
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
|
||||
|
|
|
@ -1849,22 +1849,23 @@
|
|||
margin-top: -0.3125rem;
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
.time-tra-thi-photo[data-v-9f74ebdb] {
|
||||
.swiper-item-flex .time-tra-thi-photo[data-v-9f74ebdb] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 9.375rem;
|
||||
flex-direction: column;
|
||||
transition: all 0.4s ease-in-out;
|
||||
margin-left: 0.625rem;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-img[data-v-9f74ebdb] {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-img[data-v-9f74ebdb] {
|
||||
width: 10.3125rem;
|
||||
height: 10.3125rem;
|
||||
margin-top: -3.125rem;
|
||||
margin-left: -1.5625rem;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-font[data-v-9f74ebdb] {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font[data-v-9f74ebdb] {
|
||||
font-size: 0.9375rem;
|
||||
margin-right: 1.5625rem;
|
||||
text-overflow: ellipsis;
|
||||
|
@ -1872,7 +1873,7 @@
|
|||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-font-dark[data-v-9f74ebdb] {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font-dark[data-v-9f74ebdb] {
|
||||
color: #CDD6EA;
|
||||
font-size: 0.9375rem;
|
||||
margin-right: 1.5625rem;
|
||||
|
@ -1926,7 +1927,6 @@
|
|||
-webkit-backdrop-filter: blur(0.03125rem);
|
||||
backdrop-filter: blur(0.03125rem);
|
||||
transition: all 0.4s ease-in-out;
|
||||
/* 关键:通过遮罩控制模糊的显示区域 */
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
}
|
||||
|
@ -2145,14 +2145,14 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 0.3125rem;
|
||||
left: 27.1875rem;
|
||||
top: 1.625rem;
|
||||
left: 25.3125rem;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: -2.5rem;
|
||||
left: 0;
|
||||
left: 2.1875rem;
|
||||
width: 3.125rem;
|
||||
height: 1.25rem;
|
||||
font-size: 0.78125rem;
|
||||
|
@ -2206,7 +2206,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 1.1875rem;
|
||||
top: 3.75rem;
|
||||
left: -0.3125rem;
|
||||
width: 6.875rem;
|
||||
height: 2.28125rem;
|
||||
|
@ -2214,7 +2214,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 1.46875rem;
|
||||
top: 4.0625rem;
|
||||
left: 1.40625rem;
|
||||
font-size: 1.125rem;
|
||||
color: #fff;
|
||||
|
@ -2222,7 +2222,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-font-spec[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 3.4375rem;
|
||||
top: 4.6875rem;
|
||||
left: 18.125rem;
|
||||
width: 3.125rem;
|
||||
height: 1.25rem;
|
||||
|
@ -2884,7 +2884,7 @@
|
|||
z-index: 11;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .right-huli-fir[data-v-9f74ebdb] {
|
||||
width: 7.8125rem;
|
||||
width: 7.1875rem;
|
||||
height: 100%;
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
|
@ -3000,7 +3000,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-type[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 1.3125rem;
|
||||
top: 0.625rem;
|
||||
left: -0.46875rem;
|
||||
width: 7.34375rem;
|
||||
height: 2.28125rem;
|
||||
|
@ -3008,7 +3008,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-font[data-v-9f74ebdb] {
|
||||
position: absolute;
|
||||
top: 1.59375rem;
|
||||
top: 0.9375rem;
|
||||
left: 1.5625rem;
|
||||
font-size: 1.125rem;
|
||||
color: #fff;
|
||||
|
@ -3200,7 +3200,7 @@
|
|||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font[data-v-9f74ebdb] {
|
||||
font-size: 1rem;
|
||||
font-size: 0.9375rem;
|
||||
margin-right: 0.625rem;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -3209,7 +3209,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark[data-v-9f74ebdb] {
|
||||
color: #CDD6EA;
|
||||
font-size: 1rem;
|
||||
font-size: 0.9375rem;
|
||||
margin-right: 0.625rem;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -3322,12 +3322,123 @@
|
|||
width: calc(100% - 7.34375rem);
|
||||
height: 100vh;
|
||||
transition: opacity 1s ease;
|
||||
position: relative;
|
||||
}
|
||||
.right-container .doctorsay-container[data-v-337bb5da] {
|
||||
width: 57.8125rem;
|
||||
.right-container .move-font[data-v-337bb5da] {
|
||||
position: absolute;
|
||||
font-size: 1.09375rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.right-container .doctorsay-container-view[data-v-337bb5da] {
|
||||
width: 100%;
|
||||
height: 38.125rem;
|
||||
background-color: #fff;
|
||||
border-radius: 2.5rem;
|
||||
display: flex;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items[data-v-337bb5da] {
|
||||
width: 9.6875rem;
|
||||
height: 38.125rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up[data-v-337bb5da] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card[data-v-337bb5da] {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ddeafa;
|
||||
width: 4.0625rem;
|
||||
height: 4.0625rem;
|
||||
margin: 0 0.5625rem 0.46875rem 0;
|
||||
border-radius: 0.9375rem;
|
||||
border: 0.0625rem solid #ddeafa;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img[data-v-337bb5da] {
|
||||
width: 2.34375rem;
|
||||
height: 2.34375rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font[data-v-337bb5da] {
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark[data-v-337bb5da] {
|
||||
font-size: 0.8125rem;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down[data-v-337bb5da] {
|
||||
background-color: #ddeafa;
|
||||
width: 9.0625rem;
|
||||
height: 24.0625rem;
|
||||
border-radius: 1.25rem;
|
||||
margin-top: 0;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll[data-v-337bb5da] {
|
||||
height: 21.5625rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-top[data-v-337bb5da] {
|
||||
height: 1.25rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button[data-v-337bb5da] {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 2.65625rem;
|
||||
font-size: 1.09375rem;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target[data-v-337bb5da] {
|
||||
color: #016AD1;
|
||||
background-color: #c9e8ff;
|
||||
padding: 0.3125rem 0.9375rem;
|
||||
border-radius: 1.25rem;
|
||||
border: 0.0625rem solid #fff;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun[data-v-337bb5da] {
|
||||
position: absolute;
|
||||
top: 0.6875rem;
|
||||
left: 0.03125rem;
|
||||
width: 0.3125rem;
|
||||
height: 1.3125rem;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 0.3125rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container[data-v-337bb5da] {
|
||||
width: 54.0625rem;
|
||||
height: 38.125rem;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-radius: 1.875rem;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
overflow: hidden;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title[data-v-337bb5da] {
|
||||
width: 100%;
|
||||
height: 4.0625rem;
|
||||
background-color: #c9e8ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left[data-v-337bb5da] {
|
||||
display: flex;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun[data-v-337bb5da] {
|
||||
margin-left: 1.25rem;
|
||||
margin-right: 0.625rem;
|
||||
width: 0.40625rem;
|
||||
height: 1.71875rem;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 0.3125rem;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font[data-v-337bb5da] {
|
||||
font-size: 1.3125rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.right-container .right-container-sec[data-v-337bb5da] {
|
||||
width: 100%;
|
||||
|
@ -3461,6 +3572,7 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
.darkbackgroundContainer[data-v-1cf27b2a] {
|
||||
display: flex;
|
||||
|
@ -3471,6 +3583,13 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 11;
|
||||
}
|
||||
.move-font[data-v-1cf27b2a] {
|
||||
position: absolute;
|
||||
font-size: 1.40625rem;
|
||||
font-weight: 700;
|
||||
z-index: 10;
|
||||
}
|
||||
.left-container[data-v-1cf27b2a] {
|
||||
width: 7.34375rem;
|
||||
|
|
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.5 KiB |
|
@ -8,7 +8,8 @@
|
|||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "uni-app x",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F8F8F8"
|
||||
"backgroundColor": "#F8F8F8",
|
||||
"bounce": "none"
|
||||
},
|
||||
"usingComponents": {}
|
||||
}
|
|
@ -6879,7 +6879,7 @@ function initOnError() {
|
|||
function initRuntimeSocketService() {
|
||||
const hosts = "192.168.2.36,127.0.0.1";
|
||||
const port = "8090";
|
||||
const id = "mp-weixin_U_yuEH";
|
||||
const id = "mp-weixin_0XB_2U";
|
||||
const lazy = typeof swan !== "undefined";
|
||||
let restoreError = lazy ? () => {
|
||||
} : initOnError();
|
||||
|
|
|
@ -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
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
|
@ -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>
|
|
@ -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;
|
||||
}
|
|
@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
const isPopupVisiblesec = common_vendor.ref(false);
|
||||
const widthComsec = common_vendor.ref(1150);
|
||||
const heightComsec = common_vendor.ref(630);
|
||||
const topComsec = common_vendor.ref(730);
|
||||
const topComsec = common_vendor.ref(630);
|
||||
const leftComsec = common_vendor.ref(233);
|
||||
const isPopupVisiblefiropensec = common_vendor.ref(false);
|
||||
const isPopupVisiblethi = common_vendor.ref(false);
|
||||
|
@ -145,7 +145,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
topCom.value = 145;
|
||||
leftCom.value = 233;
|
||||
isPopupVisiblefiropen.value = false;
|
||||
isPopupVisible.value = false;
|
||||
setTimeout(() => {
|
||||
isPopupVisible.value = false;
|
||||
}, 300);
|
||||
};
|
||||
const showPopupsec = () => {
|
||||
isPopupVisiblesec.value = true;
|
||||
|
@ -163,7 +165,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
topComsec.value = 730;
|
||||
leftComsec.value = 233;
|
||||
isPopupVisiblefiropensec.value = false;
|
||||
isPopupVisiblesec.value = false;
|
||||
setTimeout(() => {
|
||||
isPopupVisiblesec.value = false;
|
||||
}, 300);
|
||||
};
|
||||
const showPopupthi = () => {
|
||||
isPopupVisiblethi.value = true;
|
||||
|
@ -181,7 +185,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
topComthi.value = 730;
|
||||
leftComthi.value = 1420;
|
||||
isPopupVisiblefiropenthi.value = false;
|
||||
isPopupVisiblethi.value = false;
|
||||
setTimeout(() => {
|
||||
isPopupVisiblethi.value = false;
|
||||
}, 300);
|
||||
};
|
||||
let timerId = null;
|
||||
common_vendor.onMounted(() => {
|
||||
|
@ -444,12 +450,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
br: common_vendor.o(closePopup),
|
||||
bs: __props.darkFans
|
||||
}, __props.darkFans ? {
|
||||
bt: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
top: `680rpx`
|
||||
} : `{}`),
|
||||
bv: `/static/index/cardbgc/uplight.png`
|
||||
bt: `/static/index/cardbgc/uplight.png`
|
||||
} : {}, {
|
||||
bw: common_vendor.f([1], (item, index, i0) => {
|
||||
bv: common_vendor.f([1], (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.f([1], (item2, index2, i1) => {
|
||||
return {
|
||||
|
@ -463,162 +466,71 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
c: index
|
||||
});
|
||||
}),
|
||||
bx: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
top: `-60rpx`,
|
||||
left: `0rpx`,
|
||||
width: `150rpx`,
|
||||
height: `60rpx`,
|
||||
fontSize: `35rpx`,
|
||||
borderRadius: `8rpx`
|
||||
} : `{}`),
|
||||
by: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
top: `40rpx`,
|
||||
left: `1300rpx`
|
||||
} : `{}`),
|
||||
bz: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `600rpx`,
|
||||
height: `500rpx`
|
||||
} : {
|
||||
marginTop: `-90rpx`
|
||||
}),
|
||||
bA: `/static/index/teeth.png`,
|
||||
bB: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `65rpx`,
|
||||
height: `65rpx`
|
||||
} : {}),
|
||||
bC: __props.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`,
|
||||
bD: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
fontSize: `46rpx`,
|
||||
width: `400rpx`
|
||||
} : `{}`),
|
||||
bE: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`),
|
||||
bF: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `65rpx`,
|
||||
height: `65rpx`
|
||||
} : {
|
||||
marginLeft: `-150rpx`
|
||||
}),
|
||||
bG: __props.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`,
|
||||
bH: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
bI: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
fontSize: `100rpx`
|
||||
} : `{}`),
|
||||
bJ: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
|
||||
bK: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
fontSize: `45rpx`,
|
||||
lineHeight: `70rpx`,
|
||||
width: `800rpx`,
|
||||
marginTop: `50rpx`,
|
||||
marginBottom: `50rpx`
|
||||
} : `{}`),
|
||||
bL: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
bM: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `55rpx`,
|
||||
height: `55rpx`
|
||||
} : `{}`),
|
||||
bN: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
bO: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
fontSize: `42rpx`,
|
||||
marginRight: "40rpx"
|
||||
} : `{}`),
|
||||
bP: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
bQ: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `55rpx`,
|
||||
height: `55rpx`
|
||||
} : `{}`),
|
||||
bR: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
bS: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
fontSize: `42rpx`
|
||||
} : `{}`),
|
||||
bT: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
marginBottom: "60rpx"
|
||||
} : `{}`),
|
||||
bU: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
bV: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
bW: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
bX: common_vendor.s(isPopupVisiblefiropen.value ? `{}` : {
|
||||
marginTop: `0rpx`,
|
||||
marginLeft: `30rpx`
|
||||
}),
|
||||
bY: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
height: `700rpx`
|
||||
} : `{}`),
|
||||
bZ: __props.darkFans,
|
||||
ca: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
|
||||
cb: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
marginTop: `70rpx`
|
||||
} : {
|
||||
marginTop: `0rpx`
|
||||
}),
|
||||
cc: `/static/index/hulilist/shang.png`,
|
||||
cd: !__props.darkFans
|
||||
bw: `/static/index/teeth.png`,
|
||||
bx: __props.darkFans ? `/static/index/darkicon/labadark.png` : `/static/index/laba.png`,
|
||||
by: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-main-font-dark` : `right-container-fir-left-card-main-font`),
|
||||
bz: __props.darkFans ? `/static/index/indexvideo.png` : `/static/index/indexvideo.png`,
|
||||
bA: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
bB: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
|
||||
bC: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
bD: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
bE: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
bF: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
bG: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
bH: __props.darkFans,
|
||||
bI: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
|
||||
bJ: `/static/index/hulilist/shang.png`,
|
||||
bK: !__props.darkFans
|
||||
}, !__props.darkFans ? {
|
||||
ce: common_vendor.f(huliList.value, (item, index, i0) => {
|
||||
bL: common_vendor.f(huliList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.url,
|
||||
b: common_vendor.t(item.name),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
cf: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
height: `200rpx`
|
||||
} : `{}`),
|
||||
cg: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
height: `600rpx`
|
||||
} : `{}`)
|
||||
})
|
||||
} : {}, {
|
||||
ch: __props.darkFans
|
||||
bM: __props.darkFans
|
||||
}, __props.darkFans ? {
|
||||
ci: common_vendor.f(huliListDark.value, (item, index, i0) => {
|
||||
bN: common_vendor.f(huliListDark.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.url,
|
||||
b: common_vendor.t(item.name),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
cj: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
height: `200rpx`
|
||||
} : `{}`),
|
||||
ck: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
height: `600rpx`
|
||||
} : `{}`)
|
||||
})
|
||||
} : {}, {
|
||||
cl: `/static/index/hulilist/xia.png`,
|
||||
cm: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`),
|
||||
cn: common_vendor.o(() => {
|
||||
bO: `/static/index/hulilist/xia.png`,
|
||||
bP: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
transform: `scale(1.4)`,
|
||||
marginLeft: `0`,
|
||||
marginTop: `0`
|
||||
} : {
|
||||
transform: `scale(1)`,
|
||||
marginLeft: `0rpx`,
|
||||
marginTop: `-100rpx`
|
||||
}),
|
||||
co: widthCom.value + "rpx",
|
||||
cp: heightCom.value + "rpx",
|
||||
cq: topCom.value + "rpx",
|
||||
cr: leftCom.value + "rpx",
|
||||
cs: common_vendor.o(closePopup),
|
||||
ct: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
bQ: common_vendor.n(__props.darkFans ? `right-container-fir-left-card-dark` : `right-container-fir-left-card`),
|
||||
bR: common_vendor.o(() => {
|
||||
}),
|
||||
bS: widthCom.value + "rpx",
|
||||
bT: heightCom.value + "rpx",
|
||||
bU: topCom.value + "rpx",
|
||||
bV: leftCom.value + "rpx",
|
||||
bW: common_vendor.o(closePopup),
|
||||
bX: common_vendor.s(isPopupVisiblefiropen.value ? {
|
||||
backgroundColor: `rgba(89, 109, 154, 0.5)`
|
||||
} : `{}`)
|
||||
}) : {}, {
|
||||
cv: isPopupVisiblesec.value
|
||||
bY: isPopupVisiblesec.value
|
||||
}, isPopupVisiblesec.value ? common_vendor.e({
|
||||
cw: `/static/index/yiliao/yiliaolei.png`,
|
||||
cx: common_vendor.o(closePopupsec),
|
||||
cy: __props.darkFans
|
||||
bZ: `/static/index/yiliao/yiliaolei.png`,
|
||||
ca: common_vendor.o(closePopupsec),
|
||||
cb: __props.darkFans
|
||||
}, __props.darkFans ? {
|
||||
cz: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
left: `1000rpx`,
|
||||
top: `680rpx`
|
||||
} : `{}`),
|
||||
cA: `/static/index/cardbgc/uplight.png`
|
||||
cc: `/static/index/cardbgc/uplight.png`
|
||||
} : {}, {
|
||||
cB: common_vendor.f([1], (item, index, i0) => {
|
||||
cd: common_vendor.f([1], (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.f([1], (item2, index2, i1) => {
|
||||
return {
|
||||
|
@ -629,68 +541,45 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
b: index
|
||||
};
|
||||
}),
|
||||
cC: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
top: `160rpx`,
|
||||
left: `900rpx`,
|
||||
width: `150rpx`,
|
||||
height: `60rpx`,
|
||||
fontSize: `35rpx`,
|
||||
borderRadius: `8rpx`
|
||||
} : `{}`),
|
||||
cD: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
fontSize: `120rpx`
|
||||
} : `{}`),
|
||||
cE: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
cF: __props.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png`,
|
||||
cG: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cH: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
|
||||
cI: __props.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png`,
|
||||
cJ: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cK: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
|
||||
cL: __props.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png`,
|
||||
cM: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cN: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
|
||||
cO: __props.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png`,
|
||||
cP: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cQ: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
|
||||
cR: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
cS: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cT: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
cU: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cV: common_vendor.n(!isPopupVisiblefiropensec.value ? `time-people-thi` : `time-people-thi-change`),
|
||||
cW: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
cX: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
cY: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
cZ: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
ce: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
top: `120rpx`
|
||||
} : {
|
||||
top: `120rpx`
|
||||
}),
|
||||
cf: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
cg: __props.darkFans ? `/static/index/medium/doctorsaydark.png` : `/static/index/medium/doctorsay.png`,
|
||||
ch: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
ci: common_vendor.n(`time-people-thi`),
|
||||
cj: __props.darkFans ? `/static/index/medium/howtododark.png` : `/static/index/medium/howtodo.png`,
|
||||
ck: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cl: common_vendor.n(`time-people-thi`),
|
||||
cm: __props.darkFans ? `/static/index/medium/useMed.png` : `/static/index/medium/yongyao.png`,
|
||||
cn: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
co: common_vendor.n(`time-people-thi`),
|
||||
cp: __props.darkFans ? `/static/index/medium/domanydark.png` : `/static/index/medium/domany.png`,
|
||||
cq: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cr: common_vendor.n(`time-people-thi`),
|
||||
cs: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
ct: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cv: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
cw: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
cx: common_vendor.n(`time-people-thi`),
|
||||
cy: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
cz: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
marginTop: `50rpx`
|
||||
} : `{}`),
|
||||
da: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
width: `800rpx`,
|
||||
marginTop: `70rpx`,
|
||||
marginLeft: `120rpx`
|
||||
} : `{}`),
|
||||
db: `/static/index/yiliao/project2.png`,
|
||||
dc: common_vendor.n(__props.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`),
|
||||
dd: common_vendor.n(isPopupVisiblefiropensec.value ? `right-container-photo-change` : `right-container-photo`),
|
||||
de: __props.darkFans
|
||||
cA: `/static/index/yiliao/project2.png`,
|
||||
cB: common_vendor.n(__props.darkFans ? `right-container-photo-text-dark` : `right-container-photo-text`),
|
||||
cC: common_vendor.n(`right-container-photo`),
|
||||
cD: __props.darkFans
|
||||
}, __props.darkFans ? {
|
||||
df: `/static/index/cardbgc/leftlight.png`
|
||||
cE: `/static/index/cardbgc/leftlight.png`
|
||||
} : {}, {
|
||||
dg: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
|
||||
dh: `/static/index/hulilist/shang.png`,
|
||||
di: !__props.darkFans
|
||||
cF: common_vendor.s(__props.darkFans ? `background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #386997 50%, rgba(0, 0, 0, 0) 100%);` : ``),
|
||||
cG: `/static/index/hulilist/shang.png`,
|
||||
cH: !__props.darkFans
|
||||
}, !__props.darkFans ? {
|
||||
dj: common_vendor.f(mediumList.value, (item, index, i0) => {
|
||||
cI: common_vendor.f(mediumList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.url,
|
||||
b: common_vendor.t(item.name),
|
||||
|
@ -700,9 +589,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
};
|
||||
})
|
||||
} : {}, {
|
||||
dk: __props.darkFans
|
||||
cJ: __props.darkFans
|
||||
}, __props.darkFans ? {
|
||||
dl: common_vendor.f(mediumListdark.value, (item, index, i0) => {
|
||||
cK: common_vendor.f(mediumListdark.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.url,
|
||||
b: common_vendor.t(item.name),
|
||||
|
@ -712,110 +601,71 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
};
|
||||
})
|
||||
} : {}, {
|
||||
dm: `/static/index/hulilist/xia.png`,
|
||||
dn: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
width: `350rpx`
|
||||
} : `{}`),
|
||||
dp: common_vendor.n(__props.darkFans ? `right-container-left-dark` : `right-container-left`),
|
||||
dq: common_vendor.o(() => {
|
||||
cL: `/static/index/hulilist/xia.png`,
|
||||
cM: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
transform: `scale(1.5)`,
|
||||
marginLeft: ``,
|
||||
marginTop: `200rpx`
|
||||
} : {
|
||||
transform: `scale(1)`,
|
||||
marginLeft: `100rpx`,
|
||||
marginTop: `200rpx`
|
||||
}),
|
||||
dr: widthComsec.value + "rpx",
|
||||
ds: heightComsec.value + "rpx",
|
||||
dt: topComsec.value + "rpx",
|
||||
dv: leftComsec.value + "rpx",
|
||||
dw: common_vendor.o(closePopupsec),
|
||||
dx: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
cN: common_vendor.n(__props.darkFans ? `right-container-left-dark` : `right-container-left`),
|
||||
cO: common_vendor.o(() => {
|
||||
}),
|
||||
cP: widthComsec.value + "rpx",
|
||||
cQ: heightComsec.value + "rpx",
|
||||
cR: topComsec.value + "rpx",
|
||||
cS: leftComsec.value + "rpx",
|
||||
cT: common_vendor.o(closePopupsec),
|
||||
cU: common_vendor.s(isPopupVisiblefiropensec.value ? {
|
||||
backgroundColor: `rgba(89, 109, 154, 0.5)`
|
||||
} : `{}`)
|
||||
}) : {}, {
|
||||
dy: isPopupVisiblethi.value
|
||||
cV: isPopupVisiblethi.value
|
||||
}, isPopupVisiblethi.value ? {
|
||||
dz: `/static/index/baojielei.png`,
|
||||
dA: common_vendor.o(closePopupthi),
|
||||
dB: common_vendor.f([1], (item, index, i0) => {
|
||||
cW: `/static/index/baojielei.png`,
|
||||
cX: common_vendor.o(closePopupthi),
|
||||
cY: common_vendor.f([1], (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
a: common_vendor.o(closePopupthi, index),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
dC: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
top: `90rpx`,
|
||||
left: `200rpx`,
|
||||
width: `150rpx`,
|
||||
height: `60rpx`,
|
||||
fontSize: `35rpx`,
|
||||
borderRadius: `8rpx`
|
||||
} : `{}`),
|
||||
dD: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
dE: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
fontSize: `100rpx`
|
||||
} : `{}`),
|
||||
dF: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
|
||||
dG: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `800rpx`,
|
||||
fontSize: `45rpx`,
|
||||
marginTop: `100rpx`,
|
||||
lineHeight: `60rpx`
|
||||
} : `{}`),
|
||||
dH: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `55rpx`,
|
||||
height: `55rpx`
|
||||
} : `{}`),
|
||||
dI: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
dJ: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
dK: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
fontSize: `42rpx`,
|
||||
marginRight: "40rpx"
|
||||
} : `{}`),
|
||||
dL: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `55rpx`,
|
||||
height: `55rpx`
|
||||
} : `{}`),
|
||||
dM: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
dN: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
dO: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
fontSize: `42rpx`,
|
||||
marginRight: "40rpx"
|
||||
} : `{}`),
|
||||
dP: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
marginTop: `100rpx`,
|
||||
marginBottom: `100rpx`
|
||||
} : `{}`),
|
||||
dQ: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
dR: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
dS: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `350rpx`,
|
||||
height: `110rpx`,
|
||||
borderRadius: `80rpx`,
|
||||
fontSize: `50rpx`
|
||||
} : `{}`),
|
||||
dT: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
width: `800rpx`,
|
||||
marginLeft: `150rpx`
|
||||
} : `{}`),
|
||||
dU: `/static/index/project3.png`,
|
||||
dV: common_vendor.n(__props.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`),
|
||||
dW: common_vendor.n(isPopupVisiblefiropenthi.value ? `time-tra-thi-photo-change` : `time-tra-thi-photo`),
|
||||
dX: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
cZ: common_vendor.n(__props.darkFans ? `time-font-dark` : `time-font`),
|
||||
da: common_vendor.n(__props.darkFans ? `time-text-dark` : `time-text`),
|
||||
db: __props.darkFans ? `/static/index/darkicon/zhixingpeopledark.png` : `/static/index/cardicons/zhixing.png`,
|
||||
dc: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
dd: __props.darkFans ? `/static/index/medium/dopeopledark.png` : `/static/index/cardicons/zhifa.png`,
|
||||
de: common_vendor.n(__props.darkFans ? `time-people-font-dark` : `time-people-font`),
|
||||
df: common_vendor.n(__props.darkFans ? `time-button-end-dark` : `time-button-end`),
|
||||
dg: `/static/index/project3.png`,
|
||||
dh: common_vendor.n(__props.darkFans ? `time-tra-thi-photo-font-dark` : `time-tra-thi-photo-font`),
|
||||
di: common_vendor.n(`time-tra-thi-photo`),
|
||||
dj: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
marginLeft: `100rpx`
|
||||
} : `{}`),
|
||||
dY: common_vendor.n(__props.darkFans ? `right-container-right-father-dark` : `right-container-right-father`),
|
||||
dZ: common_vendor.o(() => {
|
||||
} : {}),
|
||||
dk: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
transform: `scale(1.8)`,
|
||||
marginLeft: `750rpx`,
|
||||
marginTop: `200rpx`
|
||||
} : {
|
||||
transform: `scale(1)`
|
||||
}),
|
||||
ea: widthComthi.value + "rpx",
|
||||
eb: heightComthi.value + "rpx",
|
||||
ec: topComthi.value + "rpx",
|
||||
ed: leftComthi.value + "rpx",
|
||||
ee: common_vendor.o(closePopupthi),
|
||||
ef: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
dl: common_vendor.n(__props.darkFans ? `right-container-right-father-dark` : `right-container-right-father`),
|
||||
dm: common_vendor.o(() => {
|
||||
}),
|
||||
dn: widthComthi.value + "rpx",
|
||||
dp: heightComthi.value + "rpx",
|
||||
dq: topComthi.value + "rpx",
|
||||
dr: leftComthi.value + "rpx",
|
||||
ds: common_vendor.o(closePopupthi),
|
||||
dt: common_vendor.s(isPopupVisiblefiropenthi.value ? {
|
||||
backgroundColor: `rgba(89, 109, 154, 0.5)`
|
||||
} : `{}`)
|
||||
} : {}, {
|
||||
eg: common_vendor.s(__props.isshow ? {
|
||||
dv: common_vendor.s(__props.isshow ? {
|
||||
opacity: `1`
|
||||
} : {
|
||||
opacity: `0`
|
||||
|
|
|
@ -1849,22 +1849,23 @@
|
|||
margin-top: -10rpx;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
.time-tra-thi-photo.data-v-9f74ebdb {
|
||||
.swiper-item-flex .time-tra-thi-photo.data-v-9f74ebdb {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 300rpx;
|
||||
flex-direction: column;
|
||||
transition: all 0.4s ease-in-out;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-img.data-v-9f74ebdb {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-img.data-v-9f74ebdb {
|
||||
width: 330rpx;
|
||||
height: 330rpx;
|
||||
margin-top: -100rpx;
|
||||
margin-left: -50rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-font.data-v-9f74ebdb {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font.data-v-9f74ebdb {
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
text-overflow: ellipsis;
|
||||
|
@ -1872,7 +1873,7 @@
|
|||
overflow: hidden;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.time-tra-thi-photo .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
|
||||
.swiper-item-flex .time-tra-thi-photo .time-tra-thi-photo-font-dark.data-v-9f74ebdb {
|
||||
color: #CDD6EA;
|
||||
font-size: 30rpx;
|
||||
margin-right: 50rpx;
|
||||
|
@ -1926,7 +1927,6 @@
|
|||
-webkit-backdrop-filter: blur(1rpx);
|
||||
backdrop-filter: blur(1rpx);
|
||||
transition: all 0.4s ease-in-out;
|
||||
/* 关键:通过遮罩控制模糊的显示区域 */
|
||||
/* 添加毛玻璃效果 */
|
||||
z-index: 999;
|
||||
}
|
||||
|
@ -2145,14 +2145,14 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 870rpx;
|
||||
top: 52rpx;
|
||||
left: 810rpx;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-main .right-container-fir-left-card-card .right-container-fir-left-card-zhixing-font.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: -80rpx;
|
||||
left: 0rpx;
|
||||
left: 70rpx;
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
font-size: 25rpx;
|
||||
|
@ -2206,7 +2206,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 38rpx;
|
||||
top: 120rpx;
|
||||
left: -10rpx;
|
||||
width: 220rpx;
|
||||
height: 73rpx;
|
||||
|
@ -2214,7 +2214,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-fir-left-nav-open .right-container-fir-left-card-hulilei-font.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 47rpx;
|
||||
top: 130rpx;
|
||||
left: 45rpx;
|
||||
font-size: 36rpx;
|
||||
color: #fff;
|
||||
|
@ -2222,7 +2222,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-font-spec.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 110rpx;
|
||||
top: 150rpx;
|
||||
left: 580rpx;
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
|
@ -2884,7 +2884,7 @@
|
|||
z-index: 11;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .right-huli-fir.data-v-9f74ebdb {
|
||||
width: 250rpx;
|
||||
width: 230rpx;
|
||||
height: 100%;
|
||||
margin-top: 0rpx;
|
||||
display: flex;
|
||||
|
@ -3000,7 +3000,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-type.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 42rpx;
|
||||
top: 20rpx;
|
||||
left: -15rpx;
|
||||
width: 235rpx;
|
||||
height: 73rpx;
|
||||
|
@ -3008,7 +3008,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .right-container-left-font.data-v-9f74ebdb {
|
||||
position: absolute;
|
||||
top: 51rpx;
|
||||
top: 30rpx;
|
||||
left: 50rpx;
|
||||
font-size: 36rpx;
|
||||
color: #fff;
|
||||
|
@ -3200,7 +3200,7 @@
|
|||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font.data-v-9f74ebdb {
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
@ -3209,7 +3209,7 @@
|
|||
}
|
||||
.popup-overlay .popup-overlay-content .time-tra-sec .time-people-thi .time-people-font-dark.data-v-9f74ebdb {
|
||||
color: #CDD6EA;
|
||||
font-size: 32rpx;
|
||||
font-size: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
|
|
@ -11,11 +11,37 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
darkFans: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
},
|
||||
canmove: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
emits: ["darkchange"],
|
||||
emits: ["darkchange", "savename"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const downList = common_vendor.ref([
|
||||
"口腔清洁啊",
|
||||
"头部清洁",
|
||||
"面部清洁",
|
||||
"躯干清洁",
|
||||
"四肢清洁",
|
||||
"会阴清洁",
|
||||
"肛周清洁",
|
||||
"手清洁",
|
||||
"足清洁",
|
||||
"剃须",
|
||||
"口腔清洁",
|
||||
"头部清洁",
|
||||
"面部清洁",
|
||||
"躯干清洁",
|
||||
"四肢清洁",
|
||||
"会阴清洁",
|
||||
"肛周清洁",
|
||||
"手清洁",
|
||||
"足清洁",
|
||||
"剃须"
|
||||
]);
|
||||
const undericonList = common_vendor.ref([
|
||||
{ url: "/static/index/undericons/alarm.png", targetUrl: "/static/index/undericons/alarmdark.png", name: "服务考核" },
|
||||
{ url: "/static/index/undericons/linshitime.png", targetUrl: "/static/index/undericons/linshitimedark.png", name: "护理流程" },
|
||||
|
@ -24,7 +50,16 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
{ url: "/static/index/darkicon/nuanfengdark.png", targetUrl: "/static/index/roomicons/nuanfengtar.png", name: "实时监控" },
|
||||
{ url: "/static/index/darkicon/dianqidark.png", targetUrl: "/static/index/roomicons/dianqitar.png", name: "我的指令" }
|
||||
]);
|
||||
const doctorsayList = common_vendor.ref([
|
||||
{ url: "/static/index/doctorsay/light/clean.png", targetUrl: "/static/index/doctorsay/dark/clean.png", name: "清洁" },
|
||||
{ url: "/static/index/doctorsay/light/drink.png", targetUrl: "/static/index/doctorsay/dark/drink.png", name: "饮食" },
|
||||
{ url: "/static/index/doctorsay/light/bed.png", targetUrl: "/static/index/doctorsay/dark/bed.png", name: "睡眠" },
|
||||
{ url: "/static/index/doctorsay/light/shi.png", targetUrl: "/static/index/doctorsay/dark/shi.png", name: "排便" },
|
||||
{ url: "/static/index/doctorsay/light/use.png", targetUrl: "/static/index/doctorsay/dark/use.png", name: "日常" }
|
||||
]);
|
||||
const undermenuIndex = common_vendor.ref(0);
|
||||
const upmenuIndex = common_vendor.ref(0);
|
||||
const downmenuIndex = common_vendor.ref(0);
|
||||
common_vendor.ref(false);
|
||||
common_vendor.ref([]);
|
||||
const emit = __emit;
|
||||
|
@ -34,10 +69,19 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
const changeMenuUnder = (index) => {
|
||||
undermenuIndex.value = index;
|
||||
};
|
||||
common_vendor.onMounted(() => {
|
||||
});
|
||||
common_vendor.onBeforeUnmount(() => {
|
||||
});
|
||||
const timer = common_vendor.ref(null);
|
||||
const handleTouchStart = (item, index) => {
|
||||
timer.value = setTimeout(() => {
|
||||
downmenuIndex.value = index;
|
||||
emit("savename", item);
|
||||
}, 500);
|
||||
};
|
||||
const handleTouchEnd = () => {
|
||||
if (timer.value) {
|
||||
clearTimeout(timer.value);
|
||||
timer.value = null;
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(__props.darkFans ? `right-container-title-no-dark` : `right-container-title-no`),
|
||||
|
@ -57,7 +101,30 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
} : {}),
|
||||
l: common_vendor.o(($event) => darkFanschange()),
|
||||
m: __props.darkFans,
|
||||
n: common_vendor.f(undericonList.value, (item, index, i0) => {
|
||||
n: common_vendor.f(doctorsayList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index === upmenuIndex.value ? item.targetUrl : item.url,
|
||||
b: common_vendor.t(item.name),
|
||||
c: common_vendor.n(index === upmenuIndex.value ? `doctorsay-container-card-font-dark` : `doctorsay-container-card-font`),
|
||||
d: common_vendor.s(index === upmenuIndex.value ? {
|
||||
backgroundColor: `#0184db`
|
||||
} : {}),
|
||||
e: index,
|
||||
f: common_vendor.o(($event) => upmenuIndex.value = index, index)
|
||||
};
|
||||
}),
|
||||
o: common_vendor.f(downList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: downmenuIndex.value === index,
|
||||
b: common_vendor.t(item),
|
||||
c: common_vendor.n(downmenuIndex.value === index ? `doctorsay-container-text-target` : `doctorsay-container-text`),
|
||||
d: index,
|
||||
e: common_vendor.o(($event) => handleTouchStart(item, index), index),
|
||||
f: common_vendor.o(handleTouchEnd, index)
|
||||
};
|
||||
}),
|
||||
p: __props.canmove,
|
||||
q: common_vendor.f(undericonList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index === undermenuIndex.value,
|
||||
b: index === undermenuIndex.value ? item.targetUrl : item.url,
|
||||
|
@ -66,9 +133,9 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
e: common_vendor.o(($event) => changeMenuUnder(index), index)
|
||||
};
|
||||
}),
|
||||
o: common_assets._imports_0$1,
|
||||
p: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`),
|
||||
q: common_vendor.s(__props.isshow ? {
|
||||
r: common_assets._imports_0$1,
|
||||
s: common_vendor.n(__props.darkFans ? `under-father-img-font-dark` : `under-father-img-font`),
|
||||
t: common_vendor.s(__props.isshow ? {
|
||||
opacity: `1`
|
||||
} : {
|
||||
opacity: `0`
|
||||
|
|
|
@ -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]}}"> ID:12345678 </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]}}"> ID:12345678 </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>
|
|
@ -2,12 +2,123 @@
|
|||
width: calc(100% - 235rpx);
|
||||
height: 100vh;
|
||||
transition: opacity 1s ease;
|
||||
position: relative;
|
||||
}
|
||||
.right-container .doctorsay-container.data-v-337bb5da {
|
||||
width: 1850rpx;
|
||||
.right-container .move-font.data-v-337bb5da {
|
||||
position: absolute;
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.right-container .doctorsay-container-view.data-v-337bb5da {
|
||||
width: 100%;
|
||||
height: 1220rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 80rpx;
|
||||
display: flex;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items.data-v-337bb5da {
|
||||
width: 310rpx;
|
||||
height: 1220rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up.data-v-337bb5da {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card.data-v-337bb5da {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ddeafa;
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
margin: 0 18rpx 15rpx 0rpx;
|
||||
border-radius: 30rpx;
|
||||
border: 2rpx solid #ddeafa;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-img.data-v-337bb5da {
|
||||
width: 75rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font.data-v-337bb5da {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-up .doctorsay-container-card .doctorsay-container-card-font-dark.data-v-337bb5da {
|
||||
font-size: 26rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down.data-v-337bb5da {
|
||||
background-color: #ddeafa;
|
||||
width: 290rpx;
|
||||
height: 770rpx;
|
||||
border-radius: 40rpx;
|
||||
margin-top: 0rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-scroll.data-v-337bb5da {
|
||||
height: 690rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-top.data-v-337bb5da {
|
||||
height: 40rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button.data-v-337bb5da {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 85rpx;
|
||||
font-size: 35rpx;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text-target.data-v-337bb5da {
|
||||
color: #016AD1;
|
||||
background-color: #c9e8ff;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 40rpx;
|
||||
border: 2rpx solid #fff;
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-gun.data-v-337bb5da {
|
||||
position: absolute;
|
||||
top: 22rpx;
|
||||
left: 1rpx;
|
||||
width: 10rpx;
|
||||
height: 42rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container.data-v-337bb5da {
|
||||
width: 1730rpx;
|
||||
height: 1220rpx;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
border-radius: 60rpx;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
/* 右下角阴影 */
|
||||
overflow: hidden;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title.data-v-337bb5da {
|
||||
width: 100%;
|
||||
height: 130rpx;
|
||||
background-color: #c9e8ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left.data-v-337bb5da {
|
||||
display: flex;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-gun.data-v-337bb5da {
|
||||
margin-left: 40rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 13rpx;
|
||||
height: 55rpx;
|
||||
background: linear-gradient(to bottom, #04BCED, #0160CE);
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.right-container .doctorsay-container-view .doctorsay-container-container .doctorsay-container-title .doctorsay-container-left .doctorsay-container-left-font.data-v-337bb5da {
|
||||
font-size: 42rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.right-container .right-container-sec.data-v-337bb5da {
|
||||
width: 100%;
|
||||
|
|
|
@ -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
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {}
|
||||
}
|
|
@ -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>
|
|
@ -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;
|
||||
}
|
|
@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
{ url: "/static/index/lefticon/wifi.png", targetUrl: "/static/index/lefticontarget/bluewifi.png" },
|
||||
{ url: "/static/index/lefticon/back.png", targetUrl: "/static/index/lefticontarget/blueback.png" }
|
||||
]);
|
||||
const menuIndex = common_vendor.ref(0);
|
||||
const menuIndex = common_vendor.ref(1);
|
||||
const menuIndexshow = common_vendor.ref(false);
|
||||
const menuIndexshowsecond = common_vendor.ref(false);
|
||||
const darkFans = common_vendor.ref(false);
|
||||
|
@ -56,6 +56,25 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
}
|
||||
}, 50);
|
||||
};
|
||||
const clientX = common_vendor.ref(0);
|
||||
const clientY = common_vendor.ref(0);
|
||||
const savename = common_vendor.ref("");
|
||||
const canmove = common_vendor.ref(true);
|
||||
const getxy = (event) => {
|
||||
const touch = event.touches[0];
|
||||
clientX.value = 2 * (Math.floor(touch.clientX) - 60);
|
||||
clientY.value = 2 * (Math.floor(touch.clientY) - 55);
|
||||
};
|
||||
const openname = (res) => {
|
||||
savename.value = res;
|
||||
canmove.value = false;
|
||||
};
|
||||
const cleanall = () => {
|
||||
savename.value = "";
|
||||
clientX.value = 9999;
|
||||
clientY.value = 9999;
|
||||
canmove.value = true;
|
||||
};
|
||||
common_vendor.onShow(() => {
|
||||
setTimeout(() => {
|
||||
changeMenu(menuIndex.value);
|
||||
|
@ -63,9 +82,13 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_assets._imports_0,
|
||||
b: common_vendor.n(darkFans.value ? `left-head-font-dark` : `left-head-font`),
|
||||
c: common_vendor.f(iconList.value, (item, index, i0) => {
|
||||
a: common_vendor.t(savename.value),
|
||||
b: savename.value,
|
||||
c: `${clientY.value}rpx`,
|
||||
d: `${clientX.value}rpx`,
|
||||
e: common_assets._imports_0,
|
||||
f: common_vendor.n(darkFans.value ? `left-head-font-dark` : `left-head-font`),
|
||||
g: common_vendor.f(iconList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index === menuIndex.value,
|
||||
b: index === menuIndex.value ? item.targetUrl : item.url,
|
||||
|
@ -73,20 +96,24 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
|||
d: index
|
||||
};
|
||||
}),
|
||||
d: `/static/index/ray.png`,
|
||||
e: !menuIndex.value,
|
||||
f: common_vendor.o(darkchange),
|
||||
g: common_vendor.p({
|
||||
h: `/static/index/ray.png`,
|
||||
i: !menuIndex.value,
|
||||
j: common_vendor.o(darkchange),
|
||||
k: common_vendor.p({
|
||||
isshow: menuIndexshow.value,
|
||||
darkFans: darkFans.value
|
||||
}),
|
||||
h: menuIndex.value == 1,
|
||||
i: common_vendor.o(darkchange),
|
||||
j: common_vendor.p({
|
||||
l: menuIndex.value == 1,
|
||||
m: common_vendor.o(darkchange),
|
||||
n: common_vendor.o(openname),
|
||||
o: common_vendor.p({
|
||||
isshow: menuIndexshowsecond.value,
|
||||
canmove: canmove.value,
|
||||
darkFans: darkFans.value
|
||||
}),
|
||||
k: common_vendor.n(darkFans.value ? `darkbackgroundContainer` : `backgroundContainer`)
|
||||
p: common_vendor.n(darkFans.value ? `darkbackgroundContainer` : `backgroundContainer`),
|
||||
q: common_vendor.o(getxy),
|
||||
r: common_vendor.o(cleanall)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
@ -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>
|
|
@ -7,6 +7,7 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
.darkbackgroundContainer.data-v-1cf27b2a {
|
||||
display: flex;
|
||||
|
@ -17,6 +18,13 @@
|
|||
background-size: cover;
|
||||
background-position: center center;
|
||||
overflow: hidden;
|
||||
z-index: 11;
|
||||
}
|
||||
.move-font.data-v-1cf27b2a {
|
||||
position: absolute;
|
||||
font-size: 45rpx;
|
||||
font-weight: 700;
|
||||
z-index: 10;
|
||||
}
|
||||
.left-container.data-v-1cf27b2a {
|
||||
width: 235rpx;
|
||||
|
|
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 2.3 KiB |
After Width: | Height: | Size: 1.5 KiB |