diff --git a/pages/home/customer-archive.vue b/pages/home/customer-archive.vue index 50355fc..13e994b 100644 --- a/pages/home/customer-archive.vue +++ b/pages/home/customer-archive.vue @@ -9,9 +9,12 @@ 档案管理 - - - 新建档案 + + + + 新建档案 + + @@ -381,4 +384,49 @@ watch(() => props.corpId, n => { .rounded-lg { border-radius: 16rpx; } + +/* 新建档案卡片样式 */ +.add-archive-card { + height: 140rpx; + border-radius: 16rpx; + background: linear-gradient(95deg, #ECFBFF -7.38%, #A5CBFF 72.72%); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 24rpx; + position: relative; + overflow: hidden; +} + +.add-archive-btn { + margin-left: 24rpx; + width: 188rpx; + height: 56rpx; + border-radius: 40rpx; + background: linear-gradient(90deg, #33A0F9 0%, #065BD6 100%); + box-shadow: 0 8rpx 8rpx 0 rgba(6, 91, 214, 0.3); + display: flex; + align-items: center; + justify-content: center; + z-index: 2; +} + +.add-archive-btn-icon { + width: 32rpx; + height: 32rpx; + margin-right: 8rpx; +} + +.add-archive-btn-text { + font-size: 28rpx; + color: #FFFFFF; + font-weight: 500; +} + +.add-archive-bg { + height: 140rpx; + position: absolute; + right: 0; + top: 0; +} \ No newline at end of file diff --git a/static/home/add-archive-bg.png b/static/home/add-archive-bg.png new file mode 100644 index 0000000..0ca95cf Binary files /dev/null and b/static/home/add-archive-bg.png differ diff --git a/static/home/add-archive-btn.png b/static/home/add-archive-btn.png new file mode 100644 index 0000000..8f5d37e Binary files /dev/null and b/static/home/add-archive-btn.png differ