yangjun
/
hldy_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2025.3.12

This commit is contained in:
Teng 2025-03-12 10:33:32 +08:00
parent e0da5d496b
commit a7f8dc545a
5 changed files with 101 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
component/rightItemssecond/index.vue
View File

@ -49,10 +49,15 @@
<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">
<view class="doctorsay-container-button-gun" v-show="downmenuIndex===index"></view>
<text @touchstart.stop.prevent="handleTouchStart(item.type,index)"
:class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`">{{item.type}}</text>
<view v-for="(item,index) in downList" :key="index">
<view class="doctorsay-container-button" >
<text @touchstart.stop.prevent="handleTouchStart(item.type,index)"
:class="downmenuIndex===index?`doctorsay-container-text-target`:`doctorsay-container-text`">{{item.type}}</text>
<image v-show="downmenuIndex===index" class="doctorsay-container-button-uplight"
:src="`/static/index/cardicons/uplight.png`" />
</view>
<!-- <view class="doctorsay-container-button-gun" v-show="downmenuIndex===index"></view> -->
</view>
</scroll-view>
<view class="doctorsay-top"></view>
@ -996,7 +1001,7 @@
]
},
{
"type": "更换床上用品",
"type": "换床上用品",
"data": [
{ "type": "更换床上用品（全部）", "data": "" },
{ "type": "隔尿褥子更换", "data": "" }
@ -1153,7 +1158,8 @@
}
.doctorsay-container-down {
background-color: rgb(221, 234, 250);
background-color: rgba(221, 234, 250);
backdrop-filter: blur(8rpx);
width: 290rpx;
height: 770rpx;
border-radius: 40rpx;
@ -1174,27 +1180,59 @@
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-radius: 20rpx;
border: 2rpx solid #fff;
width: 250rpx;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 45rpx;
transition: all 0.4s ease-in-out;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
z-index: 20;
font-weight: 700;
}
.doctorsay-container-text {
background-color: #f3f6fc;
border: 2rpx solid #fff;
border-radius: 10rpx;
width: 220rpx;
height: 75rpx;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out;
font-weight: 500;
font-size: 30rpx;
}
.doctorsay-container-button-gun {
position: absolute;
top: 22rpx;
top: 19rpx;
left: 1rpx;
width: 10rpx;
height: 42rpx;
height: 50rpx;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 10rpx;
}
.doctorsay-container-button-uplight {
position: absolute;
top: 40rpx;
left: 20rpx;
width: 250rpx;
height: 50rpx;
z-index: 21;
}
}
}
}

BIN
static/index/cardicons/uplight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

31
unpackage/dist/dev/app-plus/app-service.js vendored
View File

@ -3003,7 +3003,7 @@ if (uni.restoreGlobal) {
]
},
{
"type": "更换床上用品",
"type": "换床上用品",
"data": [
{ "type": "更换床上用品（全部）", "data": "" },
{ "type": "隔尿褥子更换", "data": "" }
@ -3174,23 +3174,20 @@ if (uni.restoreGlobal) {
vue.Fragment,
null,
vue.renderList($setup.downList, (item, index) => {
return vue.openBlock(), vue.createElementBlock("view", {
key: index,
class: "doctorsay-container-button"
}, [
vue.withDirectives(vue.createElementVNode(
"view",
{ class: "doctorsay-container-button-gun" },
null,
512
/* NEED_PATCH */
), [
[vue.vShow, $setup.downmenuIndex === index]
return vue.openBlock(), vue.createElementBlock("view", { key: index }, [
vue.createElementVNode("view", { class: "doctorsay-container-button" }, [
vue.createElementVNode("text", {
onTouchstart: vue.withModifiers(($event) => $setup.handleTouchStart(item.type, index), ["stop", "prevent"]),
class: vue.normalizeClass($setup.downmenuIndex === index ? `doctorsay-container-text-target` : `doctorsay-container-text`)
}, vue.toDisplayString(item.type), 43, ["onTouchstart"]),
vue.withDirectives(vue.createElementVNode("image", {
class: "doctorsay-container-button-uplight",
src: `/static/index/cardicons/uplight.png`
}, null, 8, ["src"]), [
[vue.vShow, $setup.downmenuIndex === index]
])
]),
vue.createElementVNode("text", {
onTouchstart: vue.withModifiers(($event) => $setup.handleTouchStart(item.type, index), ["stop", "prevent"]),
class: vue.normalizeClass($setup.downmenuIndex === index ? `doctorsay-container-text-target` : `doctorsay-container-text`)
}, vue.toDisplayString(item.type), 43, ["onTouchstart"])
vue.createCommentVNode(' <view class="doctorsay-container-button-gun" v-show="downmenuIndex===index"></view> ')
]);
}),
128

44
unpackage/dist/dev/app-plus/pages/index/index.css vendored
View File

@ -3433,7 +3433,9 @@
color: #FFFFFF;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down[data-v-337bb5da] {
background-color: #ddeafa;
background-color: rgba(221, 234, 250);
-webkit-backdrop-filter: blur(0.25rem);
backdrop-filter: blur(0.25rem);
width: 9.0625rem;
height: 24.0625rem;
border-radius: 1.25rem;
@ -3452,26 +3454,54 @@
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-radius: 0.625rem;
border: 0.0625rem solid #fff;
width: 7.8125rem;
height: 3.125rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.40625rem;
transition: all 0.4s ease-in-out;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
z-index: 20;
font-weight: 700;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-text[data-v-337bb5da] {
background-color: #f3f6fc;
border: 0.0625rem solid #fff;
border-radius: 0.3125rem;
width: 6.875rem;
height: 2.34375rem;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.4s ease-in-out;
font-weight: 500;
font-size: 0.9375rem;
}
.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;
top: 0.59375rem;
left: 0.03125rem;
width: 0.3125rem;
height: 1.3125rem;
height: 1.5625rem;
background: linear-gradient(to bottom, #04BCED, #0160CE);
border-radius: 0.3125rem;
}
.right-container .doctorsay-container-view .doctorsay-container-items .doctorsay-container-down .doctorsay-container-button .doctorsay-container-button-uplight[data-v-337bb5da] {
position: absolute;
top: 1.25rem;
left: 0.625rem;
width: 7.8125rem;
height: 1.5625rem;
z-index: 21;
}
.right-container .doctorsay-container-view .doctorsay-container-container[data-v-337bb5da] {
width: 54.0625rem;
height: 38.125rem;

BIN
unpackage/dist/dev/app-plus/static/index/cardicons/uplight.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB