zhangchao/cz-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 样式整改

Browse Source
This commit is contained in:
Ironsp
2026-10-13 15:12:51 +08:00
parent 631d54f269
commit b0e9fe6450
56 changed files with 1242 additions and 1143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/profile/cpns/ProfileSider.vue
View File

@@ -32,24 +32,29 @@ const menus: MenuItem[] = [
<style lang="less" scoped>
.profile-sider {
.flex(column, flex-start);
gap: 0;
gap: 2px;
padding: @spacing-sm 0;
border-radius: @radius-base;
background: @white;
&__item {
.flex(row, flex-start, center);
height: 36px;
padding: 0 16px;
border-radius: @profile-radius;
height: 40px;
margin: 0 @spacing-sm;
padding: 0 @spacing-base;
border-radius: @radius-sm;
color: @text-color;
font-size: 13px;
font-size: @font-size-sm;
font-weight: 400;
transition: all 0.2s;
&:hover {
color: @primary-strong;
background: @bg-color-light;
}
&.router-link-active {
background: @profile-nav-active-bg;
background: @filter-selected-bg;
color: @primary-strong;
font-weight: 500;
}

22
src/views/profile/index.vue
View File

@@ -36,32 +36,34 @@ onMounted(() => {
<style lang="less" scoped>
.profile {
min-height: 737px;
background: @profile-page-bg;
min-height: 100%;
padding-bottom: @spacing-page-bottom;
background: @bg-color;
&__container {
padding: 24px 16px 0 10px;
padding-top: @spacing-lg;
}
&__body {
.flex(row, flex-start, stretch);
gap: @spacing-lg;
width: 100%;
}
&__aside {
.flex(column, flex-start, stretch);
gap: 16px;
flex: 0 0 156px;
width: 156px;
gap: @spacing-base;
flex: 0 0 200px;
width: 200px;
}
&__main {
flex: 1 1 auto;
min-width: 0;
min-height: 534px;
margin-left: 10px;
padding: 26px 28px 22px;
border-radius: @radius-lg;
min-height: 480px;
margin-left: 0;
padding: @spacing-lg @spacing-xl;
border-radius: @radius-base;
background: @white;
box-sizing: border-box;
}