feat:添加新增档案样式

pages/home/customer-archive.vue

@@ -9,9 +9,12 @@
         <view style="font-size: 28rpx; color: #065BD6;">档案管理</view>
       </view>
     </view>
-    <view v-if="customers.length === 0" class="flex items-center justify-center h-80 border-dashed text-dark rounded">
-      <uni-icons type="plusempty" size="16" color="#999"></uni-icons>
-      <view class="text-base text-dark">新建档案</view>
+    <view v-if="customers.length === 0" class="add-archive-card" @click="toManagePage()">
+      <view class="add-archive-btn">
+        <image class="add-archive-btn-icon" src="/static/home/add-archive-btn.png" mode="aspectFit"></image>
+        <text class="add-archive-btn-text">新建档案</text>
+      </view>
+      <image class="add-archive-bg" src="/static/home/add-archive-bg.png" mode="aspectFit"></image>
     </view>
     <scroll-view scroll-x="true">
       <view class="flex flex-nowrap pb-5 ">
@@ -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;
+}
 </style>