云生态7

pages.json

@@ -18,6 +18,13 @@
 				"enablePullDownRefresh": true
 			}
 		},
+		{
+			"path": "pages/home/activityCenter/index",
+			"style": {
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
 			"path": "pages/user/index",
 			"style": {

pages/demandHall/projectDetail/index.vue

@@ -50,7 +50,7 @@
 			</view>
 			<scroll-view class="scroll-view_H acea-row" scroll-x="true" >
 				<view class="recommend-list acea-row" v-for="(item,index) in 3">
-					<image src="../../../static/images/edit-goods.png" mode=""></image>
+					<image src="../../../static/images/business-img1.png" mode=""></image>
 					<view class="recommend-bottom acea-row row-column-between">
 						<view class="title-item">蜂蜜供应商</view>
 						<view class="line1">优质的供应源，多元化的土地sssssssssssss</view>
@@ -247,13 +247,16 @@
 	color: #FFFFFF;
 	text-align: center;
 }
-
+	.recommend-box .title{
+		margin-left: 32rpx;
+	}
 	.recommend-box {
 		width: 750rpx;
 		height: 528rpx;
 		background: #FFFFFF;
 		margin: 32rpx 0;
-		padding: 24rpx 0 0 32rpx;
+		// padding: 24rpx 0 0 32rpx;
+		padding: 24rpx 0 0 0rpx;
 	}
 	
 	.update-box {
@@ -262,6 +265,7 @@
 		color: #FF6D31;
 		font-size: 24rpx;
 		margin-bottom: 26rpx;
+		margin-left: 32rpx;
 	}
 	.update-icon{
 		width: 118rpx;
@@ -281,8 +285,9 @@
 	}
 	.scroll-view_H{
 		width: 100%;
-		height: 338rpx;
+		height: 345rpx;
 		white-space: nowrap;
+		padding-left: 22rpx;
 	}
 	.recommend-list{
 		width: 392rpx;
@@ -291,8 +296,8 @@
 		border-radius: 12rpx;
 		font-size: 24rpx;
 		color: #707070;
-		margin-right: 32rpx;
 		display: inline-block;
+		margin: 0 22rpx 0 10rpx;
 	}
 	.recommend-list image{
 		width: 392rpx;

pages/home/activityCenter/index.vue

@@ -0,0 +1,145 @@
+<template>   
+<!-- sdsd            345 -->
+	<view class="activityCenter-page">
+		<image src="/static/images/center-img.png" class="top-bg"></image>
+		<view class="page-title" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">活动中心</view>
+		<view class="activity-box">
+			<view class="activity-list acea-row" v-for="(item,index) in 3">
+				<image src="../../../static/images/business-img1.png" mode="" class="act-img"></image>
+				<view class="act-con acea-row row-column-between">
+					<view class="title">云生态会员招募开始</view>
+					<view class="act-time acea-row row-middle">
+						<image src="../../../static/images/act-time.png" mode="" class="time-img"></image>
+						<view>12-23 00:00至11-25 23:00</view>
+					</view>
+					<view class="act-adress acea-row">
+						<image src="../../../static/images/act-address.png" mode="" class="address-img"></image>
+						<view class="title-line">武汉市江夏区文化大道288号斤斤计较经济放假安排发金额为吉安打了个</view>
+					</view>
+					<view class="acea-row row-between-wrapper act-price">
+						<text class="act-p">￥888.00</text>
+						<text class="act-i">进行中</text>
+						<view class="enter-btn">立即报名</view>
+					</view>
+				</view>
+			</view>
+		</view>	
+	</view>
+</template>
+
+<script>
+	const app = getApp();
+	export default {
+		data() {
+		  return {
+				menuHeight: app.globalData.menuHeight,
+				menuTop: app.globalData.menuTop,
+		  };
+		},
+	}
+</script>
+
+<style lang="less">
+	.activityCenter-page{
+		width: 100%;
+		height: auto;
+		background: #fff;
+		position: relative;
+	}
+	.top-bg{
+	  width: 100%;
+	  height: 1210rpx;
+	}
+	.page-title{
+	  width: 100%;
+	  color: #fff;
+	  text-align: center;
+	  position: absolute;
+	}
+	.activity-box{
+		width: 100%;
+		height: auto;
+		background: #FFF;
+		position: absolute;
+		top: 538rpx;
+		border-radius: 30rpx 30rpx 0 0;
+		padding: 32rpx 40rpx 0 40rpx;
+		margin-bottom: 218rpx;
+	}
+	
+	.activity-list{
+		border-bottom: 1px solid #EEEEEE;
+		padding: 20rpx 0;
+		.act-img{
+			width: 178rpx;
+			height: 236rpx;
+			margin-right: 20rpx;
+		}
+		.act-con{
+			width: 450rpx;
+			height: 236rpx;
+			padding: 5rpx 0;
+			.title{
+				width: 345rpx;
+				height: 40rpx;
+				font-size: 28rpx;
+				font-weight: 600;
+				line-height: 35rpx;
+				color: #1D1D1D;
+			}
+			.act-time{
+				width: 345rpx;
+				font-size: 24rpx;
+				color: #191919;
+				.time-img{
+					width: 18rpx;
+					height: 22rpx;
+					line-height: 34rpx;
+					margin: 0rpx 16rpx 0 0;
+				}
+			}
+			.act-adress{
+				width: 345rpx;
+				height: 67rpx;
+				.address-img{
+					width: 19rpx;
+					height: 23rpx;
+					margin: 7rpx 14rpx 40rpx 0;
+				}
+				.title-line{
+					width: 308rpx;
+					height: 68rpx;
+					font-size: 24rpx;
+					font-weight: 500;
+					color: #191919;	
+					word-wrap : break-word;
+					overflow:hidden;
+				}
+			}
+			.act-price{
+				width: 100%;
+				.act-i {
+					font-size: 24rpx;
+					color: #FF5A0E;
+					font-weight: 600;
+				}
+				.act-p{
+					font-size: 32rpx;
+					color: #2A2B2B;
+					font-weight: 600;
+				}
+				.enter-btn{
+					width: 138rpx;
+					height: 40rpx;
+					line-height: 40rpx;
+					text-align: center;
+					background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%);
+					border-radius: 26rpx;
+					color: #fff;
+					font-size: 24rpx;
+				}
+			}
+		}
+	}
+	
+</style>

pages/home/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="productSort">
 		<!-- 顶部主页 -->
-		<skeleton v-if="showSkeleton" ref="skeleton" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton>
+		<skeleton v-if="showSkeleton" ref="<strong>skeleton</strong>" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton>
 		<view class="pageTitle-box" :class="isFixed ? 'showPageTitle' : ''" :style="{'padding-top':navTopHeight + 'px',height:navHeight*2+ 'px'}">
 			<view class="top-logo acea-row row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'">禪易生态云</view>
 		</view>
@@ -30,14 +30,14 @@
 					<view class="act-title">{{item.name}}</view>
 					<view class="resource-list acea-row-nowrap">
 						<image :src="item.images" class="act-img" mode="aspectFill"></image>
-						<view>
+						<view class="act-con acea-row row-middle">
-							<view class="act-time acea-row row-left">
+							<view class="act-time acea-row row-middle line1">
 								<image src="../../static/images/act-time.png" mode=""></image>
 								<view>{{item.activityStartTime.split(' ')[0]}}至{{item.activityEndTime.split(' ')[0]}}</view>
 							</view>
-							<view class="act-adress acea-row row-left">
+							<view class="act-adress acea-row line1">
 								<image src="../../static/images/act-address.png" mode=""></image>
-								<view class="line1">{{item.address}}</view>
+								<view class="title-line">{{item.address}}</view>
 							</view>
 							<view class="acea-row row-between-wrapper act-price">
 								<text class="act-i">进行中</text>
@@ -491,8 +491,9 @@ export default {
 	margin-right: 28rpx;
 	border-radius: 12rpx;
 }
-.act-adress,.act-time{
+.act-con{
-	margin: 8rpx 0 20rpx 0;
+	width: 338rpx;
+	height: 190rpx;
 }
 .act-adress view,.act-time view{
 	width: 300rpx;
@@ -502,25 +503,34 @@ export default {
 .act-time image{
 	width: 18rpx;
 	height: 22rpx;
-	margin: 7rpx 16rpx 0 0;
+	margin-right: 16rpx;
 }
 .act-adress image{
 	width: 19rpx;
 	height: 23rpx;
-	margin: 8rpx 14rpx 0 0;
+	margin: 7rpx 14rpx 0 0;
-}
-.act-price{
-	margin-top: 40rpx;
 }
-.act-i {
+.title-line{
+	width: 308rpx;
+	height: 68rpx;
 	font-size: 24rpx;
-	color: #FF5A0E;
+	font-weight: 500;
+	color: #191919;
+	white-space:pre-wrap;
 }
-.act-p{
+.act-price{
-	font-size: 32rpx;
+	width: 335rpx;
-	color: #2A2B2B;
 	font-weight: 600;
+	.act-i {
+		font-size: 24rpx;
+		color: #FF5A0E;
+	}
+	.act-p{
+		font-size: 32rpx;
+		color: #2A2B2B;
+	}
 }
+
 .act-bottom{
 	position: relative;
 	width: 562rpx;