style: 调整文章和客户卡片的样式，优化布局和高度

pages/home/article-list.vue

@@ -68,6 +68,8 @@ watch(articleIds, n => {
   margin: 0 30rpx;
   margin-top: 24rpx;
   padding-bottom: 40rpx;
+  width: calc(100% - 60rpx);
+  box-sizing: border-box;
 }
 
 .arrow-icon {
@@ -91,6 +93,8 @@ watch(articleIds, n => {
   min-height: 188rpx;
   padding: 20rpx;
   align-items: flex-start;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .article-card:active {

pages/home/customer-archive.vue

@@ -24,20 +24,10 @@
             {{ i.relationship }}
           </view>
           <view class="flex flex-col items-center">
-            <view class="customer-name text-lg leading-normal font-semibold whitespace-nowrap mb-8"
+            <view class="customer-name text-lg leading-normal font-semibold whitespace-nowrap "
               :class="current && i._id === current._id ? 'text-primary' : 'text-dark'">
               {{ i.name }}
             </view>
-            <view class="flex items-center mb-5">
-              <image
-                v-if="i.sex"
-                class="sex-icon mr-5"
-                :src="i.sex === '男' ? '/static/home/male.svg' : '/static/home/female.svg'"
-              />
-              <view class="customer-age text-base leading-normal text-gray">
-                {{ i.age > 0 ? i.age + '岁' : '' }}
-              </view>
-            </view>
           </view>
           <!-- 选中状态底部条和三角 -->
           <view v-if="current && i._id === current._id" class="active-indicator">
@@ -203,7 +193,7 @@ watch(() => props.corpId, n => {
 
 .customer-card {
   width: 160rpx;
-  height: 160rpx;
+  height: 110rpx;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -219,9 +209,6 @@ watch(() => props.corpId, n => {
   border: 2rpx solid #065BD6;
 }
 
-.customer-name {
-  margin-top: 12rpx;
-}
 
 .relationship-tag {
   position: absolute;
@@ -307,10 +294,6 @@ watch(() => props.corpId, n => {
   margin-bottom: 12rpx;
 }
 
-.sex-icon {
-  width: 32rpx;
-  height: 32rpx;
-}
 
 .info-card-new {
   position: relative;