招聘会列表卡片

pagesB/jobFair/jobItem.vue

@@ -1,7 +1,7 @@
 <template>
-  <view class="ss-m-x-20">
+  <view>
     <view v-if="list?.length" class="ss-p-b-30 ss-p-t-20">
-      <view v-for="(item, index) in list" :key="index" class="mList">
+			<uni-card v-for="(item, index) in list" :key="index" class="mList" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
         <view class="list-shape" style="border-radius: 12px;">
           <view @tap.stop="handleToDetail(item)">
 						<view class="titleBox">
@@ -25,13 +25,13 @@
 							</view>
 						</view>
 					</view>
-          <view class="sub-li-bottom">
+          <view class="sub-li-bottom ss-m-t-20">
 						<view class="sub-li-bottom-item color-primary" @tap.stop="handleToResume(item)">{{ item.count || 0 }} 已投递简历</view>
 						<view class="sub-li-bottom-item color-error" @tap.stop="handleRemove(item)">移出招聘会</view>
           </view>
         </view>
-      </view>
-    </view>
+			</uni-card>
+		</view>
 
 		<uni-popup ref="removePopup" type="dialog">
 			<uni-popup-dialog 
@@ -116,7 +116,6 @@ const handleRemoveConfirm = async () => {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
-  padding-top: 10px;
   font-size: 13px;
   color: #666;
 	&-item {
@@ -139,7 +138,6 @@ const handleRemoveConfirm = async () => {
   font-weight: 700;
 }
 .list-shape {
-	padding: 10px 30rpx 10px;
   background-color: #fff;
   border-radius: 12px 12px 0 0;
   .titleBox {
@@ -159,5 +157,6 @@ const handleRemoveConfirm = async () => {
 }
 .mList {
   margin-bottom: 20rpx;
+	padding: 10px 0;
 }
 </style>

pagesB/jobFair/join.vue

@@ -12,8 +12,8 @@
       ></uni-search-bar>
 		</view>
 		
-		<scroll-view class="scrollBox ss-m-t-20" :scroll-y="true" @scrolltolower="loadingMore" style="position:relative;">
-			<view v-for="(item, index) in items" :key="index" class="mList  ss-m-x-20">
+		<scroll-view class="scrollBox" :scroll-y="true" @scrolltolower="loadingMore" style="position:relative;">
+			<uni-card  v-for="(item, index) in items" :key="index" class="mList" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
         <view class="list-shape" style="border-radius: 12px;">
           <view>
 						<view class="titleBox">
@@ -40,7 +40,7 @@
 						<view class="sub-li-bottom-item" @tap.stop="handleJoin(item)">添加至招聘会</view>
           </view>
         </view>
-      </view>
+      </uni-card>
 			<uni-load-more :status="more" />
 		</scroll-view>
 	</view>
@@ -180,7 +180,6 @@ const handleJoin = async (item) => {
 }
 
 .list-shape {
-	padding: 10px 30rpx 10px;
   background-color: #fff;
   border-radius: 12px 12px 0 0;
   .titleBox {