From 802971e1c3f378354dbd5014a0c552f9081d4a00 Mon Sep 17 00:00:00 2001 From: cnf <3200815559@qq.com> Date: 星期二, 26 八月 2025 13:14:05 +0800 Subject: [PATCH] 部分模块加上声音提示 --- H5/LLJ/List.aspx | 92 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 91 insertions(+), 1 deletions(-) diff --git a/H5/LLJ/List.aspx b/H5/LLJ/List.aspx index a49f79c..969af79 100644 --- a/H5/LLJ/List.aspx +++ b/H5/LLJ/List.aspx @@ -17,6 +17,89 @@ text-align: left; } + /* 瀹℃牳鐘舵�佹き鍦嗙嚎浣撴牱寮� */ + .audit-stamp { + position: absolute; + top: 6px; + right: 6px; + width: 80px; + height: 28px; + border-radius: 14px; + display: flex; + align-items: center; + justify-content: center; + font-size: 10px; + font-weight: 500; + text-align: center; + z-index: 10; + border: 1.5px solid; + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); + transform: rotate(-8deg); + letter-spacing: 1px; + transition: all 0.3s ease; + } + + .audit-stamp--approved { + background: rgba(82, 196, 26, 0.12); + border-color: rgba(82, 196, 26, 0.5); + color: #52c41a; + animation: stamp-approved 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); + } + + .audit-stamp--pending { + background: rgba(255, 159, 67, 0.12); + border-color: rgba(255, 159, 67, 0.5); + color: #ff9f43; + animation: stamp-pending 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); + } + + .audit-stamp:hover { + transform: rotate(-8deg) scale(1.05); + box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15); + } + + @keyframes stamp-approved { + 0% { + transform: rotate(-8deg) scale(0) translateX(30px); + opacity: 0; + filter: blur(3px); + } + 70% { + transform: rotate(-8deg) scale(1.1) translateX(-3px); + opacity: 0.8; + filter: blur(0.5px); + } + 100% { + transform: rotate(-8deg) scale(1) translateX(0); + opacity: 1; + filter: blur(0); + } + } + + @keyframes stamp-pending { + 0% { + transform: rotate(-8deg) scale(0) translateX(30px); + opacity: 0; + filter: blur(3px); + } + 70% { + transform: rotate(-8deg) scale(1.1) translateX(-3px); + opacity: 0.8; + filter: blur(0.5px); + } + 100% { + transform: rotate(-8deg) scale(1) translateX(0); + opacity: 1; + filter: blur(0); + } + } + + .van-cell-group { + position: relative; + } + </style> </asp:Content> @@ -50,6 +133,13 @@ <van-cell v-for="item in data" :key="item"> <div> <van-cell-group> + <!-- 瀹℃牳鐘舵�佺洊绔� --> + <div v-if="item.fsubmit == 1" class="audit-stamp audit-stamp--approved"> + 宸插鏍� + </div> + <div v-else-if="!item.fsubmit || item.fsubmit == 0" class="audit-stamp audit-stamp--pending"> + 鏈鏍� + </div> <van-cell :title="item.releaseNo" is-link :url="'Add.aspx?id='+item.guid+'&lotNo='+item.lotNo+'&releaseNo='+item.releaseNo" ></van-cell> <van-field label="鍒拌揣鍗曞彿" colon="true" v-model="item.lotNo" readonly ></van-field> <!-- 鑷畾涔夊瓧娈电敤浜庢樉绀轰袱涓爣璇� --> @@ -133,5 +223,5 @@ <%--<comback ></comback>--%> </asp:Content> <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server"> - <script src="../Js/LLJ/List.js?<%=116 %>"></script> + <script src="../Js/LLJ/List.js?<%=117 %>"></script> </asp:Content> -- Gitblit v1.9.3