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

31
src/views/home/cpns/HomeCaseShowcase.vue
View File

@@ -85,26 +85,26 @@ const visibleCases = computed<Case[]>(() => props.cases.slice(0, 4))
<style lang="less" scoped>
.home-cases {
padding: 40px 66px 60px;
border: 1px solid @home-section-border;
border-radius: @radius-lg;
padding: @spacing-xl;
border: none;
border-radius: @radius-base;
background: @white;
&__head {
.flex(row, flex-start);
gap: 24px;
margin-bottom: 47px;
.flex(row, flex-start, center);
gap: @spacing-lg;
margin-bottom: @spacing-lg;
}
&__title {
font-size: @font-size-xxl;
font-weight: 700;
font-size: @font-size-xl;
font-weight: 600;
color: @home-ink;
}
&__tabs {
.flex(row, center);
gap: 36px;
gap: @spacing-lg;
}
&__tab {
@@ -146,19 +146,20 @@ const visibleCases = computed<Case[]>(() => props.cases.slice(0, 4))
&__card {
overflow: hidden;
flex: 0 1 368px;
flex: 1 1 0;
min-width: 0;
height: 248px;
min-height: 220px;
box-sizing: border-box;
border: 1px solid @home-case-border;
border: 1px solid @border-color;
border-radius: @radius-base;
background: @white;
box-shadow: 0 4px 10px fade(@black, 8%);
box-shadow: none;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
&:hover {
box-shadow: 0 6px 14px fade(@black, 12%);
border-color: @primary-color;
box-shadow: @shadow-base;
transform: translateY(-2px);
.home-cases__view {