样式调整

src/views/changeStatistics/index.vue

@@ -120,7 +120,7 @@ onMounted(() => {
 <NSpace vertical :size="16">
   <NSpin :show="loading" size="small">
     <div class="space-y-3.5">
-      <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"  :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex flex-wrap items-center justify-between">
           <div class="flex-y-center gap-3">
             <span class="flex items-center gap-1.5 text-sm font-semibold text-slate-700">

src/views/home/modules/template1.vue

@@ -103,7 +103,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:2" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
         >
         <p class="text-12px font-600">待关闭确认</p>
@@ -119,7 +119,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
         >

src/views/home/modules/template10.vue

@@ -134,7 +134,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:3 l:3" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -154,7 +154,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >
@@ -174,7 +174,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
             <div 
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
                 @click="jumpTo('changeledger')"
             >

src/views/home/modules/template3.vue

@@ -155,7 +155,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -172,7 +172,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -189,7 +189,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -206,7 +206,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >

src/views/home/modules/template4.vue

@@ -147,7 +147,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -168,7 +168,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('professionalstatistics')"
         >
@@ -188,7 +188,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_highrisk')"
         >
@@ -208,7 +208,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('professionalstatistics')"
         >

src/views/home/modules/template6.vue

@@ -167,7 +167,7 @@ onUnmounted(() => {
       <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -188,7 +188,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_pssr')"
           >
@@ -208,7 +208,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_highrisk')"
           >
@@ -228,7 +228,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >

src/views/home/modules/template7.vue

@@ -205,7 +205,7 @@ onUnmounted(() => {
       <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
         <NGi>
           <div
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -223,7 +223,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >
@@ -240,7 +240,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-white px-16px py-12px text-[#94a3b8] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
           >
@@ -257,7 +257,7 @@ onUnmounted(() => {
         </NGi>
         <NGi>
           <div
-            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+            class="flex-1 bg-[#fff2f0] px-16px py-12px text-[#e15555] cursor-pointer transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
             :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
           >

src/views/home/modules/template9.vue

@@ -147,7 +147,7 @@ onUnmounted(() => {
     <NGrid cols="s:1 m:2 l:4" responsive="screen" :x-gap="16" :y-gap="16">
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('my_mytask')"
         >
@@ -168,7 +168,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('signstatistics')"
         >
@@ -187,7 +187,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('changeledger')"
         >
@@ -207,7 +207,7 @@ onUnmounted(() => {
     </NGi>
     <NGi>
         <div 
-        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+        class="flex-1 bg-[#fff] px-16px py-12px cursor-pointer flex items-center gap-3 transition hover:-translate-y-1 shadow-[0_0_15px_rgba(0,0,0,0.1)]"
         :style="{ borderRadius: themeStore.themeRadius + 'px' }"
             @click="jumpTo('signstatistics')"
         >

src/views/my/dataChangeCenter/index.vue

@@ -105,7 +105,7 @@ onMounted(() => {
 <NSpin :show="loading" size="small">
 <NSpace vertical :size="16">
     <!-- 我的工作台 -->
-    <NCard :bordered="false" size="small" :style="{ borderRadius: themeStore.themeRadius + 'px' }">
+    <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"  :style="{ borderRadius: themeStore.themeRadius + 'px' }">
         <div class="flex flex-wrap items-center gap-2">
             <p class="text-sm font-bold text-slate-800">全厂变更数据中心</p>
             <p class="text-[11px] text-slate-400 mt-[1px]">时间相关数据统一在此查询 · 统计时段</p>

src/views/report/index.vue

@@ -78,7 +78,7 @@ onMounted(() => {
 <NSpin :show="loading" size="small">
   <NSpace vertical :size="16">
       <!-- 统计报表 -->
-      <NCard :bordered="false" size="small" :style="{borderRadius: themeStore.themeRadius + 'px'}">
+      <NCard :bordered="false" size="small" class="shadow-[0_0_15px_rgba(0,0,0,0.1)]"  :style="{borderRadius: themeStore.themeRadius + 'px'}">
         <div class="flex flex-wrap items-center justify-between">
           <div class="flex items-center gap-1.5 text-sm font-semibold text-slate-700">
               <span>统计中心</span>