feat: äº活动style

pages/activity/activityDetail.vue

@@ -19,16 +19,23 @@
 					<view class="item-name">活动地址：</view>
 					<view class="item-content">{{list.address}}</view>
 				</view>
-				<view class="card-item">
+				<!-- <view class="card-item">
 					<view class="item-name">活动内容：</view>
 					<view class="item-content"><u-parse :content="list.content"></u-parse></view>
-				</view>
+				</view> -->
 				<view class="card-item">
 					<view class="item-name">参加人数：</view>
 					<view class="item-content">{{list.join_num}}</view>
 				</view>
 			</view>
 		</view>
+		
+		<view class="actDetail">
+			<view class="actDetail-title">活动详情</view>
+			<view class="actDetail-content">
+				<u-parse :content="list.content"></u-parse>
+			</view>
+		</view>
 
 		<view class="bottomEmpty"></view>
 
@@ -59,6 +66,10 @@
 			_this.getMore();
 		},
 		methods: {
+			pageRefresh: function() {
+				_this.getMore();
+			},
+			
 			submit() {
 				_this.$req.ajax({
 					path: "activity/joinActivity",
@@ -67,6 +78,7 @@
 						userid: _this.userinfo.id,
 					}
 				}).then((data) => {
+					_this.pageRefresh();
 					console.log("加入", data)
 				}).catch((err) => {
 					uni.showModal({
@@ -82,6 +94,7 @@
 					path: "activity/detailActivity",
 					data: {
 						id: _this.actId,
+						userid: _this.userinfo.id,
 					}
 				}).then((data) => {
 					_this.join_status = data.join_status
@@ -111,7 +124,7 @@
 	}
 
 	.main {
-		margin: 0 20rpx;
+		margin: 0 20rpx 30rpx;
 
 		.main-title {
 			font-size: 35rpx;
@@ -154,6 +167,20 @@
 			}
 		}
 	}
+	
+	.actDetail {
+		margin: 0 20rpx;
+		padding: 20rpx 20rpx;
+		border-radius: 20rpx;
+		background-color: #FFFFFF;
+		box-shadow: 5rpx 5rpx 10rpx 2rpx rgba(149, 149, 149, 0.3);
+		
+		.actDetail-title {
+			font-size: 35rpx;
+			font-weight: bold;
+			margin-bottom: 30rpx;
+		}
+	}
 
 	.bottomEmpty {
 		margin-top: 80rpx;

pages/activity/activityList.vue

@@ -136,12 +136,12 @@
 					width: 140rpx;
 					height: 50rpx;
 					font-size: 24rpx;
-					color: #8f8f8f;
+					color: #CA151C;
 					display: flex;
 					align-items: center;
 					justify-content: center;
 					border-radius: 12rpx;
-					border: 1rpx solid #8f8f8f;
+					border: 1rpx solid #CA151C;
 				}
 			}
 		}