shish 2 месяцев назад
Родитель
Сommit
15762e73bb
1 измененных файлов с 6 добавлено и 4 удалено
  1. 6 4
      ghsApp/src/pagesPurchase/supplier.vue

+ 6 - 4
ghsApp/src/pagesPurchase/supplier.vue

@@ -592,8 +592,8 @@ export default {
             justify-content: center;
             font-size: 30upx;          // 搜索采购按钮字增大 4upx (26upx -> 30upx)
             color: white;
-            border-radius: 35upx;
-            padding: 17upx 34upx;      // 按钮高度增加 10upx (上下 padding 从 12upx -> 17upx,高度总共增加 10upx)
+            border-radius: 38upx;
+            padding: 20upx 39upx;      // 再高 6upx(上下各+3upx)、再长 10upx(左右各+5upx)
             cursor: pointer;
             margin-left: 50upx;        // 增加按钮间距,设为 20upx(搜索按钮离采购远 20upx)
             font-weight: bold;         // 加粗字重
@@ -604,8 +604,10 @@ export default {
             }
 
             &:active {
-              opacity: 0.85;
-              transform: scale(0.95);
+              opacity: 0.88;
+              transform: scale(0.96);
+              // 按下时把阴影明显减弱,避免“阴影闪一下”的视觉问题,同时模拟按钮被按下去的感觉
+              box-shadow: 0 2upx 6upx rgba(0, 0, 0, 0.08);
             }
 
             &.cg-btn {