调整

h5_web/pages/businessDetails/businessDetails.vue

@@ -8,7 +8,12 @@
 		<!-- 内容 -->
 		<view class="business-details-content">
 			<view class="business-details-content-logo">
-				<image :src="companyInfo.logoUrl" mode=""></image>
+				<!-- <image :src="companyInfo.logoUrl" mode=""></image> -->
+				<u-image :src="companyInfo.logoUrl" width="140" height="140" border-radius="70">
+					<view slot="error">
+						<u-image src="../../static/img/default-company.jpg" width="140" height="140" border-radius="70"/>
+					</view>
+				</u-image>
 			</view>
 			<view class="business-details-content-name">{{ companyInfo.companyName }}</view>
 			<!-- <view class="business-details-content-evaluate">

h5_web/pages/cooperativeEnterprise/cooperativeEnterprise.vue

@@ -45,7 +45,11 @@
 				>
 					<view class="enterprose-list-content-item-left">
 						<view class="image">
-							<image :src="item.logoUrl" mode=""></image>
+							<u-image :src="item.logoUrl" width="112" height="112" border-radius="10">
+								<view slot="error">
+									<u-image src="../../static/img/default-company.jpg" width="112" height="112" border-radius="10"/>
+								</view>
+							</u-image>
 						</view>
 						<view class="info">
 							<view>{{ item.companyName }}</view>

h5_web/pages/index/index.scss

@@ -1,4 +1,3 @@
-// page{background-color: #f2f2f2;}
 .index{
   width: 100%;
   background-color: #f2f2f2;
@@ -15,13 +14,13 @@
       width: 100%;
       height: 440rpx;
       margin-top: 140rpx;
-      padding: 0 20rpx;
+      // padding: 0 20rpx;
     }
   }
   
   .index-header{
     width: 100%;
-    height: 585rpx;
+    height: 452rpx;
     
     &-container{
       display: flex;
@@ -87,8 +86,8 @@
       position: absolute;
       width: 100%;
       height: 440rpx;
-      margin-top: 140rpx;
-      padding: 0 30rpx;
+      // margin-top: 140rpx;
+      // padding: 0 30rpx;
     }
   }
 }
@@ -121,14 +120,16 @@
         padding-bottom: 0 !important;
       }
     }
-    &-head{
-      border-bottom: 1px solid rgba($color: #9F9F9F, $alpha: 0.5);
-      &-item{
+    &-head {
+      border-bottom: 1px solid rgba($color: #9F9F9F, $alpha: 0.2);
+      &-item {
         margin-bottom: 17rpx;
+				font-size: 26rpx;
+				align-items: end;
         .card-head-title {
           font-size: 36rpx;
           font-family: PingFangSC-Regular, PingFang SC;
-          font-weight: 600;
+          font-weight: 400;
           color: #000000;
           line-height: 50rpx;
           letter-spacing: 1px;
@@ -144,7 +145,7 @@
 					margin-right: 26rpx;
           &-title{
             margin-bottom: 20rpx;
-            font-size: 30rpx;
+            font-size: 28rpx;
             font-family: PingFangSC-Regular, PingFang SC;
             font-weight: 400;
             color: #000000;
@@ -176,30 +177,14 @@
     }
   }
 }
-
-// .news-list{
-// 	.u-body-item{
-// 		.u-body-item-title{
-// 			margin-bottom: 15rpx;
-// 		}
-// 		.foot{
-// 			font-size: 24rpx;
-// 			color: #ddd;
-// 			.time{
-// 				margin-left: 24rpx;
-// 			}
-// 		}
-// 	}
-// }
 .u-card-wrap { 
 	background-color: $u-bg-color;
 	padding: 1px;
 }
 
 .u-body-item {
-	// font-size: 32rpx;
 	color: #333;
-	padding: 30rpx 0;
+	padding: 34rpx 0;
 }
 	
 .u-body-item image {

h5_web/pages/index/index.vue

@@ -2,7 +2,7 @@
 	<view class="index">
 		<view class="index-header">
 			<view class="index-header-container">
-				<view class="index-header-left"></view>
+				<!-- <view class="index-header-left"></view>
 				<view class="index-header-right"></view>
 				<view class="index-header-top">
 					<u-search placeholder="请输入您关键词" v-model="headerTopKeyword" :show-action="false"
@@ -16,9 +16,9 @@
 					<view class="header-top-scan">
 						<u-icon name="scan" color="#FFFFFF" size="48" class="header-scan-icon"></u-icon>
 					</view>
-				</view>
+				</view> -->
 				<view class="index-header-banner">
-					<u-swiper :list="bannerList" name="bannerUrl" border-radius="0" mode="round" height="440"
+					<u-swiper :list="bannerList" name="bannerUrl" border-radius="0" mode="round" height="444"
 						img-mode="scaleToFill" @click="swiperClick"/>
 				</view>
 			</view>
@@ -26,7 +26,7 @@
 
 		<!-- 滚动通知 -->
 		<view class="notice">
-			<u-notice-bar mode="horizontal" type="none" :list="noticeList" bg-color="#fff" duration="1000" />
+			<u-notice-bar mode="horizontal" :type="unreadInfoNum > 0 ? 'primary' : 'none'" :list="noticeList" bg-color="#fff" duration="2000" @click="noticeBarClick" />
 		</view>
 
 		<!-- 宫格 -->
@@ -83,7 +83,7 @@
 					<view class="news-list-head-item">
 						<view class="card-head-title">新闻动态</view>
 						<view @click="openPage('/pages/newsInformation/newsInformation')">更多<u-icon name="arrow-right"
-								color="#A3A3A3"></u-icon>
+								color="#d2d3d5"></u-icon>
 						</view>
 					</view>
 				</view>
@@ -91,7 +91,7 @@
 					<u-nodata notice="暂无新闻" v-if="newsList.length == 0"></u-nodata>
 					<view v-for="(item,index) in newsList"
 						@click="$u.route('/pages/newsDetails/newsDetails',{ artId: item.artId })" :key="item.artId"
-						class="news-list-body-item u-body-item u-flex u-border-bottom u-col-between u-row-between">
+						class="news-list-body-item u-body-item u-flex u-col-between u-row-between">
 						<view class="news-text">
 							<view class="news-text-title u-body-item-title u-line-2">{{item.artTitle}}</view>
 							<view class="news-text-foot foot u-flex u-flex-wrap">
@@ -101,7 +101,11 @@
 						</view>
 						<view>
 							<u-image :src="item.artImage" mode="aspectFill" width="160" height="120"
-								border-radius="10" />
+								border-radius="10">
+								<view slot="error">
+									<u-image src="../../static/img/default-news.png" mode="aspectFill" width="160" height="120" border-radius="10"/>
+								</view>
+							</u-image>
 						</view>
 					</view>
 				</view>
@@ -127,7 +131,9 @@
 					pageSize: 10
 				},
 				// 轮播图
-				bannerList: [],
+				bannerList: [{
+					bannerUrl: '../../static/img/default.png'
+				}],
 				// 新闻列表
 				newsList: [],
 				// 消息通知
@@ -136,7 +142,8 @@
 				tabbarConfig: tabbarconfig
 			}
 		},
-		onLoad() {},
+		onLoad() {
+		},
 		onShow() {
 			this.getUnreadInfoNum();
 			this.getBannerList();
@@ -200,7 +207,9 @@
 			 * 获取轮播广告
 			 */
 			getBannerList() {
-				this.$u.api.indexApi.indexBannerListApi({ type: 0 }).then(res => {
+				this.$u.api.indexApi.indexBannerListApi({
+					type: 0
+				}).then(res => {
 					if (res?.code === 200) {
 						this.bannerList = res.data.map(item => {
 							return {
@@ -233,6 +242,12 @@
 						}
 					})
 				}
+			},
+			/**
+			 * 滚动条
+			 */
+			noticeBarClick() {
+				this.openPage('pages/notification/notification')
 			}
 		}
 	}

h5_web/pages/jobDetails/jobDetails.vue

@@ -28,8 +28,11 @@
 					<view class="jobdetails-head-cardbody">
 						<view class="container" @tap="tapHeadCardBody(recruitmentData)">
 							<view class="container-image">
-								<u-image :src="recruitmentData.companyLogoUrl" mode="aspectFill" width="96" height="96"
-									border-radius="10" />
+								<u-image :src="recruitmentData.companyLogoUrl" width="96" height="96" border-radius="10" mode="aspectFill">
+									<view slot="error">
+										<u-image src="../../static/img/default-company.jpg" width="96" height="96" border-radius="10" mode="aspectFill"/>
+									</view>
+								</u-image>
 							</view>
 							<view class="content">
 								<view class="content-left">

h5_web/pages/myResume/myResume.scss

@@ -129,7 +129,7 @@
 		&-header {
 			display: flex;
 			justify-content: space-between;
-			margin-bottom: 12rpx;
+			margin-bottom: 30rpx;
 			image {
 				width: 32rpx;
 				height: 32rpx;

h5_web/pages/myResume/myResume.vue

@@ -72,7 +72,8 @@
 				<view class="title">工作经历</view>
 				<!-- <image src="../../static/img/add-experience-icon.png" mode="" @click="jumpPage('/pages/myResume/addExperience')"></image> -->
 			</view>
-			<view class="resume-work-experience-list" :class="isExpand ? 'height-auto' : 'height-130'">
+			<u-empty text="暂无工作经历" mode="list"></u-empty>
+			<!-- <view class="resume-work-experience-list" :class="isExpand ? 'height-auto' : 'height-130'">
 				<view class="rwel-item" v-for="(item, index) in workExperice" :key="index">
 					<view class="rwel-item-left">
 						<view>{{ item.company }}</view>
@@ -82,14 +83,13 @@
 					<view class="rwel-item-right">
 						<view>{{ item.dateLine }}</view>
 						<view>
-							<!-- <u-icon name="arrow-right" color="#7B7B7B" size="20" @click="jumpPage('/pages/myResume/addExperience')"/> -->
 						</view>
 					</view>
 				</view>
 			</view>
 			<view class="resume-work-experience-btn" @click="isExpand = !isExpand">
 				{{ isExpand ? '收起' : '展开全部' }}
-			</view>
+			</view> -->
 		</view>
 
 		<!-- ================================ 培训与教育经历部分 ================================ -->
@@ -98,7 +98,8 @@
 				<view class="title">培训与教育经历</view>
 				<!-- <image src="../../static/img/add-experience-icon.png" mode="" @click="jumpPage('/pages/myResume/addEducation')"/> -->
 			</view>
-			<view class="resume-train-experience-list" :class="isTrainExpand ? 'height-auto' : 'height-130'">
+			<u-empty text="暂无培训与教育经历" mode="list"></u-empty>
+			<!-- <view class="resume-train-experience-list" :class="isTrainExpand ? 'height-auto' : 'height-130'">
 				<view class="rtel-item"  v-for="(item, index) in trainExperice" :key="index">
 					<view class="rtel-item-left">
 						<view>{{ item.classes }}</view>
@@ -109,14 +110,13 @@
 					<view class="rtel-item-right">
 						<view>{{ item.dateLine }}</view>
 						<view>
-							<!-- <u-icon name="arrow-right" color="#7B7B7B" size="20" @click="jumpPage('/pages/myResume/addEducation')"/> -->
 						</view>
 					</view>
 				</view>
 			</view>
 			<view class="resume-train-experience-btn" @click="isTrainExpand = !isTrainExpand">
 				{{ isTrainExpand ? '收起' : '展开全部' }}
-			</view>
+			</view> -->
 		</view>
 		<u-toast ref="uToast" />
 	</view>

h5_web/pages/recruitment/recruitment.vue

@@ -43,8 +43,13 @@
 									<view class="swiper-item" @tap="tapRecommendSwiperItem(recommendItem)"
 										:data-id="recommendItem.id" :data-index="index">
 										<view class="img">
-											<u-image :src="recommendItem.logoUrl" mode="aspectFill" width="140"
-												height="140" border-radius="10" />
+											<!-- <u-image :src="recommendItem.logoUrl" mode="aspectFill" width="140"
+												height="140" border-radius="10" /> -->
+											<u-image :src="recommendItem.logoUrl" width="140" height="140" border-radius="10" mode="aspectFill">
+												<view slot="error">
+													<u-image src="../../static/img/default-company.jpg" width="140" height="140" border-radius="10" mode="aspectFill"/>
+												</view>
+											</u-image>
 										</view>
 										<view class="subject">{{recommendItem.companyName}}</view>
 										<view class="post u-text-center">
@@ -76,8 +81,13 @@
 				<view class="recruitment-dataarea-card" v-for="(item,index) in recruitmentJobList"
 					:key="'recruitmentJobList' + index" @tap="tapDataAreaCard(item)">
 					<view class="dataarea-card-left">
-						<u-image :src="item.companyLogoUrl" mode="aspectFill" width="120" height="120"
-							border-radius="10" />
+						<!-- <u-image :src="item.companyLogoUrl" mode="aspectFill" width="120" height="120"
+							border-radius="10" /> -->
+						<u-image :src="item.companyLogoUrl" width="120" height="120" border-radius="10" mode="aspectFill">
+							<view slot="error">
+								<u-image src="../../static/img/default-company.jpg" width="120" height="120" border-radius="10" mode="aspectFill"/>
+							</view>
+						</u-image>
 					</view>
 					<view class="dataarea-card-content">
 						<view class="dataarea-content-left">

h5_web/pages/schoolDetails/schoolDetails.vue

@@ -6,7 +6,11 @@
 		<view class="school-details-bg"></view>
 		<view class="school-details-content">
 			<view class="school-details-content-logo">
-				<image :src="schoolInfo.schoolLogoUrl" mode=""></image>
+				<u-image :src="schoolInfo.schoolLogoUrl" width="140" height="140" border-radius="70" mode="aspectFill">
+					<view slot="error">
+						<u-image src="../../static/img/default-company.jpg" width="140" height="140" border-radius="70" mode="aspectFill"/>
+					</view>
+				</u-image>
 			</view>
 			<view class="school-details-content-name">{{ schoolInfo.schoolName }}</view>
 			<!-- <view class="school-details-content-evaluate">

h5_web/pages/schools/schools.vue

@@ -11,7 +11,11 @@
 				<view class="school-list-item" v-for="(item, index) in schoolList" :key="index" @click="recordBrowseTotal(item)">
 					<view class="school-list-item-left">
 						<view class="image">
-							<image :src="item.schoolLogoUrl" mode=""></image>
+							<u-image :src="item.schoolLogoUrl" width="80" height="80" border-radius="10" mode="aspectFill">
+								<view slot="error">
+									<u-image src="../../static/img/default-company.jpg" width="80" height="80" border-radius="10" mode="aspectFill"/>
+								</view>
+							</u-image>
 						</view>
 						<view class="title">
 							<view class="name">{{ item.schoolName }}</view>

h5_web/pages/skillsTraining/skillsPackage/skillsPackage.vue

@@ -13,8 +13,12 @@
 
 			<view class="package-content-title">
 				<view class="left">
-					<u-image :src="details.img" width="204"
-						height="220" border-radius="10"></u-image>
+					<u-image :src="details.img" width="204" height="220" border-radius="10">
+						<view slot="error">
+							<u-image src="../../../static/img/default-company.jpg" height="220" width="204"
+								border-radius="10" mode="aspectFill" />
+						</view>
+					</u-image>
 					<view class="left-weekly">培训周期：{{ details.cycle }}个月</view>
 				</view>
 				<view class="right">
@@ -25,8 +29,8 @@
 					<view class="hardly">培训导师：{{ details.teacherName }}</view>
 					<view class="hardly">
 						<view>
-							难度<u-rate :count="5" v-model="details.difficult" size="24" disabled="" active-color="#EF651F"
-								inactive-color="#EF651F"></u-rate>
+							难度<u-rate :count="5" v-model="details.difficult" size="24" disabled=""
+								active-color="#EF651F" inactive-color="#EF651F"></u-rate>
 						</view>
 					</view>
 					<view class="hardly">
@@ -44,15 +48,25 @@
 						<view>
 							<text>精选课程</text>精彩教学视频
 						</view>
-						<view @click="jumpPage('/pages/skillsTraining/skillsTrainingCourse/skillsTrainingCourse', { id: packageId })">更多
+						<view
+							@click="jumpPage('/pages/skillsTraining/skillsTrainingCourse/skillsTrainingCourse', { id: packageId })">
+							更多
 							<u-icon name="arrow-right" color="#9D9D9D"></u-icon>
 						</view>
 					</view>
 					<view class="list">
-						<swiper v-if="details.courseList && details.courseList.length" class="swiper" :indicator-dots="false" :autoplay="false" height="196rpx">
-							<swiper-item class="swiper-item" v-for="(item, index) in details.courseList" :key="index" @click="jumpPage('pages/skillsTraining/courseDetailed/courseDetailed', { id: item.id })">
-								<u-image :src="item.img" width="95%" height="196" mode="aspectFill"
-									border-radius="10" />
+						<swiper v-if="details.courseList && details.courseList.length" class="swiper"
+							:indicator-dots="false" :autoplay="false" height="196rpx">
+							<swiper-item class="swiper-item" v-for="(item, index) in details.courseList" :key="index"
+								@click="jumpPage('pages/skillsTraining/courseDetailed/courseDetailed', { id: item.id })">
+								<!-- <u-image :src="item.img" width="95%" height="196" mode="aspectFill"
+									border-radius="10" /> -->
+								<u-image :src="item.img" width="95%" height="196" border-radius="10" mode="aspectFill">
+									<view slot="error">
+										<u-image src="../../../static/img/default-company.jpg" height="220" width="95%"
+											border-radius="10" mode="aspectFill" />
+									</view>
+								</u-image>
 								<view class="classes-name">{{ item.name }}</view>
 								<!-- <view class="classes-subtitle">{{ item.subtitle }}</view> -->
 							</swiper-item>
@@ -74,7 +88,7 @@
 			</view>
 		</view>
 		<view class="package-btn" v-if="isApply == 0" @click="signUp">报名</view>
-		<u-toast ref="uToast"/>
+		<u-toast ref="uToast" />
 	</view>
 </template>
 
@@ -106,7 +120,9 @@
 			 * @param {Object} id
 			 */
 			getPackageDetails(id) {
-				this.$u.api.skillTraining.getPackageDetailApi({ id }).then(res => {
+				this.$u.api.skillTraining.getPackageDetailApi({
+					id
+				}).then(res => {
 					if (res.code === 200) {
 						this.details = res.data
 						this.details.schoolName = this.schoolName
@@ -138,7 +154,9 @@
 			 * 报名
 			 */
 			signUp() {
-				this.$u.api.skillTraining.signUpClassApi({ packageId: this.packageId }).then(res => {
+				this.$u.api.skillTraining.signUpClassApi({
+					packageId: this.packageId
+				}).then(res => {
 					if (res.code === 200) {
 						this.jumpPage('/pages/skillsTraining/submitSuccess/submitSuccess');
 					} else {
@@ -154,7 +172,9 @@
 			 * @param {Object} id
 			 */
 			isApplyTraining(id) {
-				this.$u.api.skillTraining.isApplyTrainingApi({ id }).then(res => {
+				this.$u.api.skillTraining.isApplyTrainingApi({
+					id
+				}).then(res => {
 					console.log(res)
 					if (res.code === 200) {
 						this.isApply = res.data

h5_web/pages/skillsTraining/skillsTraining.vue

@@ -39,7 +39,11 @@
 					<swiper-item v-for="(item, index) in enrollList" :key="index">
 						<view class="swiper-item">
 							<view class="left">
-								<u-image :src="item.img" mode="aspectFill" border-radius="10" height="220" />
+								<u-image :src="item.img" mode="aspectFill" border-radius="10" height="220" width="204">
+									<view slot="error">
+										<u-image src="../../static/img/default-company.jpg" width="204" height="220" border-radius="10" mode="aspectFill"/>
+									</view>
+								</u-image>
 							</view>
 							<view class="right">
 								<view>{{ item.name }}</view>
@@ -67,7 +71,11 @@
 				<view class="training-package-list-item" v-for="(item, index) in packageList" :key="index"
 					@click="recordBrowseTotal(item)">
 					<view>
-						<u-image :src="item.img" height="190" mode="aspectFill" border-radius="10" />
+						<u-image :src="item.img" mode="aspectFill" border-radius="10" height="190" width="300">
+							<view slot="error">
+								<u-image src="../../static/img/default-company.jpg" height="190" width="300" border-radius="10" mode="aspectFill"/>
+							</view>
+						</u-image>
 					</view>
 					<view>{{ item.name }}</view>
 					<view>{{ item.schoolName }}</view>

h5_web/uview-ui/components/u-swiper/u-swiper.vue

@@ -14,7 +14,9 @@
 						transform: effect3d && uCurrent != index ? 'scaleY(0.9)' : 'scaleY(1)',
 						margin: effect3d && uCurrent != index ? '0 20rpx' : 0,
 					}">
-					<image class="u-swiper-image" :src="item[name] || item" :mode="imgMode"></image>
+					<u-image class="u-swiper-image" :src="item[name] || item" :mode="imgMode" width="100%" height="100%">
+						<view slot="loading">加载中</view>
+					</u-image>
 					<view v-if="title && item.title" class="u-swiper-title u-line-1" :style="[{
 							'padding-bottom': titlePaddingBottom
 						}, titleStyle]">