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

style(manager): 热区面板 tab 切换改为分段控件样式

Browse Source
This commit is contained in:
pikachu1995@126.com
2026-10-12 15:41:59 +08:00
parent ce03b13718
commit 2bb3a71460
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
manager/src/views/page-decoration/wap/config-panel/PanelFlexOne.vue
View File

@@ -166,19 +166,24 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.panel-tabs { .panel-tabs {
display: flex; display: flex;
justify-content: center; background: #f4f4f5;
gap: 8px; border-radius: 8px;
padding: 3px;
margin-bottom: 14px; margin-bottom: 14px;
.panel-tab { .panel-tab {
padding: 5px 18px; flex: 1;
text-align: center;
padding: 6px 0;
font-size: 13px; font-size: 13px;
border-radius: 999px; border-radius: 6px;
cursor: pointer; cursor: pointer;
color: #606266; color: #606266;
background: #f4f4f5; transition: all 0.2s ease;
&.active { &.active {
background: #409eff; background: #ffffff;
color: #fff; color: #409eff;
font-weight: 600;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
} }
} }
} }