优选集团

pagesB/preferredGroup/index.vue

@@ -1,60 +1,62 @@
 <template>
-	<view v-if="Object.keys(preferred).length > 0" class="ss-p-x-20">
-		<!-- 轮播图 -->
-		<swiper
-      circular
-      :indicator-dots="preferred?.carousel?.length > 1 ? true : false"
-      :autoplay="true"
-      :interval="3000"
-      :duration="500"
-      indicator-active-color="#fff"
-	  	style="height: 180px;"
-    >
-			<swiper-item v-for="(item, index) in preferred.carousel" :key="index">
-        <image :src="item" style="width: 100%; height: 100%" :lazy-load="true" :fade-show="true"></image>
-			</swiper-item>
-		</swiper>
-		<!-- 集团简介 -->
-		<view class="ss-m-t-50">
-			<!-- 标题 -->
-			<uni-title class="ss-m-b-30" type="h1" :title="preferred?.introduce?.title" align="center"></uni-title>
-			<!-- 简介 -->
-			<rich-text class="ss-m-b-30 color-666" :nodes="preferred?.introduce?.describe"></rich-text>
-			<!-- 小图 -->
+	<view v-if="Object.keys(preferred).length > 0">
+		<view class="ss-p-x-20">
+			<!-- 轮播图 -->
 			<swiper
-				v-if="preferred?.introduce?.thumbnail?.length"
 				circular
-				:indicator-dots="true"
+				:indicator-dots="preferred?.carousel?.length > 1 ? true : false"
 				:autoplay="true"
 				:interval="3000"
 				:duration="500"
 				indicator-active-color="#fff"
-				:style="{'height': preferred?.introduce?.thumbnail.length > 1 ? '230px' : '160px'}"
-				class="ss-m-t-50"
+				style="height: 180px;"
 			>
-				<swiper-item v-for="(item, index) in preferred.introduce?.thumbnail" :key="index">
+				<swiper-item v-for="(item, index) in preferred.carousel" :key="index">
 					<image :src="item" style="width: 100%; height: 100%" :lazy-load="true" :fade-show="true"></image>
 				</swiper-item>
 			</swiper>
-
-			<!-- 大图 -->
-			<image class="ss-m-y-30" :src="preferred.introduce?.bigPicture?.url" style="width: 100%;" :lazy-load="true" :fade-show="true" :style="{'height': preferred.introduce?.bigPicture?.height + 'px'}"></image>
-		</view>
-
-		<!-- 品牌介绍 -->
-		<view v-if="preferred?.brandIntroduce?.length" class="ss-m-t-30">
-			<uni-title class="ss-m-b-30 color-666" type="h1" title="品牌介绍" align="center"></uni-title>
-			<uni-swiper-dot class="uni-swiper-dot-box" :info="preferred.brandIntroduce" :current="current" mode="nav" field="content">
-				<swiper :autoplay="true" :interval="5000" class="swiper-box" @change="change" :current="swiperDotIndex" style="height: 172px;">
-					<swiper-item v-for="(item, index) in preferred.brandIntroduce" :key="index">
-						<image :src="item.url" style="width: 100%; height: 100%" :lazy-load="true" :fade-show="true"></image>
-						<view class="swiper-item" :class="'swiper-item' + index">
-							<text style="color: #fff; font-size: 20px;">{{ item.content }}</text>
-						</view>
+			<!-- 集团简介 -->
+			<view class="ss-m-t-50">
+				<!-- 标题 -->
+				<uni-title class="ss-m-b-30" type="h1" :title="preferred?.introduce?.title" align="center"></uni-title>
+				<!-- 简介 -->
+				<rich-text class="ss-m-b-30 color-666" :nodes="preferred?.introduce?.describe"></rich-text>
+				<!-- 小图 -->
+				<swiper
+					v-if="preferred?.introduce?.thumbnail?.length"
+					circular
+					:indicator-dots="true"
+					:autoplay="true"
+					:interval="3000"
+					:duration="500"
+					indicator-active-color="#fff"
+					:style="{'height': preferred?.introduce?.thumbnail.length > 1 ? '230px' : '160px'}"
+					class="ss-m-t-50"
+				>
+					<swiper-item v-for="(item, index) in preferred.introduce?.thumbnail" :key="index">
+						<image :src="item" style="width: 100%; height: 100%" :lazy-load="true" :fade-show="true"></image>
 					</swiper-item>
 				</swiper>
-			</uni-swiper-dot>
-			<view class="color-666 ss-m-t-20 font-size-14">{{ preferred.brandIntroduce[current].desc }}</view>
+
+				<!-- 大图 -->
+				<image class="ss-m-y-30" :src="preferred.introduce?.bigPicture?.url" style="width: 100%;" :lazy-load="true" :fade-show="true" :style="{'height': preferred.introduce?.bigPicture?.height + 'px'}"></image>
+			</view>
+
+			<!-- 品牌介绍 -->
+			<view v-if="preferred?.brandIntroduce?.length" class="ss-m-t-30">
+				<uni-title class="ss-m-b-30 color-666" type="h1" title="品牌介绍" align="center"></uni-title>
+				<uni-swiper-dot class="uni-swiper-dot-box" :info="preferred.brandIntroduce" :current="current" mode="nav" field="content">
+					<swiper :autoplay="true" :interval="5000" class="swiper-box" @change="change" :current="swiperDotIndex" style="height: 172px;">
+						<swiper-item v-for="(item, index) in preferred.brandIntroduce" :key="index">
+							<image :src="item.url" style="width: 100%; height: 100%" :lazy-load="true" :fade-show="true"></image>
+							<view class="swiper-item" :class="'swiper-item' + index">
+								<text style="color: #fff; font-size: 20px;">{{ item.content }}</text>
+							</view>
+						</swiper-item>
+					</swiper>
+				</uni-swiper-dot>
+				<view class="color-666 ss-m-t-20 font-size-14">{{ preferred.brandIntroduce[current].desc }}</view>
+			</view>
 		</view>
 		
 		<!-- 招聘职位 -->