diff --git a/component/rightItemssecond/index.vue b/component/rightItemssecond/index.vue index 2757501..303af32 100644 --- a/component/rightItemssecond/index.vue +++ b/component/rightItemssecond/index.vue @@ -49,10 +49,15 @@ - - - {{item.type}} + + + {{item.type}} + + + + @@ -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; + } } } } diff --git a/static/index/cardicons/uplight.png b/static/index/cardicons/uplight.png new file mode 100644 index 0000000..5e40e0c Binary files /dev/null and b/static/index/cardicons/uplight.png differ diff --git a/unpackage/dist/dev/app-plus/app-service.js b/unpackage/dist/dev/app-plus/app-service.js index b35626e..07c0bc4 100644 --- a/unpackage/dist/dev/app-plus/app-service.js +++ b/unpackage/dist/dev/app-plus/app-service.js @@ -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(' ') ]); }), 128 diff --git a/unpackage/dist/dev/app-plus/pages/index/index.css b/unpackage/dist/dev/app-plus/pages/index/index.css index d438830..b1382c0 100644 --- a/unpackage/dist/dev/app-plus/pages/index/index.css +++ b/unpackage/dist/dev/app-plus/pages/index/index.css @@ -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; diff --git a/unpackage/dist/dev/app-plus/static/index/cardicons/uplight.png b/unpackage/dist/dev/app-plus/static/index/cardicons/uplight.png new file mode 100644 index 0000000..5e40e0c Binary files /dev/null and b/unpackage/dist/dev/app-plus/static/index/cardicons/uplight.png differ