code-image-backup-public/lilishop-ui
1
0
Fork 0
mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2026-11-07 17:38:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(manager): 左侧组件列表按分组模块化卡片展示

Browse Source
This commit is contained in:
pikachu1995@126.com
2026-10-12 16:27:03 +08:00
parent c832350dd3
commit fce063642d
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
manager/src/views/page-decoration/wap/style.scss
View File

@@ -10,7 +10,13 @@
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
gap: 8px; gap: 8px;
padding: 0 5px; }
.model-group {
background: #ffffff;
border-radius: 8px;
padding: 14px 12px;
margin-bottom: 12px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
} }
.model-group-title { .model-group-title {
display: flex; display: flex;
@@ -18,7 +24,7 @@
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
color: #303133; color: #303133;
margin: 14px 5px 10px; margin: 0 0 12px;
&::before { &::before {
content: ""; content: "";
width: 3px; width: 3px;
@@ -28,9 +34,6 @@
margin-right: 6px; margin-right: 6px;
} }
} }
.model-group:first-child .model-group-title {
margin-top: 0;
}
} }
.model-config { .model-config {
flex: 2.5; flex: 2.5;