zpj vor 2 Jahren
Ursprung
Commit
1b4d2c4523
3 geänderte Dateien mit 105 neuen und 4 gelöschten Zeilen
  1. 3 0
      common/css/common.css
  2. 102 4
      pages/index/index.vue
  3. BIN
      static/img/chdw-text.png

+ 3 - 0
common/css/common.css

@@ -108,4 +108,7 @@ image {
 }
 .mb-214{
 	margin-bottom: 214rpx;
+}
+.mr-30{
+	margin-right: 30rpx;
 }

+ 102 - 4
pages/index/index.vue

@@ -47,10 +47,94 @@
 						mode="scaleToFill"></image>
 				</view>
 			</swiper-item>
-			<!-- 活动地址 -->
+			
 			<swiper-item>
 				<view class="swiper-item">
 					<view class="index-2" v-if="index == 2">
+						<image class="text-img wow animate__animated animate__bounceInUp"
+							src="@/static/img/chdw-text.png" mode="scaleToFill"></image>
+						<view class="flex-justify-space">
+							<view class="mr-30">
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">1</view>
+									<view class="fs-28 fc-CFB591 w-246">全国人大</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">2</view>
+									<view class="fs-28 fc-CFB591 w-246">全国政协</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">3</view>
+									<view class="fs-28 fc-CFB591 w-246">国务院政策研究室</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">4</view>
+									<view class="fs-28 fc-CFB591 w-246">中央巡视组</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">5</view>
+									<view class="fs-28 fc-CFB591 w-246">农业部</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">6</view>
+									<view class="fs-28 fc-CFB591 w-246">全国工商联</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">7</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆市农委</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">8</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆市工商联</view>
+								</view>
+							</view>
+							
+							<view class="">
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">9</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆电视台</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">10</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆科技部</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">11</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆日报</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">12</view>
+									<view class="fs-28 fc-CFB591 w-246">重庆慈善总会</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">13</view>
+									<view class="fs-28 fc-CFB591 w-246">国家老干部董泽英</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">14</view>
+									<view class="fs-28 fc-CFB591 w-246">中国信用网</view>
+								</view>
+								<view class="align-items-center mb-48">
+									<view class="box-yuan">15</view>
+									<view class="fs-28 fc-CFB591 w-246">一二线品牌代理商</view>
+								</view>
+								<view class="display-flex mb-48">
+									<view class="box-yuan" style="margin-top: 5rpx;">16</view>
+									<view class="fs-28 fc-CFB591 w-246">各行业的知名厂家代表</view>
+								</view>
+							</view>
+							
+						</view>
+					</view>
+					<image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png"
+						mode="scaleToFill"></image>
+				</view>
+			</swiper-item>
+			
+			<!-- 活动地址 -->
+			<swiper-item>
+				<view class="swiper-item">
+					<view class="index-2" v-if="index == 3">
 						<image class="text-img-1 wow animate__animated animate__bounceInUp"
 							src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
 						<image class="img-1 wow animate__animated animate__bounceInUp" src="@/static/img/h-1.png"
@@ -74,7 +158,7 @@
 			</swiper-item>
 			<!-- 地址导航 -->
 			<swiper-item>
-				<view class="swiper-item" v-if="index == 3">
+				<view class="swiper-item" v-if="index == 4">
 					<view class="index-2">
 						<image class="text-img wow animate__animated animate__bounceInUp"
 							src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
@@ -111,7 +195,7 @@
 			</swiper-item>
 			<!-- 参与预约 -->
 			<swiper-item>
-				<view class="swiper-item" v-if="index == 4">
+				<view class="swiper-item" v-if="index == 5">
 					<view class="index-2">
 						<image class="text-img-2 wow animate__animated animate__bounceInUp"
 							src="@/static/img/cyyy-text.png" mode="scaleToFill"></image>
@@ -156,7 +240,7 @@
 			</swiper-item>
 			<!-- 提示 -->
 			<swiper-item>
-				<view class="swiper-item" v-if="index == 5">
+				<view class="swiper-item" v-if="index == 6">
 					<view class="index-2">
 						<image class="text-img-3 wow animate__animated animate__bounceInUp"
 							src="@/static/img/wxts-text.png" mode="scaleToFill"></image>
@@ -398,6 +482,20 @@
 	}
 </script>
 <style lang="scss" scoped>
+	.box-yuan{
+		width: 32rpx;
+		height: 32rpx;
+		line-height: 32rpx;
+		text-align: center;
+		font-size: 18rpx;
+		color: #061363;
+		border-radius: 50%;
+		margin-right: 16rpx;
+		background-color: #CEB48F;
+	}
+	.w-246{
+		width: 246rpx;
+	}
 	.w-588{
 		width: 588rpx;
 	}

BIN
static/img/chdw-text.png