招聘会-选择已发布的职位加入招聘会：添加发布企业&hr信息展示

pagesB/jobFair/join.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="box defaultBgc">
-		<view style="background-color: #fff;">
+		<view style="background-color: #fff; margin-bottom: 10px;">
 			<uni-search-bar
         v-model="query.name"
         radius="5"
@@ -13,8 +13,14 @@
 		</view>
 		
 		<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  v-for="(item, index) in items" :key="index" class="mList">
+				<view v-if="item?.enterpriseName" class="d-flex align-center item-top">
+          <view class="avatarBox">
+            <image class="enterAvatar default-border default-radius" :src="item.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+          </view>
+          <view class="ss-m-l-20 label-text">{{ formatName(item?.enterpriseName) }} - {{ item?.hrName }}</view>
+        </view>
+        <view class="list-shape">
           <view>
 						<view class="titleBox">
 							<view style="display: flex;align-items: center;">
@@ -40,7 +46,7 @@
 						<view class="sub-li-bottom-item" @tap.stop="handleJoin(item)">添加至招聘会</view>
           </view>
         </view>
-      </uni-card>
+      </view>
 			<uni-load-more :status="more" />
 		</scroll-view>
 	</view>
@@ -131,6 +137,28 @@ const handleJoin = async (item) => {
 </script>
 
 <style scoped lang="scss">
+.enterAvatar{
+	width: 60rpx;
+	height: 60rpx;
+	margin: auto;
+}
+.avatarBox {
+  max-width: 60rpx;
+  max-height: 60rpx;
+}
+.item-top {
+  padding: 20rpx 30rpx;
+  background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
+  border-radius: 12px 12px 0 0;
+  font-size: 28rpx;
+  color: #0E100F;
+  .label-text {
+	  max-width: 100%;
+	  text-overflow: ellipsis;
+	  white-space: nowrap;
+	  overflow: hidden;
+  }
+}
 .box {
   height: 100vh;
   overflow: hidden;
@@ -180,7 +208,8 @@ const handleJoin = async (item) => {
 
 .list-shape {
   background-color: #fff;
-  border-radius: 12px 12px 0 0;
+  border-radius: 0 0 12px 12px;
+	padding: 30rpx;
   .titleBox {
     display: flex;
     align-items: center;
@@ -197,6 +226,8 @@ const handleJoin = async (item) => {
 	color:#e4d4d2;
 }
 .mList {
-  margin-bottom: 20rpx;
+	border-radius: 12px;
+	margin: 0 30rpx 20rpx 30rpx;
+  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.17);
 }
 </style>