#

pages/activityDetail/activityDetail.vue

@@ -4,24 +4,26 @@
 		<statusBar :item="navbar"></statusBar>
 		
 		<!-- 顶部 -->
-		<view class="backPic">
-			<image src="../../static/yym/Rectangle 40.png" mode="aspectFill"></image>
-			<view class="card">
-				<view class="cardTop">
-					2023年全国国际银行分行“防范灾害风险护航高质量发展”防灾减灾志愿宣传活动
-				</view>
-				<view class="col">
-					活动日期：<text>5.12~5.13</text>
-				</view>
-				<view class="col">
-					招募人数：<text>23/50</text>
-				</view>
-				<view class="col">
-					活动地址：<text>龙岗将军帽路一号深圳技师学院</text>
-					<uni-icons type="location" color="#0056a8" size="20" style="position: absolute;right: 10px;top: 0;"></uni-icons>
+			<view class="backPic">
+				<image src="../../static/yym/Rectangle 40.png" mode="aspectFill"></image>
+				<view style="padding: 0 30rpx;margin-bottom: 20px;">
+					<view class="card">
+						<view class="cardTop">
+							2023年全国国际银行分行“防范灾害风险护航高质量发展”防灾减灾志愿宣传活动
+						</view>
+						<view class="col">
+							活动日期：<text>5.12~5.13</text>
+						</view>
+						<view class="col">
+							招募人数：<text>23/50</text>
+						</view>
+						<view class="col">
+							活动地址：<text>龙岗将军帽路一号深圳技师学院</text>
+							<uni-icons type="location" color="#0056a8" size="20" style="position: absolute;right: 10px;top: 0;"></uni-icons>
+						</view>
+					</view>
 				</view>
 			</view>
-		</view>
 		
 		<!-- 创建者用户名 -->
 		<view style="padding: 0 30rpx;margin-bottom: 20px;">
@@ -109,11 +111,11 @@
 			}
 			.card{
 				position: absolute;
-				width: 650rpx;
+				width: 690rpx;
 				// height: 150px;
 				bottom: -20px;
 				left: 50%;
-				padding: 30rpx 20rpx;
+				padding: 30rpx 16px;
 				border-radius: 10px;
 				background-color: #ffffff;
 				transform: translate(-50%,0);

pages/teachingDetail/teachingDetail.vue

@@ -8,7 +8,7 @@
 			<image src="../../static/yym/Rectangle 40.png" mode="aspectFill"></image>
 			<view class="card">
 				<view class="cardTop">
-					<view class="title">xxx虚拟教室</view>
+					<view class="title">xxxx虚拟教研教室</view>
 					<view class="">
 						<uni-icons type="star" size="30" color="#ffffff" style="margin-right: 20rpx;"></uni-icons>
 						<uni-icons type="folder-add" size="30" color="#ffffff"></uni-icons>
@@ -18,12 +18,12 @@
 					成立日期：2023.5.12
 				</view>
 				<view class="col">
-					人数：23
+					人数：23人
 				</view>
 				<view class="tag col">
 					<view class="">教研标签：</view>
 					<view class="" style="display: flex;">
-						<view class="" style="font-size: 14px;color: #00b2b6; border: 1px #00b2b6 solid;padding: 2rpx 10rpx;border-radius: 5rpx;">
+						<view class="" style="font-size: 25rpx;color: #00b2b6; border: 1px #00b2b6 solid;padding: 2rpx 10rpx;border-radius: 5rpx;">
 							类型标签
 						</view>
 					</view>
@@ -124,7 +124,8 @@
 			}
 			.card{
 				position: absolute;
-				width: 650rpx;
+				// width: 650rpx;
+				width: 690rpx;
 				height: 130px;
 				bottom: 10px;
 				left: 50%;
@@ -138,17 +139,20 @@
 				transform: translate(-50%,0);
 				border: 1rpx #667870 solid;
 				color: #ffffff;
+				// background-color: #34453f;
 				.cardTop{
 					display: flex;
 					justify-content: space-between;
 					.title{
-						font-weight: bold;
-						font-size: 20px;
+						font-weight: 500;
+						color: #ffffff;
+						font-size: 35rpx;
 					}
 				}
 				.col{
 					margin-bottom: 10rpx;
 					font-weight: 100;
+					font-size: 30rpx;
 				}
 				.tag{
 					display: flex;
@@ -167,10 +171,10 @@
 				width: 49%;
 				background: linear-gradient(to bottom , #fcfcff 30%, #e8ecfd 100%);
 				border-radius: 10px;
-				padding: 20px 10px;
+				padding: 35rpx 30rpx;
 				color: #424f85;
 				.tit1{
-					font-size: 22px;
+					font-size: 35rpx;
 					margin-bottom: 10px;
 					font-weight: bold;
 				}
@@ -186,7 +190,7 @@
 				padding: 20px 10px;
 				color: #855e42;
 				.tit1{
-					font-size: 22px;
+					font-size: 35rpx;
 					margin-bottom: 10px;
 					font-weight: bold;
 				}

unpackage/dist/dev/mp-weixin/pages/activityDetail/activityDetail.js

@@ -241,6 +241,8 @@ exports.default = void 0;
 //
 //
 //
+//
+//
 var _default = {
   data: function data() {
     return {

unpackage/dist/dev/mp-weixin/pages/activityDetail/activityDetail.wxml

@@ -1 +1 @@
-<view class="activityDetail"><status-bar vue-id="3b54f100-1" item="{{navbar}}" bind:__l="__l"></status-bar><view class="backPic"><image src="../../static/yym/Rectangle 40.png" mode="aspectFill"></image><view class="card"><view class="cardTop">2023年全国国际银行分行“防范灾害风险护航高质量发展”防灾减灾志愿宣传活动</view><view class="col">活动日期：<text>5.12~5.13</text></view><view class="col">招募人数：<text>23/50</text></view><view class="col">活动地址：<text>龙岗将军帽路一号深圳技师学院</text><uni-icons style="position:absolute;right:10px;top:0;" vue-id="3b54f100-2" type="location" color="#0056a8" size="20" bind:__l="__l"></uni-icons></view></view></view><view style="padding:0 30rpx;margin-bottom:20px;"><view class="creator"><image src="../../static/mine/Avatar.png" mode="aspectFill"></image><view class="creName">创建者用户名</view></view></view><view style="padding:0 30rpx;"><detail-block vue-id="3b54f100-3" item="{{judge}}" bind:__l="__l"></detail-block></view><view style="padding:0 30rpx;"><view class="member"><view class="memberTop"><view style="font-weight:bold;">报名情况(已报名23人)</view><view data-event-opts="{{[['tap',[['perList',['$event']]]]]}}" style="color:#666666;font-size:14px;display:flex;align-items:center;" bindtap="__e">查看更多<uni-icons vue-id="3b54f100-4" type="right" bind:__l="__l"></uni-icons></view></view><view class="pers"><block wx:for="{{6}}" wx:for-item="i" wx:for-index="__i0__"><view class="per"><image src="../../static/mine/Avatar.png" mode="aspectFill"></image><view class="perName">袁一鸣</view></view></block></view></view></view><view class="btnBlock"><button data-event-opts="{{[['tap',[['gotoAdd',['$event']]]]]}}" class="btn" bindtap="__e">立即报名</button></view></view>
+<view class="activityDetail"><status-bar vue-id="3b54f100-1" item="{{navbar}}" bind:__l="__l"></status-bar><view class="backPic"><image src="../../static/yym/Rectangle 40.png" mode="aspectFill"></image><view style="padding:0 30rpx;margin-bottom:20px;"><view class="card"><view class="cardTop">2023年全国国际银行分行“防范灾害风险护航高质量发展”防灾减灾志愿宣传活动</view><view class="col">活动日期：<text>5.12~5.13</text></view><view class="col">招募人数：<text>23/50</text></view><view class="col">活动地址：<text>龙岗将军帽路一号深圳技师学院</text><uni-icons style="position:absolute;right:10px;top:0;" vue-id="3b54f100-2" type="location" color="#0056a8" size="20" bind:__l="__l"></uni-icons></view></view></view></view><view style="padding:0 30rpx;margin-bottom:20px;"><view class="creator"><image src="../../static/mine/Avatar.png" mode="aspectFill"></image><view class="creName">创建者用户名</view></view></view><view style="padding:0 30rpx;"><detail-block vue-id="3b54f100-3" item="{{judge}}" bind:__l="__l"></detail-block></view><view style="padding:0 30rpx;"><view class="member"><view class="memberTop"><view style="font-weight:bold;">报名情况(已报名23人)</view><view data-event-opts="{{[['tap',[['perList',['$event']]]]]}}" style="color:#666666;font-size:14px;display:flex;align-items:center;" bindtap="__e">查看更多<uni-icons vue-id="3b54f100-4" type="right" bind:__l="__l"></uni-icons></view></view><view class="pers"><block wx:for="{{6}}" wx:for-item="i" wx:for-index="__i0__"><view class="per"><image src="../../static/mine/Avatar.png" mode="aspectFill"></image><view class="perName">袁一鸣</view></view></block></view></view></view><view class="btnBlock"><button data-event-opts="{{[['tap',[['gotoAdd',['$event']]]]]}}" class="btn" bindtap="__e">立即报名</button></view></view>

unpackage/dist/dev/mp-weixin/pages/activityDetail/activityDetail.wxss

@@ -37,10 +37,10 @@
 }
 .activityDetail .backPic .card {
   position: absolute;
-  width: 650rpx;
+  width: 690rpx;
   bottom: -20px;
   left: 50%;
-  padding: 30rpx 20rpx;
+  padding: 30rpx 16px;
   border-radius: 10px;
   background-color: #ffffff;
   -webkit-transform: translate(-50%, 0);

unpackage/dist/dev/mp-weixin/pages/teachingDetail/teachingDetail.wxss

@@ -37,7 +37,7 @@
 }
 .teachingDetail .backPic .card {
   position: absolute;
-  width: 650rpx;
+  width: 690rpx;
   height: 130px;
   bottom: 10px;
   left: 50%;
@@ -55,12 +55,14 @@
   justify-content: space-between;
 }
 .teachingDetail .backPic .card .cardTop .title {
-  font-weight: bold;
-  font-size: 20px;
+  font-weight: 500;
+  color: #ffffff;
+  font-size: 35rpx;
 }
 .teachingDetail .backPic .card .col {
   margin-bottom: 10rpx;
   font-weight: 100;
+  font-size: 30rpx;
 }
 .teachingDetail .backPic .card .tag {
   display: flex;
@@ -75,11 +77,11 @@
   width: 49%;
   background: linear-gradient(to bottom, #fcfcff 30%, #e8ecfd 100%);
   border-radius: 10px;
-  padding: 20px 10px;
+  padding: 35rpx 30rpx;
   color: #424f85;
 }
 .teachingDetail .teaData .cla .tit1 {
-  font-size: 22px;
+  font-size: 35rpx;
   margin-bottom: 10px;
   font-weight: bold;
 }
@@ -94,7 +96,7 @@
   color: #855e42;
 }
 .teachingDetail .teaData .cla2 .tit1 {
-  font-size: 22px;
+  font-size: 35rpx;
   margin-bottom: 10px;
   font-weight: bold;
 }