Ver código fonte

style(property): 给属性卡片添加内阴影样式

- 在属性卡片的 CSS 样式中添加了两个盒阴影:
  - 外部阴影:0px 8px 12px rgba(192, 206, 221, 0.24)
  - 内部阴影:inset 0 4px 4px rgba(255, 255, 255, 1)
- 这些阴影效果增强了卡片的视觉层次感和立体感

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe 1 mês atrás
pai
commit
a22b6ab761
1 arquivos alterados com 4 adições e 1 exclusões
  1. 4 1
      src/web/staticres/brand/css/property.css

+ 4 - 1
src/web/staticres/brand/css/property.css

@@ -53,9 +53,12 @@
   align-items: center;
   width: 224px;
   height: 84px;
-  border: 1px solid #ECECEC;
   border-radius: 16px;
   background: linear-gradient(to bottom, rgba(192, 206, 221, 0.24), rgba(255, 255, 255, 1));
+  box-shadow: /* 第一个内阴影 */
+              0px 8px 12px rgba(192, 206, 221, 0.24),
+              /* 第二个内阴影 */
+              inset 0 4px 4px rgba(255, 255, 255, 1);
   font-size: 18px;
   line-height: 36px;
   color: #1D1D1D;