####

App.vue

@@ -76,7 +76,7 @@
 <style>
 	/*每个页面公共css */
 	body{
-		background-color: #f9f9f9;
+		background-color: #f0f2f5;
 	}
 	view{
 			box-sizing: border-box;

components/detailBlock/detailBlock.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="detailBlock">
-		<view class="tit">教研室详情</view>
+		<view class="tit" v-if="!item.isShow">教研室详情</view>
+		<view class="tit" v-else>活动详情</view>
 		<view class="cont">
 			会议时间：<text>10月7日上午八点(周日)</text>
 		</view>
@@ -19,6 +20,16 @@
 <script>
 	export default {
 		name:"detailBlock",
+		props:{
+			item:{
+				type:Object,
+				default (){
+					return{
+						isshow:0    //0教研室 1 活动
+					}
+				}
+			}
+		},
 		data() {
 			return {
 				

components/statusBar/statusBar.vue

@@ -1,6 +1,5 @@
 <template>
-	<view class="" :style="{height:navheight + 'px',width:750 + 'px'}">
-		<view class="statusBar" style="">
+		<view class="statusBar" :style="{height: meunButtonInfo? navheight + 'px': customBar +'px'}">
 			<view class="nav" v-if="meunButtonInfo" :style="{height:navheight + 'px'}">
 				<view v-if="item.btn" class="backBtnSty" style="position: fixed;transform: translate(0,-50%);" :style="{width:'30px',marginTop:navTop+meunButtonInfo/2 +'px'}">
 					<!-- <image @click="backIndex" src="../../static/logo.png" mode="aspectFill"></image> -->
@@ -9,9 +8,19 @@
 				<view class="navTit" :style="{paddingTop:navTop+ 'px',lineHeight:meunButtonInfo+'px'}">
 					<view class="postTit">{{item.title}} </view>
 				</view>
-				
 			</view>
-		</view> 
+			<!-- app端 -->
+			<view class="nav" v-else :style="{height:customBar +'px'}">
+					<view v-if="item.btn" class="backBtnSty" style="position: fixed;transform: translate(0,-50%);" :style="{width:'30px',marginTop:appAllHeight/2 +'px'}">
+						<!-- <image @click="backIndex" src="../../static/img/back.png"  mode="aspectFill"></image> -->
+						<uni-icons @click="backIndex" type="back"></uni-icons>
+					</view>
+					<!-- 导航栏文字开始 -->
+					<view class="navTit" :style="{lineHeight:customBar+'px'}">
+						<view class="postTit">{{item.title}} </view>
+					</view>
+					<!-- 导航栏文字结束 -->
+			</view>
 	</view>
 	
 </template>
@@ -55,19 +64,23 @@
 </script>
 
 <style lang="scss">
-	.statusBar{
-		position: fixed;
-		z-index: 10;
+		.statusBar{
+			// position: fixed;
+			// background-color: #FFFFFF;
+			background-color: #000;
+		}
 		.nav{
 			width: 750rpx;
-			position: relative;
+			// position: relative;
 			// border-bottom-left-radius: 30rpx;
 			// border-bottom-right-radius: 30rpx;
 			background-color: #FFFFFF;
+			// background-color: #000;
 			// background: linear-gradient( 100deg ,#65cff4 20%,#c8b8ee 80%);
-			position: sticky;
+			// position: sticky;
+			position: fixed;
 			top: 0;
-			// z-index: 1;
+			z-index: 11;
 			.backBtnSty{
 				// position: absolute;
 				width: 40rpx;height: 40rpx;		
@@ -101,5 +114,4 @@
 			font-size: 18px;
 			font-weight: bold;
 		  }
-	}
 </style>

components/teaching-case/teaching-case.vue

@@ -8,19 +8,35 @@
 		<view class="right">
 			<view class="title">
 				<view class="tag">类型</view>
-				<text>这是教研标题这是教研标题这是教研标题</text>
+				<text v-if="!item.btn">这是教研标题这是教研标题这是教研标题</text>
+				<text v-else>这是活动活动活动活动活动活动活动活动活动</text>
 			</view>
 			
 			<view class="introduce">
 				查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情
 			</view>
 			
-			<view class="operate">
+			<view class="operate" v-if="!item.btn">
 				<view class="left">
-					<view class="">收藏</view>
-					<view class="">订阅</view>
+					<view class="opr" style="padding-right: 25rpx;">
+						<uni-icons type="star" size="22"></uni-icons>
+						收藏
+					</view>
+					<view class="opr">
+						<uni-icons type="cloud-download" size="22"></uni-icons>
+						<!-- <image src="../../static/yym/Vector (Stroke).png" style="width: 30rpx;height: 30rpx;" mode="aspectFill"></image> -->
+						订阅
+					</view>
 				</view>
-				<button class="btn">立即参与</button>
+				<button class="btn" disableEventPropagation="true" @click.stop="join">立即参与</button>
+			</view>
+			<view class="operate" v-else>
+				<view class="left">
+					<view class="price">￥188</view>
+					<view class="pernum">已报名123人</view>
+				</view>
+				<button class="btn" @click.stop="actApply">立即报名</button>
+				
 			</view>
 		</view>
 	</view>
@@ -30,6 +46,16 @@
 <script>
 	export default {
 		name:"teaching-case",
+		props:{
+			item:{
+				type:Object,
+				default (){
+					return{
+						btn:0    //0教研列表 1活动列表
+					}
+				}
+			}
+		},
 		data() {
 			return {
 				
@@ -37,8 +63,25 @@
 		},
 		methods:{
 			gotoTeDetail(){
+				if(this.item.btn){
+					uni.navigateTo({
+						url:"/pages/activityDetail/activityDetail"
+					})
+				}else{
+					uni.navigateTo({
+						url:"/pages/teachingDetail/teachingDetail"
+					})
+				}
+				
+			},
+			join(){
+				uni.navigateTo({
+					url:'/pages/jys/jys'
+				})
+			},
+			actApply(){
 				uni.navigateTo({
-					url:"/pages/teachingDetail/teachingDetail"
+					url:'/pages/hd/hd'
 				})
 			}
 		}
@@ -51,8 +94,8 @@
 		justify-content: space-between;
 		margin-bottom: 10px;
 		background-color: #ffffff;
-		padding: 0rpx 30rpx;
-		padding-bottom: 20rpx;
+		padding: 20rpx 30rpx;
+		// padding-bottom: 20rpx;
 		.img{
 			width: 180rpx;
 			height: 180rpx;
@@ -64,10 +107,13 @@
 		.right{
 			padding-left: 15px;
 			flex: 1;
+			// height: 300px;
 			width: 100rpx;
 			display: flex;
 			flex-direction: column;
 			align-content: flex-end ;
+			// align-content: space-between;
+			
 			.title{
 				display: flex;
 				margin-bottom: 5px;
@@ -103,20 +149,38 @@
 				display: flex;
 				justify-content: space-between;
 				align-items: flex-end;
+				flex-grow: 1;
 				.left{
 					display: flex;
 					justify-content: space-between;
-					width: 200rpx;
+					align-items: center;
+					// width: 200rpx;
+					.opr{
+						display: flex;
+						align-items: center;
+					}
+					.pernum{
+						color: #666666;
+						font-size: 14px;
+					}
+					.price{
+						font-size: 18px;
+						font-weight: bold;
+						color: #f8a551;
+						padding-right: 10rpx;
+					}
 				}
 					.btn{
-						width: 80px;
+						z-index: 5;
 						font-size: 12px;
 						background-color: #3081e8;
 						color: #fff;
 						border-radius: 30px;
 						margin: 0;
 						float: right;
-						margin-top: 10px;
+						// margin-top: 10px;
+						// padding: 0 15rpx;
+						letter-spacing:1px;
 					}
 			}
 		}

pages.json

@@ -101,6 +101,51 @@
             }
             
         }
+        ,{
+            "path" : "pages/activityList/activityList",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/activityDetail/activityDetail",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/jys/jys",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/hd/hd",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/publish/publish",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     "tabBar": {
         "list": [

pages/activityDetail/activityDetail.vue

@@ -0,0 +1,216 @@
+<template>
+	<!-- 教研室详情 -->
+	<view class="activityDetail">
+		<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>
+			</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 class="" style="padding: 0 30rpx;">
+			<detailBlock :item='judge'></detailBlock>
+		</view>
+		
+
+		
+		<!-- 当前成员 -->
+		<view style="padding: 0 30rpx;">
+			<view class="member">
+				<view class="memberTop">
+					<view class="" style="font-weight: bold;">报名情况(已报名23人)</view>
+					<view class="" style="color: #666666;font-size: 14px;display: flex;align-items: center;">
+						查看更多
+						<uni-icons type="right"></uni-icons>
+					</view>
+				</view>
+				
+				<view class="pers">
+					<view class="per" v-for="i in 6">
+						<image src="../../static/mine/Avatar.png" mode="aspectFill"></image>
+						<view class="perName">
+							袁一鸣
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 申请加入 -->
+		<view class="btnBlock">
+			<button class="btn">立即报名</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navbar:{
+					title:'活动详情',
+					btn:1
+				},
+				judge:{
+					isShow:1
+				}
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.activityDetail{
+		padding-bottom: 80px;
+		.backPic{
+			width: 750rpx;
+			position: relative;
+			image{
+				width: 100%;
+				display: block;
+			}
+			.card{
+				position: absolute;
+				width: 650rpx;
+				// height: 150px;
+				bottom: -20px;
+				left: 50%;
+				padding: 30rpx 20rpx;
+				border-radius: 10px;
+				background-color: #ffffff;
+				transform: translate(-50%,0);
+				.cardTop{
+					// display: flex;
+					// justify-content: center;
+					// padding-bottom: 5px;
+					margin-bottom: 5px;
+					// font-size: 18px;
+					font-weight: bold;
+					display: -webkit-box;
+					word-break: break-all;
+					text-overflow: ellipsis;
+					overflow: hidden;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp:2;/*设置 需要显示的行数*/
+					.title{
+						font-weight: bold;
+					}
+				}
+				.col{
+					position: relative;
+					margin-bottom: 10rpx;
+					color: #999999;
+					padding-right: 40px;
+					font-size: 14px;
+					width: 100%;
+					display: -webkit-box;
+					word-break: break-all;
+					text-overflow: ellipsis;
+					overflow: hidden;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp:2;/*设置 需要显示的行数*/
+					text{
+						color: #333333;
+					}
+				}
+				.tag{
+					display: flex;
+				}
+			}
+			// background-image: url(../../static/resource/jqr.png);
+		}
+	
+		
+		.creator{
+			display: flex;
+			padding: 10px 30px;
+			background-color: #ffffff;
+			align-items: center;
+			margin-top: 30px;
+			border-radius: 10px;
+			image{
+				width: 60px;
+				height: 60px;
+				border-radius: 50%;
+				margin-right: 20rpx;
+			}
+			.creName{
+				font-weight: bold;
+			}
+		}
+		
+		.member{
+			background-color: #ffffff;
+			margin-top: 20px;
+			padding: 10px 10px;
+			border: 10px;
+			border-radius: 10px;
+			.memberTop{
+				display: flex;
+				justify-content: space-between;
+				margin-bottom: 10px;
+			}
+				
+				.pers{
+					display: flex;
+					justify-content: space-around;
+					align-items: center;
+					.per{
+						display: inline-block;
+						image{
+							width: 40px;
+							height: 40px;
+							border-radius: 50%;
+						}
+						.perName{
+							font-size: 14px;
+							text-align: center;
+						}
+					}
+					
+				}
+				
+		}
+		
+		.btnBlock{
+			position: fixed;
+			bottom: 0;
+			width: 750rpx;
+			background-color: #ffffff;
+			padding: 20px 0;
+			.btn{
+				width: 50%;
+				margin: auto;
+				background-color: #0056a8;
+				color: #ffffff;
+				font-size: 14px;
+			}
+		}
+	}
+</style>

pages/activityList/activityList.vue

@@ -0,0 +1,29 @@
+<template>
+	<view class="activeList">
+		<statusBar :item="navbarData"></statusBar>
+		<teaching-case :item="teaData"></teaching-case>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navbarData:{
+					title:'活动列表',
+					btn:1
+				},
+				teaData:{
+					btn:1
+				}
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.activeList{
+		
+	}
+</style>

pages/activityPage/activityPage.vue

@@ -37,14 +37,29 @@
 				<view class="title">活动推荐</view>
 			</template>
 			<template #lookMore>
-				<view class="lookMore">查看更多</view>
+				<view class="lookMore" @click="lookMore">查看更多</view>
 			</template>
 			<template #activeBlock>
-				<activity-case v-for="i in 10" :key="i"></activity-case>
+				<!-- <activity-case v-for="i in 10" :key="i"></activity-case> -->
+				<teaching-case v-for="i in 10" :item="actData"></teaching-case>
 			</template>
 		</viewX-Case>
 		
+		<!-- <uni-fab
+			:content="content"
+			:horizontal="right"
+			:vertical="vertical"
+			:direction="direction"
+			@trigger="trigger"
+		></uni-fab> -->
 		
+		<uni-fab ref="fab" 
+		:pattern="pattern" 
+		:horizontal="horizontal" 
+		:vertical="vertical"
+		:direction="direction"
+		 
+		@fabClick="fabClick" />
 	</view>
 </template>
 
@@ -55,8 +70,36 @@
 				navBarData:{
 					title:'活动', //导航栏标题
 					btn:0        //是否显示返回按钮 0不显示  1 显示
-				}
+				},
+				actData:{
+					btn:1
+				},
+				title: 'uni-fab',
+				directionStr: '垂直',
+				horizontal: 'right',
+				vertical: 'bottom',
+				direction: 'horizontal',
+				pattern: {
+					color: '#7A7E83',
+					backgroundColor: '#fff',
+					selectedColor: '#007AFF',
+					buttonColor: '#007AFF',
+					iconColor: '#fff'
+				},
 			};
+		},
+		methods:{
+			lookMore(){
+				uni.navigateTo({
+					url:'/pages/activityList/activityList'
+				})
+			},
+			fabClick(){
+				// console.log(111);
+				uni.navigateTo({
+					url:'/pages/publish/publish'
+				})
+			}
 		}
 	}
 </script>

pages/hd/hd.vue

@@ -0,0 +1,155 @@
+<template>
+	<view class="main">
+		<statusBar :item="navBarData"></statusBar>
+		<uni-card :is-shadow="false">
+			<view class="uni-body">
+				<view class="card">
+					<!-- <img src="../../static/jys/jys.png" alt="" class="image" /> -->
+					<image src="../../static/jys/jys.png" class="image" mode="aspectFill"></image>
+					<view class="text">
+						<p>
+							<span class="manage">类型</span>
+							<span class="t1">这里是活动名称</span>
+						</p>
+						<view class="fzr">
+							<p>活动日期：5.12~5.20</p>
+							<p>招募人数：23/50</p>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-card>
+		<uni-card :is-shadow="false">
+			<view class="uni-body">
+				<view class="card2">
+					<view class="hdxx">
+						<p class="hd">活动信息</p>
+						<view class="textcolor">
+							<p class="name">
+								姓名:
+								<span class="name1"></span>
+							</p>
+							<p class="name">
+								联系方式:
+								<span class="lx1">172xxxxx5678</span>
+							</p>
+							<p class="name">
+								单位:
+								<span class="dw1">xx实验中学学校</span>
+							</p>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-card>
+		<view class="buttons safe-area-bottom">
+			<button @click="button1Action" class="btn1">清空填写信息</button>
+			<button @click="button2Action" class="btn2">确认报名</button>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			navBarData: {
+				title: '活动报名',
+				btn: 1
+			}
+		};
+	},
+	methods: {
+		button1Action() {
+			// 这里添加按钮1点击后触发的动作
+			console.log('Button 1 clicked');
+		},
+		button2Action() {
+			// 这里添加按钮2点击后触发的动作
+			console.log('Button 2 clicked');
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.main {
+	.card {
+		display: flex;
+		// align-items: center; // 如果需要垂直居中
+		justify-content: flex-start;
+		.image {
+			width: 100px;
+			height: 100px;
+			border-radius: 4px;
+			object-fit: cover; // 使图片保持原有比例填充整个元素
+		}
+
+		.text {
+			margin-left: 10px; // 增加一点空间
+			line-height: 35px; // 根据你的需求调整，使文本与图片保持
+			.manage {
+				padding: 2px;
+				padding-left: 5px;
+				padding-right: 5px;
+				// font-size: 12px;
+				color: #00b2b6;
+				border: 1px solid #00b2b6;
+				border-radius: 3px;
+				// margin-left: 5px;
+			}
+			.t1 {
+				font-size: 18px;
+				color: black;
+				font-weight: 550;
+			}
+			.fzr {
+				p {
+					margin-left: 5px;
+					color: #999999;
+				}
+			}
+		}
+	}
+	.hdxx {
+		.hd {
+			color: black;
+			font-size: 18px;
+			font-weight: 400px;
+			line-height: 42px;
+		}
+		.textcolor {
+			color: #999999;
+			line-height: 42px;
+			.name {
+				display: flex;
+				justify-content: space-between;
+			}
+		}
+	}
+	.buttons {
+		bottom: 42px;
+		position: fixed;
+		// width: 100%;
+		display: flex;
+		justify-content: space-between;
+		// padding-left: 25px;
+		// padding-right: 25px;
+		button {
+			font-size: 16px;
+			color: #999999;
+			width: 180px; /* 设置按钮宽度 */
+			border-radius: 50px; /* 设置圆角 */
+		}
+		.btn1 {
+			margin-left: 10px;
+			border: 1px solid #999999;
+		}
+		.btn2 {
+			color: white;
+			margin-left: 50px;
+			background-color: #0056a8;
+		}
+	}
+}
+</style>

pages/index/index.vue

@@ -11,12 +11,10 @@
 					<view class="title">精选活动</view>
 				</template>
 				<template #lookMore>
-					<view class="lookMore">
-						查看更多
-					</view>
+					<view class="lookMore" @click="gotoActivity">查看更多</view>
 				</template>
 				<template #activeBlock>
-					<view class="activeData" v-for="i in 5" :key="i">
+					<view class="activeData" @click="gotoActivityDetail" v-for="i in 5" :key="i">
 						<image src="../../static/resource/jqr.png" mode="aspectFill"></image>
 						<view class="activeTit">
 							查看更多查看更多查看更多查看更多查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多
@@ -26,7 +24,7 @@
 							<view class="proNum">74报名</view>
 							<view class="price">￥299</view>
 						</view>
-						<button class="btn">立即报名</button>
+						<button class="btn" @click.stop="gotoHd">立即报名</button>
 					</view>
 				</template>
 			</viewX-Case>
@@ -67,10 +65,24 @@
 				})
 			},
 			gotoTeDetail(){
-				console.log(111);
 				uni.navigateTo({
 					url:"/pages/teachingDetail/teachingDetail"
 				})
+			},
+			gotoActivity(){
+				uni.navigateTo({
+					url:"/pages/activityList/activityList"
+				})
+			},
+			gotoActivityDetail(){
+				uni.navigateTo({
+					url:'/pages/activityDetail/activityDetail'
+				})
+			},
+			gotoHd(){
+				uni.navigateTo({
+					url:'/pages/hd/hd'
+				})
 			}
 		}
 	}

pages/jys/jys.vue

@@ -0,0 +1,155 @@
+<template>
+	<!-- 教研室报名 -->
+	<view class="main">
+		<statusBar :item="navBarData"></statusBar>
+		<uni-card :is-shadow="false">
+			<view class="uni-body">
+				<view class="card">
+					<image src="/static/jys/jys.png" class="image" mode="aspectFill"></image>
+					<view class="text">
+						<p>
+							<span class="manage">类型</span>
+							<span class="t1">这里是教研室名称</span>
+						</p>
+						<view class="fzr">
+							<p>负责人：xxx</p>
+							<p>教研室标签：</p>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-card>
+		<uni-card :is-shadow="false">
+			<view class="uni-body">
+				<view class="card2">
+					<view class="hdxx">
+						<p class="hd">活动信息</p>
+						<view class="textcolor">
+							<p class="name">
+								姓名:
+								<span class="name1">李某某</span>
+							</p>
+							<p class="name">
+								联系方式:
+								<span class="lx1">172xxxxx5678</span>
+							</p>
+							<p class="name">
+								单位:
+								<span class="dw1">xx实验中学学校</span>
+							</p>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-card>
+		<view class="buttons safe-area-bottom">
+			<button @click="button1Action" class="btn1">清空填写信息</button>
+			<button @click="button2Action" class="btn2">申请加入</button>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			navBarData: {
+				title: '教研室报名',
+				btn: 1
+			}
+		};
+	},
+	methods: {
+		button1Action() {
+			// 这里添加按钮1点击后触发的动作
+			console.log('Button 1 clicked');
+		},
+		button2Action() {
+			// 这里添加按钮2点击后触发的动作
+			console.log('Button 2 clicked');
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.main {
+	.card {
+		display: flex;
+		// align-items: center; // 如果需要垂直居中
+		justify-content: flex-start;
+		.image {
+			width: 100px;
+			height: 100px;
+			border-radius: 4px;
+			object-fit: cover; // 使图片保持原有比例填充整个元素
+		}
+
+		.text {
+			margin-left: 10px; // 增加一点空间
+			line-height: 35px; // 根据你的需求调整，使文本与图片保持
+			.manage {
+				padding: 2px;
+				padding-left: 5px;
+				padding-right: 5px;
+				// font-size: 12px;
+				color: #00b2b6;
+				border: 1px solid #00b2b6;
+				border-radius: 3px;
+				// margin-left: 5px;
+			}
+			.t1 {
+				font-size: 18px;
+				color: black;
+				font-weight: 550;
+			}
+			.fzr {
+				p {
+					margin-left: 5px;
+					color: #999999;
+				}
+			}
+		}
+	}
+	.hdxx {
+		.hd {
+			color: black;
+			font-size: 18px;
+			font-weight: 400px;
+			line-height: 42px;
+		}
+		.textcolor {
+			color: #999999;
+			line-height: 42px;
+			.name {
+				display: flex;
+				justify-content: space-between;
+			}
+		}
+	}
+	.buttons {
+		bottom: 42px;
+		position: fixed;
+		// width: 100%;
+		display: flex;
+		justify-content: space-between;
+		// padding-left: 25px;
+		// padding-right: 25px;
+		button {
+			font-size: 16px;
+			color: #999999;
+			width: 180px; /* 设置按钮宽度 */
+			border-radius: 50px; /* 设置圆角 */
+		}
+		.btn1 {
+			margin-left: 10px;
+			border: 1px solid #999999;
+		}
+		.btn2 {
+			color: white;
+			margin-left: 50px;
+			background-color: #0056a8;
+		}
+	}
+}
+</style>

pages/login/login.vue

@@ -27,7 +27,7 @@
 				isOK:false,
 				navBarData:{
 					title:'首页',
-					btn:0  //判断是否显示返回按钮
+					btn:1  //判断是否显示返回按钮
 				},
 			};
 		},

pages/mine/mine.vue

@@ -77,7 +77,7 @@
 							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
 						</view>
 					</view>
-					<view class="optionItem">
+					<view class="optionItem" @click="gotoLogin">
 						<view class="option_left">
 							<span class="option_icon">
 								<image src="../../static/mine/setting.png" mode="aspectFill"></image>
@@ -114,6 +114,11 @@ export default {
 				url: '/pages/mineSubscribe/mineSubscribe'
 			});
 		},
+		gotoLogin(){
+			uni.navigateTo({
+				url:'/pages/login/login'
+			})
+		}
 	},
 };
 </script>

pages/mineSubscribe/mineSubscribe.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="content" >
 		<statusBar :item="navBarData"></statusBar>
 		
 		<view class="" style="width: 750rpx;height: 60px;">
@@ -17,8 +17,9 @@
 		
 		<swiper class="scroll-view-height" @change="swipeIndex" :current="current" :duration="300">
 			<swiper-item>
+				<scroll-view scroll-y="true" style="height: 80vh;">
 					<view class="activeClass">
-						<view class="classBox" v-for="i in 9" :key="i">
+						<view class="classBox" v-for="i in 20" :key="i">
 							<view class="classLeft">
 								<view class="class_Img">
 									<image src="../../static/mine/activeclass.png" mode=""></image>
@@ -38,6 +39,8 @@
 							</view>
 						</view>
 					</view>
+				</scroll-view>
+					
 				
 			</swiper-item>
 			<swiper-item>
@@ -76,7 +79,9 @@
 					btn: 1
 				},
 				current:0,//切换
-				height:`calc(100vh - this.navheight+'px' - 10px)`,
+				
+				aaa:`calc(100vh-60vh)`,
+				
 				navheight:this.navheight,		//导航栏高度
 				
 				active:'active',  //类名
@@ -107,6 +112,9 @@
 
 <style lang="scss">
 .content{
+	height: 100vh;
+	width: 750rpx;
+	background-color: #00b2b6;
 	.activeTitle{
 		position: fixed;
 		z-index: 9;
@@ -151,11 +159,11 @@
 	}
 	.scroll-view-height{
 		// height: 200vmin;
-		// height: 100vh;
+		height: 80vh;
 		// height: auto;
 		.activeClass{
 			width: 100%;
-			height: auto;
+			// height: auto;
 			.classBox{
 				display: flex;
 				justify-content: space-between;

pages/publish/publish.vue

@@ -0,0 +1,187 @@
+<template>
+	<view class="publish">
+		<statusBar :item="navBarData"></statusBar>
+		
+		<input class="activity_title" placeholder="活动标题" />
+		<textarea class="text" placeholder="请输入内容"></textarea>
+		
+		<template>
+			<u-upload>
+				<view class="addPhoto">
+					<image src="../../static/publish/photo.png" mode="aspectFill"></image>
+					<view class="photo">添加图片</view>
+					<view class="num">(0/9)</view>
+				</view>
+			</u-upload>
+		</template>
+
+		<template>
+			<view class="userOptionsBox">
+				<view class="optionsItemBox">
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								招募人数
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动形式
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动地址
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动时间
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动费用
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								报名截止
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</template>
+		<template>
+			<view class="publish_now">
+				<button class="<strong>btn</strong>">立即发布</button>
+			</view>
+		</template>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navBarData:{
+					title:'发布', //导航栏标题
+					btn:0        //是否显示返回按钮 0不显示  1 显示
+				},
+				customStyle:{
+					width:'300rpx',
+					height:'80rpx',
+					backgroundColor:'#8BBEFF'
+				}
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.publish{
+		height: 80%;
+		background-color: #fff;
+		.activity_title{
+			padding: 16px;
+		}
+		.text{
+			font-size: 13px;
+			padding: 16px;
+		}
+		.addPhoto{
+			image{
+				width: 50px;
+				height: 50px;
+				margin-left: 48px;
+			}
+			.photo{
+				color: #000000A3;
+				padding-left: 44px;
+				font-size: 14px;
+			}
+			.num{
+				color:  #000000A3;
+				padding-left: 56px;
+				font-size: 14px;
+			}
+			
+		}
+		.userOptionsBox {
+			
+			width: 100%;
+			margin-top: 10px;
+		
+			.optionsItemBox {
+				width: 100%;
+				margin-bottom: 10px;
+				padding: 5px 23px;
+		
+				.optionItem {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					height: 81rpx;
+					font-size: 24rpx;
+		
+					.option_left {
+						display: flex;
+						align-items: center;
+						height: 40rpx;
+					}
+		
+					.option_right {
+						height: 40rpx;
+		
+						image {
+							height: 32rpx;
+							width: 32rpx;
+						}
+					}
+				}
+			}
+		}
+		.publish_now{
+			display: flex;
+			.btn{
+				width: 420rpx;
+				height: 70rpx;
+				background-color: #8BBEFF;
+				color: #fff;
+				margin-top: 20px;
+				margin-bottom: 100rpx;
+				line-height: 70rpx;
+			}
+		}
+		
+	}
+</style>

pages/teachingDetail/teachingDetail.vue

@@ -184,7 +184,7 @@
 		
 		.creator{
 			display: flex;
-			padding: 20px 30px;
+			padding: 10px 30px;
 			background-color: #ffffff;
 			align-items: center;
 			margin-top: 20px;

pages/teachingList/teachingList.vue

@@ -1,8 +1,7 @@
 <template>
 	<view class="teachingDetail">
 		<statusBar :item="navbarBata"></statusBar>
-		<teaching-case></teaching-case>			
-		
+		<teaching-case></teaching-case>
 	</view>
 </template>
 

static/publish/publish.vue

@@ -0,0 +1,187 @@
+<template>
+	<view class="publish">
+		<statusBar :item="navBarData"></statusBar>
+		
+		<input class="activity_title" placeholder="活动标题" />
+		<textarea class="text" placeholder="请输入内容"></textarea>
+		
+		<template>
+			<u-upload>
+				<view class="addPhoto">
+					<image src="../../static/publish/photo.png" mode="aspectFill"></image>
+					<view class="photo">添加图片</view>
+					<view class="num">(0/9)</view>
+				</view>
+			</u-upload>
+		</template>
+
+		<template>
+			<view class="userOptionsBox">
+				<view class="optionsItemBox">
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								招募人数
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动形式
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动地址
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动时间
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								活动费用
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+					<view class="optionItem">
+						<view class="option_left">
+							<text class="option_text">
+								报名截止
+							</text>
+						</view>
+						<view class="option_right">
+							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</template>
+		<template>
+			<view class="publish_now">
+				<button class="btn">立即发布</button>
+			</view>
+		</template>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navBarData:{
+					title:'发布', //导航栏标题
+					btn:0        //是否显示返回按钮 0不显示  1 显示
+				},
+				customStyle:{
+					width:'300rpx',
+					height:'80rpx',
+					backgroundColor:'#8BBEFF'
+				}
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.publish{
+		height: 80%;
+		background-color: #fff;
+		.activity_title{
+			padding: 16px;
+		}
+		.text{
+			font-size: 13px;
+			padding: 16px;
+		}
+		.addPhoto{
+			image{
+				width: 50px;
+				height: 50px;
+				margin-left: 48px;
+			}
+			.photo{
+				color: #000000A3;
+				padding-left: 44px;
+				font-size: 14px;
+			}
+			.num{
+				color:  #000000A3;
+				padding-left: 56px;
+				font-size: 14px;
+			}
+			
+		}
+		.userOptionsBox {
+			
+			width: 100%;
+			margin-top: 10px;
+		
+			.optionsItemBox {
+				width: 100%;
+				margin-bottom: 10px;
+				padding: 5px 23px;
+		
+				.optionItem {
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					height: 81rpx;
+					font-size: 24rpx;
+		
+					.option_left {
+						display: flex;
+						align-items: center;
+						height: 40rpx;
+					}
+		
+					.option_right {
+						height: 40rpx;
+		
+						image {
+							height: 32rpx;
+							width: 32rpx;
+						}
+					}
+				}
+			}
+		}
+		.publish_now{
+			display: flex;
+			.btn{
+				width: 420rpx;
+				height: 70rpx;
+				background-color: #8BBEFF;
+				color: #fff;
+				margin-top: 20px;
+				margin-bottom: 100rpx;
+				line-height: 70rpx;
+			}
+		}
+		
+	}
+</style>

unpackage/dist/dev/mp-weixin/app.json

@@ -11,7 +11,12 @@
     "pages/mine/mine",
     "pages/teachingDetail/teachingDetail",
     "pages/teachingList/teachingList",
-    "pages/mineSubscribe/mineSubscribe"
+    "pages/mineSubscribe/mineSubscribe",
+    "pages/activityList/activityList",
+    "pages/activityDetail/activityDetail",
+    "pages/jys/jys",
+    "pages/hd/hd",
+    "pages/publish/publish"
   ],
   "subPackages": [],
   "window": {

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -76,7 +76,7 @@
 
 /*每个页面公共css */
 page{
-	background-color: #f9f9f9;
+	background-color: #f0f2f5;
 }
 view{
 		box-sizing: border-box;

unpackage/dist/dev/mp-weixin/common/runtime.js

@@ -105,11 +105,11 @@
 /******/
 /******/
 /******/ 		// mini-css-extract-plugin CSS loading
-/******/ 		var cssChunks = {"components/statusBar/statusBar":1,"components/teaching-case/teaching-case":1,"components/viewX-Case/viewX-Case":1,"node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar":1,"node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item":1,"node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid":1,"node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section":1,"components/activity-case/activity-case":1,"node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons":1,"components/detailBlock/detailBlock":1,"node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag":1};
+/******/ 		var cssChunks = {"components/statusBar/statusBar":1,"components/teaching-case/teaching-case":1,"components/viewX-Case/viewX-Case":1,"node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar":1,"node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item":1,"node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid":1,"node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section":1,"node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab":1,"node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons":1,"components/detailBlock/detailBlock":1,"node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag":1,"node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card":1};
 /******/ 		if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 		else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 			promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
-/******/ 				var href = "" + ({"components/statusBar/statusBar":"components/statusBar/statusBar","components/teaching-case/teaching-case":"components/teaching-case/teaching-case","components/viewX-Case/viewX-Case":"components/viewX-Case/viewX-Case","node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar":"node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar","node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item":"node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item","node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid":"node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid","node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section":"node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section","components/activity-case/activity-case":"components/activity-case/activity-case","node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons":"node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons","components/detailBlock/detailBlock":"components/detailBlock/detailBlock","node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag":"node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag"}[chunkId]||chunkId) + ".wxss";
+/******/ 				var href = "" + ({"components/statusBar/statusBar":"components/statusBar/statusBar","components/teaching-case/teaching-case":"components/teaching-case/teaching-case","components/viewX-Case/viewX-Case":"components/viewX-Case/viewX-Case","node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar":"node-modules/@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar","node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item":"node-modules/@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item","node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid":"node-modules/@dcloudio/uni-ui/lib/uni-grid/uni-grid","node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section":"node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section","node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab":"node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab","node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons":"node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons","components/detailBlock/detailBlock":"components/detailBlock/detailBlock","node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag":"node-modules/@dcloudio/uni-ui/lib/uni-tag/uni-tag","node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card":"node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card"}[chunkId]||chunkId) + ".wxss";
 /******/ 				var fullhref = __webpack_require__.p + href;
 /******/ 				var existingLinkTags = document.getElementsByTagName("link");
 /******/ 				for(var i = 0; i < existingLinkTags.length; i++) {

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -143,7 +143,35 @@ module.exports = _toPrimitive, module.exports.__esModule = true, module.exports[
 
 /***/ }),
 
-/***/ 146:
+/***/ 15:
+/*!**********************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/construct.js ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ 16);
+var isNativeReflectConstruct = __webpack_require__(/*! ./isNativeReflectConstruct.js */ 17);
+function _construct(Parent, args, Class) {
+  if (isNativeReflectConstruct()) {
+    module.exports = _construct = Reflect.construct.bind(), module.exports.__esModule = true, module.exports["default"] = module.exports;
+  } else {
+    module.exports = _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) setPrototypeOf(instance, Class.prototype);
+      return instance;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+  return _construct.apply(null, arguments);
+}
+module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ 154:
 /*!************************************************************************************************************************!*\
   !*** C:/Users/yuanyiming/Desktop/教研app/teaching-uniapp/node_modules/@dcloudio/uni-ui/lib/uni-search-bar/i18n/index.js ***!
   \************************************************************************************************************************/
@@ -158,9 +186,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _en = _interopRequireDefault(__webpack_require__(/*! ./en.json */ 147));
-var _zhHans = _interopRequireDefault(__webpack_require__(/*! ./zh-Hans.json */ 148));
-var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 149));
+var _en = _interopRequireDefault(__webpack_require__(/*! ./en.json */ 155));
+var _zhHans = _interopRequireDefault(__webpack_require__(/*! ./zh-Hans.json */ 156));
+var _zhHant = _interopRequireDefault(__webpack_require__(/*! ./zh-Hant.json */ 157));
 var _default = {
   en: _en.default,
   'zh-Hans': _zhHans.default,
@@ -170,7 +198,7 @@ exports.default = _default;
 
 /***/ }),
 
-/***/ 147:
+/***/ 155:
 /*!***********************************************************************************************************************!*\
   !*** C:/Users/yuanyiming/Desktop/教研app/teaching-uniapp/node_modules/@dcloudio/uni-ui/lib/uni-search-bar/i18n/en.json ***!
   \***********************************************************************************************************************/
@@ -181,7 +209,7 @@ module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"cancel\",\"uni-search-
 
 /***/ }),
 
-/***/ 148:
+/***/ 156:
 /*!****************************************************************************************************************************!*\
   !*** C:/Users/yuanyiming/Desktop/教研app/teaching-uniapp/node_modules/@dcloudio/uni-ui/lib/uni-search-bar/i18n/zh-Hans.json ***!
   \****************************************************************************************************************************/
@@ -192,7 +220,7 @@ module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"取消\",\"uni-search-
 
 /***/ }),
 
-/***/ 149:
+/***/ 157:
 /*!****************************************************************************************************************************!*\
   !*** C:/Users/yuanyiming/Desktop/教研app/teaching-uniapp/node_modules/@dcloudio/uni-ui/lib/uni-search-bar/i18n/zh-Hant.json ***!
   \****************************************************************************************************************************/
@@ -203,34 +231,6 @@ module.exports = JSON.parse("{\"uni-search-bar.cancel\":\"取消\",\"uni-search-
 
 /***/ }),
 
-/***/ 15:
-/*!**********************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/construct.js ***!
-  \**********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ 16);
-var isNativeReflectConstruct = __webpack_require__(/*! ./isNativeReflectConstruct.js */ 17);
-function _construct(Parent, args, Class) {
-  if (isNativeReflectConstruct()) {
-    module.exports = _construct = Reflect.construct.bind(), module.exports.__esModule = true, module.exports["default"] = module.exports;
-  } else {
-    module.exports = _construct = function _construct(Parent, args, Class) {
-      var a = [null];
-      a.push.apply(a, args);
-      var Constructor = Function.bind.apply(Parent, a);
-      var instance = new Constructor();
-      if (Class) setPrototypeOf(instance, Class.prototype);
-      return instance;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  }
-  return _construct.apply(null, arguments);
-}
-module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports;
-
-/***/ }),
-
 /***/ 16:
 /*!***************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
@@ -289,7 +289,22 @@ module.exports = _toConsumableArray, module.exports.__esModule = true, module.ex
 
 /***/ }),
 
-/***/ 185:
+/***/ 19:
+/*!******************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ 9);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
+
+/***/ }),
+
+/***/ 193:
 /*!**************************************************************************************************************!*\
   !*** C:/Users/yuanyiming/Desktop/教研app/teaching-uniapp/node_modules/@dcloudio/uni-ui/lib/uni-icons/icons.js ***!
   \**************************************************************************************************************/
@@ -1311,21 +1326,6 @@ exports.default = _default;
 
 /***/ }),
 
-/***/ 19:
-/*!******************************************************************!*\
-  !*** ./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
-  \******************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ 9);
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return arrayLikeToArray(arr);
-}
-module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
-
-/***/ }),
-
 /***/ 2:
 /*!************************************************************!*\
   !*** ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js ***!
@@ -2840,7 +2840,7 @@ function initData(vueOptions, context) {
     try {
       data = data.call(context); // 支持 Vue.prototype 上挂的数据
     } catch (e) {
-      if (Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.warn('根据 Vue 的 data 函数初始化小程序 data 失败，请尽量确保 data 函数中不访问 vm 对象，否则可能影响首次数据渲染速度。', data);
       }
     }
@@ -9883,7 +9883,7 @@ function type(obj) {
 
 function flushCallbacks$1(vm) {
     if (vm.__next_tick_callbacks && vm.__next_tick_callbacks.length) {
-        if (Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
+        if (Object({"VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:flushCallbacks[' + vm.__next_tick_callbacks.length + ']');
@@ -9904,14 +9904,14 @@ function nextTick$1(vm, cb) {
     //1.nextTick 之前 已 setData 且 setData 还未回调完成
     //2.nextTick 之前存在 render watcher
     if (!vm.__next_tick_pending && !hasRenderWatcher(vm)) {
-        if(Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:nextVueTick');
         }
         return nextTick(cb, vm)
     }else{
-        if(Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance$1 = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance$1.is || mpInstance$1.route) + '][' + vm._uid +
                 ']:nextMPTick');
@@ -10007,7 +10007,7 @@ var patch = function(oldVnode, vnode) {
     });
     var diffData = this.$shouldDiffData === false ? data : diff(data, mpData);
     if (Object.keys(diffData).length) {
-      if (Object({"NODE_ENV":"development","VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"VUE_APP_DARK_MODE":"false","VUE_APP_NAME":"kklbWe","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + this._uid +
           ']差量更新',
           JSON.stringify(diffData));

unpackage/dist/dev/mp-weixin/components/detailBlock/detailBlock.wxml

@@ -1 +1 @@
-<view class="detailBlock"><view class="tit">教研室详情</view><view class="cont">会议时间：<text>10月7日上午八点(周日)</text></view><view class="cont">活动形式：<text style="color:#0056a8;">线上直播</text></view><view class="cont"><view class="activeTit" id="myElement">教研室概况：查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多</view><text data-event-opts="{{[['tap',[['zdwz',['$event']]]]]}}" class="zdwz" style="color:#0056a8;float:right;" bindtap="__e">收起</text></view></view>
+<view class="detailBlock"><block wx:if="{{!item.isShow}}"><view class="tit">教研室详情</view></block><block wx:else><view class="tit">活动详情</view></block><view class="cont">会议时间：<text>10月7日上午八点(周日)</text></view><view class="cont">活动形式：<text style="color:#0056a8;">线上直播</text></view><view class="cont"><view class="activeTit" id="myElement">教研室概况：查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多</view><text data-event-opts="{{[['tap',[['zdwz',['$event']]]]]}}" class="zdwz" style="color:#0056a8;float:right;" bindtap="__e">收起</text></view></view>

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.wxml

@@ -1 +1 @@
-<view style="{{'height:'+(navheight+'px')+';'+('width:'+(750+'px')+';')}}"><view class="statusBar"><block wx:if="{{meunButtonInfo}}"><view class="nav" style="{{'height:'+(navheight+'px')+';'}}"><block wx:if="{{item.btn}}"><view class="backBtnSty" style="{{'position:fixed;transform:translate(0,-50%);'+('width:'+('30px')+';')+('margin-top:'+(navTop+meunButtonInfo/2+'px')+';')}}"><uni-icons vue-id="55e7717e-1" type="back" data-event-opts="{{[['^click',[['backIndex']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view></block><view class="navTit" style="{{'padding-top:'+(navTop+'px')+';'+('line-height:'+(meunButtonInfo+'px')+';')}}"><view class="postTit">{{item.title+''}}</view></view></view></block></view></view>
+<view class="statusBar" style="{{'height:'+(meunButtonInfo?navheight+'px':customBar+'px')+';'}}"><block wx:if="{{meunButtonInfo}}"><view class="nav" style="{{'height:'+(navheight+'px')+';'}}"><block wx:if="{{item.btn}}"><view class="backBtnSty" style="{{'position:fixed;transform:translate(0,-50%);'+('width:'+('30px')+';')+('margin-top:'+(navTop+meunButtonInfo/2+'px')+';')}}"><uni-icons vue-id="55e7717e-1" type="back" data-event-opts="{{[['^click',[['backIndex']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view></block><view class="navTit" style="{{'padding-top:'+(navTop+'px')+';'+('line-height:'+(meunButtonInfo+'px')+';')}}"><view class="postTit">{{item.title+''}}</view></view></view></block><block wx:else><view class="nav" style="{{'height:'+(customBar+'px')+';'}}"><block wx:if="{{item.btn}}"><view class="backBtnSty" style="{{'position:fixed;transform:translate(0,-50%);'+('width:'+('30px')+';')+('margin-top:'+(appAllHeight/2+'px')+';')}}"><uni-icons vue-id="55e7717e-2" type="back" data-event-opts="{{[['^click',[['backIndex']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view></block><view class="navTit" style="{{'line-height:'+(customBar+'px')+';'}}"><view class="postTit">{{item.title+''}}</view></view></view></block></view>

unpackage/dist/dev/mp-weixin/components/statusBar/statusBar.wxss

@@ -25,28 +25,26 @@
 /* 透明度 */
 /* 文章场景相关 */
 .statusBar {
-  position: fixed;
-  z-index: 10;
+  background-color: #000;
 }
-.statusBar .nav {
+.nav {
   width: 750rpx;
-  position: relative;
   background-color: #FFFFFF;
-  position: -webkit-sticky;
-  position: sticky;
+  position: fixed;
   top: 0;
+  z-index: 11;
 }
-.statusBar .nav .backBtnSty {
+.nav .backBtnSty {
   width: 40rpx;
   height: 40rpx;
   margin-left: 15rpx;
   margin-top: 50rpx;
 }
-.statusBar .nav .backBtnSty image {
+.nav .backBtnSty image {
   width: 40rpx;
   height: 40rpx;
 }
-.statusBar .nav .navTit {
+.nav .navTit {
   width: 260rpx;
   height: 44px;
   margin: auto;
@@ -55,7 +53,7 @@
   display: flex;
   justify-content: space-around;
 }
-.statusBar .nav .navTit .postTit {
+.nav .navTit .postTit {
   height: 40px;
   color: #000;
   font-weight: bold;
@@ -64,7 +62,7 @@
   vertical-align: bottom;
   /* 将文字垂直对齐到底部 */
 }
-.statusBar .tab-item-active {
+.tab-item-active {
   color: #FFFFFF !important;
   font-size: 18px;
   font-weight: bold;

unpackage/dist/dev/mp-weixin/components/teaching-case/teaching-case.json

@@ -1,4 +1,6 @@
 {
-  "usingComponents": {},
+  "usingComponents": {
+    "uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
+  },
   "component": true
 }

unpackage/dist/dev/mp-weixin/components/teaching-case/teaching-case.wxml

@@ -1 +1 @@
-<view data-event-opts="{{[['tap',[['gotoTeDetail',['$event']]]]]}}" class="teaching_case" bindtap="__e"><view class="img"><image src="../../static/yym/Rectangle23.png" mode="aspectFill"></image></view><view class="right"><view class="title"><view class="tag">类型</view><text>这是教研标题这是教研标题这是教研标题</text></view><view class="introduce">查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情</view><view class="operate"><view class="left"><view>收藏</view><view>订阅</view></view><button class="btn">立即参与</button></view></view></view>
+<view data-event-opts="{{[['tap',[['gotoTeDetail',['$event']]]]]}}" class="teaching_case" bindtap="__e"><view class="img"><image src="../../static/yym/Rectangle23.png" mode="aspectFill"></image></view><view class="right"><view class="title"><view class="tag">类型</view><block wx:if="{{!item.btn}}"><text>这是教研标题这是教研标题这是教研标题</text></block><block wx:else><text>这是活动活动活动活动活动活动活动活动活动</text></block></view><view class="introduce">查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情查看详情</view><block wx:if="{{!item.btn}}"><view class="operate"><view class="left"><view class="opr" style="padding-right:25rpx;"><uni-icons vue-id="5d7caaa0-1" type="star" size="22" bind:__l="__l"></uni-icons>收藏</view><view class="opr"><uni-icons vue-id="5d7caaa0-2" type="cloud-download" size="22" bind:__l="__l"></uni-icons>订阅</view></view><button class="btn" disableEventPropagation="true" data-event-opts="{{[['tap',[['join',['$event']]]]]}}" catchtap="__e">立即参与</button></view></block><block wx:else><view class="operate"><view class="left"><view class="price">￥188</view><view class="pernum">已报名123人</view></view><button data-event-opts="{{[['tap',[['actApply',['$event']]]]]}}" class="btn" catchtap="__e">立即报名</button></view></block></view></view>

unpackage/dist/dev/mp-weixin/components/teaching-case/teaching-case.wxss

@@ -29,8 +29,7 @@
   justify-content: space-between;
   margin-bottom: 10px;
   background-color: #ffffff;
-  padding: 0rpx 30rpx;
-  padding-bottom: 20rpx;
+  padding: 20rpx 30rpx;
 }
 .teaching_case .img {
   width: 180rpx;
@@ -81,20 +80,35 @@
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
+  flex-grow: 1;
 }
 .teaching_case .right .operate .left {
   display: flex;
   justify-content: space-between;
-  width: 200rpx;
+  align-items: center;
+}
+.teaching_case .right .operate .left .opr {
+  display: flex;
+  align-items: center;
+}
+.teaching_case .right .operate .left .pernum {
+  color: #666666;
+  font-size: 14px;
+}
+.teaching_case .right .operate .left .price {
+  font-size: 18px;
+  font-weight: bold;
+  color: #f8a551;
+  padding-right: 10rpx;
 }
 .teaching_case .right .operate .btn {
-  width: 80px;
+  z-index: 5;
   font-size: 12px;
   background-color: #3081e8;
   color: #fff;
   border-radius: 30px;
   margin: 0;
   float: right;
-  margin-top: 10px;
+  letter-spacing: 1px;
 }
 

unpackage/dist/dev/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card.wxml

@@ -0,0 +1 @@
+<view class="{{['uni-card',(isFull)?'uni-card--full':'',(isShadow)?'uni-card--shadow':'',(border)?'uni-card--border':'']}}" style="{{'margin:'+(isFull?0:margin)+';'+('padding:'+(spacing)+';')+('box-shadow:'+(isShadow?shadow:'')+';')}}"><block wx:if="{{$slots.cover}}"><slot name="cover"></slot></block><block wx:else><block wx:if="{{cover}}"><view class="uni-card__cover"><image class="uni-card__cover-image" mode="widthFix" src="{{cover}}" data-event-opts="{{[['tap',[['onClick',['cover']]]]]}}" bindtap="__e"></image></view></block></block><block wx:if="{{$slots.title}}"><slot name="title"></slot></block><block wx:else><block wx:if="{{title||extra}}"><view class="uni-card__header"><view data-event-opts="{{[['tap',[['onClick',['title']]]]]}}" class="uni-card__header-box" bindtap="__e"><block wx:if="{{thumbnail}}"><view class="uni-card__header-avatar"><image class="uni-card__header-avatar-image" src="{{thumbnail}}" mode="aspectFit"></image></view></block><view class="uni-card__header-content"><text class="uni-card__header-content-title uni-ellipsis">{{title}}</text><block wx:if="{{title&&subTitle}}"><text class="uni-card__header-content-subtitle uni-ellipsis">{{subTitle}}</text></block></view></view><view data-event-opts="{{[['tap',[['onClick',['extra']]]]]}}" class="uni-card__header-extra" bindtap="__e"><block wx:if="{{$slots.extra}}"><slot name="extra"></slot></block><block wx:else><text class="uni-card__header-extra-text">{{extra}}</text></block></view></view></block></block><view data-event-opts="{{[['tap',[['onClick',['content']]]]]}}" class="uni-card__content" style="{{'padding:'+(padding)+';'}}" bindtap="__e"><slot></slot></view><view data-event-opts="{{[['tap',[['onClick',['actions']]]]]}}" class="uni-card__actions" bindtap="__e"><slot name="actions"></slot></view></view>

unpackage/dist/dev/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card.wxss

@@ -0,0 +1,127 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.uni-card {
+  margin: 10px;
+  padding: 0 8px;
+  border-radius: 4px;
+  overflow: hidden;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+  background-color: #fff;
+  flex: 1;
+}
+.uni-card .uni-card__cover {
+  position: relative;
+  margin-top: 10px;
+  flex-direction: row;
+  overflow: hidden;
+  border-radius: 4px;
+}
+.uni-card .uni-card__cover .uni-card__cover-image {
+  flex: 1;
+  vertical-align: middle;
+}
+.uni-card .uni-card__header {
+  display: flex;
+  border-bottom: 1px #EBEEF5 solid;
+  flex-direction: row;
+  align-items: center;
+  padding: 10px;
+  overflow: hidden;
+}
+.uni-card .uni-card__header .uni-card__header-box {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+}
+.uni-card .uni-card__header .uni-card__header-avatar {
+  width: 40px;
+  height: 40px;
+  overflow: hidden;
+  border-radius: 5px;
+  margin-right: 10px;
+}
+.uni-card .uni-card__header .uni-card__header-avatar .uni-card__header-avatar-image {
+  flex: 1;
+  width: 40px;
+  height: 40px;
+}
+.uni-card .uni-card__header .uni-card__header-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1;
+  overflow: hidden;
+}
+.uni-card .uni-card__header .uni-card__header-content .uni-card__header-content-title {
+  font-size: 15px;
+  color: #3a3a3a;
+}
+.uni-card .uni-card__header .uni-card__header-content .uni-card__header-content-subtitle {
+  font-size: 12px;
+  margin-top: 5px;
+  color: #909399;
+}
+.uni-card .uni-card__header .uni-card__header-extra {
+  line-height: 12px;
+}
+.uni-card .uni-card__header .uni-card__header-extra .uni-card__header-extra-text {
+  font-size: 12px;
+  color: #909399;
+}
+.uni-card .uni-card__content {
+  padding: 10px;
+  font-size: 14px;
+  color: #6a6a6a;
+  line-height: 22px;
+}
+.uni-card .uni-card__actions {
+  font-size: 12px;
+}
+.uni-card--border {
+  border: 1px solid #EBEEF5;
+}
+.uni-card--shadow {
+  position: relative;
+  box-shadow: 0 0px 6px 1px rgba(165, 165, 165, 0.2);
+}
+.uni-card--full {
+  margin: 0;
+  border-left-width: 0;
+  border-left-width: 0;
+  border-radius: 0;
+}
+.uni-card--full:after {
+  border-radius: 0;
+}
+.uni-ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+

unpackage/dist/dev/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
+  },
+  "component": true
+}

unpackage/dist/dev/mp-weixin/node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab.wxss

@@ -0,0 +1,171 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.uni-fab {
+  position: fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 10;
+  border-radius: 45px;
+  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.3);
+}
+.uni-fab--active {
+  opacity: 1;
+}
+.uni-fab--leftBottom {
+  left: 15px;
+  bottom: 30px;
+}
+.uni-fab--leftTop {
+  left: 15px;
+  top: 30px;
+}
+.uni-fab--rightBottom {
+  right: 15px;
+  bottom: 30px;
+}
+.uni-fab--rightTop {
+  right: 15px;
+  top: 30px;
+}
+.uni-fab__circle {
+  position: fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 55px;
+  height: 55px;
+  background-color: #3c3e49;
+  border-radius: 45px;
+  z-index: 11;
+}
+.uni-fab__circle--leftBottom {
+  left: 15px;
+  bottom: 30px;
+}
+.uni-fab__circle--leftTop {
+  left: 15px;
+  top: 30px;
+}
+.uni-fab__circle--rightBottom {
+  right: 15px;
+  bottom: 30px;
+}
+.uni-fab__circle--rightTop {
+  right: 15px;
+  top: 30px;
+}
+.uni-fab__circle--left {
+  left: 0;
+}
+.uni-fab__circle--right {
+  right: 0;
+}
+.uni-fab__circle--top {
+  top: 0;
+}
+.uni-fab__circle--bottom {
+  bottom: 0;
+}
+.uni-fab__plus {
+  font-weight: bold;
+}
+.fab-circle-icon {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
+  font-weight: 200;
+}
+.uni-fab__plus--active {
+  -webkit-transform: rotate(135deg);
+          transform: rotate(135deg);
+}
+.uni-fab__content {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  border-radius: 55px;
+  overflow: hidden;
+  transition-property: width, height;
+  transition-duration: 0.2s;
+  width: 55px;
+  border-color: #DDDDDD;
+  border-width: 1rpx;
+  border-style: solid;
+}
+.uni-fab__content--other-platform {
+  border-width: 0px;
+  box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.3);
+}
+.uni-fab__content--left {
+  justify-content: flex-start;
+}
+.uni-fab__content--right {
+  justify-content: flex-end;
+}
+.uni-fab__content--flexDirection {
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.uni-fab__content--flexDirectionStart {
+  flex-direction: column;
+  justify-content: flex-start;
+}
+.uni-fab__content--flexDirectionEnd {
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.uni-fab__item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 55px;
+  height: 55px;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.uni-fab__item--active {
+  opacity: 1;
+}
+.uni-fab__item-image {
+  width: 20px;
+  height: 20px;
+  margin-bottom: 4px;
+}
+.uni-fab__item-text {
+  color: #FFFFFF;
+  font-size: 12px;
+  line-height: 12px;
+  margin-top: 2px;
+}
+.uni-fab__item--first {
+  width: 55px;
+}
+

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

@@ -0,0 +1,9 @@
+{
+  "navigationBarTitleText": "",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "status-bar": "/components/statusBar/statusBar",
+    "uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",
+    "detail-block": "/components/detailBlock/detailBlock"
+  }
+}

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

@@ -0,0 +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 style="color:#666666;font-size:14px;display:flex;align-items:center;">查看更多<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 class="btn">立即报名</button></view></view>

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

@@ -0,0 +1,144 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.activityDetail {
+  padding-bottom: 80px;
+}
+.activityDetail .backPic {
+  width: 750rpx;
+  position: relative;
+}
+.activityDetail .backPic image {
+  width: 100%;
+  display: block;
+}
+.activityDetail .backPic .card {
+  position: absolute;
+  width: 650rpx;
+  bottom: -20px;
+  left: 50%;
+  padding: 30rpx 20rpx;
+  border-radius: 10px;
+  background-color: #ffffff;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
+}
+.activityDetail .backPic .card .cardTop {
+  margin-bottom: 5px;
+  font-weight: bold;
+  display: -webkit-box;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /*设置 需要显示的行数*/
+}
+.activityDetail .backPic .card .cardTop .title {
+  font-weight: bold;
+}
+.activityDetail .backPic .card .col {
+  position: relative;
+  margin-bottom: 10rpx;
+  color: #999999;
+  padding-right: 40px;
+  font-size: 14px;
+  width: 100%;
+  display: -webkit-box;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /*设置 需要显示的行数*/
+}
+.activityDetail .backPic .card .col text {
+  color: #333333;
+}
+.activityDetail .backPic .card .tag {
+  display: flex;
+}
+.activityDetail .creator {
+  display: flex;
+  padding: 10px 30px;
+  background-color: #ffffff;
+  align-items: center;
+  margin-top: 30px;
+  border-radius: 10px;
+}
+.activityDetail .creator image {
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  margin-right: 20rpx;
+}
+.activityDetail .creator .creName {
+  font-weight: bold;
+}
+.activityDetail .member {
+  background-color: #ffffff;
+  margin-top: 20px;
+  padding: 10px 10px;
+  border: 10px;
+  border-radius: 10px;
+}
+.activityDetail .member .memberTop {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+.activityDetail .member .pers {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+.activityDetail .member .pers .per {
+  display: inline-block;
+}
+.activityDetail .member .pers .per image {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+.activityDetail .member .pers .per .perName {
+  font-size: 14px;
+  text-align: center;
+}
+.activityDetail .btnBlock {
+  position: fixed;
+  bottom: 0;
+  width: 750rpx;
+  background-color: #ffffff;
+  padding: 20px 0;
+}
+.activityDetail .btnBlock .btn {
+  width: 50%;
+  margin: auto;
+  background-color: #0056a8;
+  color: #ffffff;
+  font-size: 14px;
+}
+

unpackage/dist/dev/mp-weixin/pages/activityList/activityList.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "status-bar": "/components/statusBar/statusBar",
+    "teaching-case": "/components/teaching-case/teaching-case"
+  }
+}

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

@@ -0,0 +1 @@
+<view class="activeList"><status-bar vue-id="73f458a0-1" item="{{navbarData}}" bind:__l="__l"></status-bar><teaching-case vue-id="73f458a0-2" item="{{teaData}}" bind:__l="__l"></teaching-case></view>

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

@@ -0,0 +1,27 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+

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

@@ -101,13 +101,16 @@ var components
 try {
   components = {
     statusBar: function () {
-      return __webpack_require__.e(/*! import() | components/statusBar/statusBar */ "components/statusBar/statusBar").then(__webpack_require__.bind(null, /*! @/components/statusBar/statusBar.vue */ 120))
+      return __webpack_require__.e(/*! import() | components/statusBar/statusBar */ "components/statusBar/statusBar").then(__webpack_require__.bind(null, /*! @/components/statusBar/statusBar.vue */ 128))
     },
     viewXCase: function () {
-      return __webpack_require__.e(/*! import() | components/viewX-Case/viewX-Case */ "components/viewX-Case/viewX-Case").then(__webpack_require__.bind(null, /*! @/components/viewX-Case/viewX-Case.vue */ 127))
+      return __webpack_require__.e(/*! import() | components/viewX-Case/viewX-Case */ "components/viewX-Case/viewX-Case").then(__webpack_require__.bind(null, /*! @/components/viewX-Case/viewX-Case.vue */ 135))
     },
-    activityCase: function () {
-      return __webpack_require__.e(/*! import() | components/activity-case/activity-case */ "components/activity-case/activity-case").then(__webpack_require__.bind(null, /*! @/components/activity-case/activity-case.vue */ 173))
+    teachingCase: function () {
+      return __webpack_require__.e(/*! import() | components/teaching-case/teaching-case */ "components/teaching-case/teaching-case").then(__webpack_require__.bind(null, /*! @/components/teaching-case/teaching-case.vue */ 142))
+    },
+    uniFab: function () {
+      return __webpack_require__.e(/*! import() | node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab */ "node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab").then(__webpack_require__.bind(null, /*! @dcloudio/uni-ui/lib/uni-fab/uni-fab.vue */ 181))
     },
   }
 } catch (e) {
@@ -164,7 +167,7 @@ __webpack_require__.r(__webpack_exports__);
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-
+/* WEBPACK VAR INJECTION */(function(uni) {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -220,6 +223,21 @@ exports.default = void 0;
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 var _default = {
   data: function data() {
     return {
@@ -227,11 +245,41 @@ var _default = {
         title: '活动',
         //导航栏标题
         btn: 0 //是否显示返回按钮 0不显示  1 显示
+      },
+
+      actData: {
+        btn: 1
+      },
+      title: 'uni-fab',
+      directionStr: '垂直',
+      horizontal: 'right',
+      vertical: 'bottom',
+      direction: 'horizontal',
+      pattern: {
+        color: '#7A7E83',
+        backgroundColor: '#fff',
+        selectedColor: '#007AFF',
+        buttonColor: '#007AFF',
+        iconColor: '#fff'
       }
     };
+  },
+  methods: {
+    lookMore: function lookMore() {
+      uni.navigateTo({
+        url: '/pages/activityList/activityList'
+      });
+    },
+    fabClick: function fabClick() {
+      // console.log(111);
+      uni.navigateTo({
+        url: '/pages/publish/publish'
+      });
+    }
   }
 };
 exports.default = _default;
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
 
 /***/ }),
 

unpackage/dist/dev/mp-weixin/pages/activityPage/activityPage.json

@@ -4,6 +4,7 @@
   "usingComponents": {
     "status-bar": "/components/statusBar/statusBar",
     "view-x-case": "/components/viewX-Case/viewX-Case",
-    "activity-case": "/components/activity-case/activity-case"
+    "teaching-case": "/components/teaching-case/teaching-case",
+    "uni-fab": "/node-modules/@dcloudio/uni-ui/lib/uni-fab/uni-fab"
   }
 }

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

@@ -1 +1 @@
-<view class="activity"><status-bar vue-id="8352a600-1" item="{{navBarData}}" bind:__l="__l"></status-bar><view-x-case class="mid" vue-id="8352a600-2" bind:__l="__l" vue-slots="{{['title','lookMore','activeBlock']}}"><view class="title" slot="title">活动直播</view><view class="lookMore" slot="lookMore">查看更多</view><block><view class="activeData" wx:for="{{4}}" wx:for-item="i" wx:for-index="__i0__" wx:key="*this" slot="activeBlock"><image src="../../static/activity/bg1.png" mode="aspectFill"></image><view class="liveBroadcast"><view class="title"><view class="tag">类型</view><text>直播活动标题标题标题标题标题标题标题</text></view><view class="operate"><view class="left"><image src="../../static/logo.png"></image><view class="user">用户名</view><view class="collection">收藏</view></view></view></view></view></block></view-x-case><view-x-case vue-id="8352a600-3" bind:__l="__l" vue-slots="{{['title','lookMore','activeBlock']}}"><view class="title" slot="title">活动推荐</view><view class="lookMore" slot="lookMore">查看更多</view><block><activity-case vue-id="{{('8352a600-4-'+__i1__)+','+('8352a600-3')}}" wx:for="{{10}}" wx:for-item="i" wx:for-index="__i1__" wx:key="*this" slot="activeBlock" bind:__l="__l"></activity-case></block></view-x-case></view>
+<view class="activity"><status-bar vue-id="8352a600-1" item="{{navBarData}}" bind:__l="__l"></status-bar><view-x-case class="mid" vue-id="8352a600-2" bind:__l="__l" vue-slots="{{['title','lookMore','activeBlock']}}"><view class="title" slot="title">活动直播</view><view class="lookMore" slot="lookMore">查看更多</view><block><view class="activeData" wx:for="{{4}}" wx:for-item="i" wx:for-index="__i0__" wx:key="*this" slot="activeBlock"><image src="../../static/activity/bg1.png" mode="aspectFill"></image><view class="liveBroadcast"><view class="title"><view class="tag">类型</view><text>直播活动标题标题标题标题标题标题标题</text></view><view class="operate"><view class="left"><image src="../../static/logo.png"></image><view class="user">用户名</view><view class="collection">收藏</view></view></view></view></view></block></view-x-case><view-x-case vue-id="8352a600-3" bind:__l="__l" vue-slots="{{['title','lookMore','activeBlock']}}"><view class="title" slot="title">活动推荐</view><view data-event-opts="{{[['tap',[['lookMore',['$event']]]]]}}" class="lookMore" bindtap="__e" slot="lookMore">查看更多</view><block><teaching-case vue-id="{{('8352a600-4-'+__i1__)+','+('8352a600-3')}}" item="{{actData}}" wx:for="{{10}}" wx:for-item="i" wx:for-index="__i1__" slot="activeBlock" bind:__l="__l"></teaching-case></block></view-x-case><uni-fab class="vue-ref" vue-id="8352a600-5" pattern="{{pattern}}" horizontal="{{horizontal}}" vertical="{{vertical}}" direction="{{direction}}" data-ref="fab" data-event-opts="{{[['^fabClick',[['fabClick']]]]}}" bind:fabClick="__e" bind:__l="__l"></uni-fab></view>

unpackage/dist/dev/mp-weixin/pages/hd/hd.json

@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "status-bar": "/components/statusBar/statusBar",
+    "uni-card": "/node-modules/@dcloudio/uni-ui/lib/uni-card/uni-card"
+  }
+}

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

@@ -0,0 +1 @@
+<view class="main data-v-d13b0a74"><status-bar vue-id="54ed5f00-1" item="{{navBarData}}" class="data-v-d13b0a74" bind:__l="__l"></status-bar><uni-card vue-id="54ed5f00-2" is-shadow="{{false}}" class="data-v-d13b0a74" bind:__l="__l" vue-slots="{{['default']}}"><view class="uni-body data-v-d13b0a74"><view class="card data-v-d13b0a74"><image class="image data-v-d13b0a74" src="../../static/jys/jys.png" mode="aspectFill"></image><view class="text data-v-d13b0a74"><view class="_p data-v-d13b0a74"><label class="manage _span data-v-d13b0a74">类型</label><label class="t1 _span data-v-d13b0a74">这里是活动名称</label></view><view class="fzr data-v-d13b0a74"><view class="_p data-v-d13b0a74">活动日期：5.12~5.20</view><view class="_p data-v-d13b0a74">招募人数：23/50</view></view></view></view></view></uni-card><uni-card vue-id="54ed5f00-3" is-shadow="{{false}}" class="data-v-d13b0a74" bind:__l="__l" vue-slots="{{['default']}}"><view class="uni-body data-v-d13b0a74"><view class="card2 data-v-d13b0a74"><view class="hdxx data-v-d13b0a74"><view class="hd _p data-v-d13b0a74">活动信息</view><view class="textcolor data-v-d13b0a74"><view class="name _p data-v-d13b0a74">姓名:<label class="name1 _span data-v-d13b0a74"></label></view><view class="name _p data-v-d13b0a74">联系方式:<label class="lx1 _span data-v-d13b0a74">172xxxxx5678</label></view><view class="name _p data-v-d13b0a74">单位:<label class="dw1 _span data-v-d13b0a74">xx实验中学学校</label></view></view></view></view></view></uni-card><view class="buttons safe-area-bottom data-v-d13b0a74"><button data-event-opts="{{[['tap',[['button1Action',['$event']]]]]}}" class="btn1 data-v-d13b0a74" bindtap="__e">清空填写信息</button><button data-event-opts="{{[['tap',[['button2Action',['$event']]]]]}}" class="btn2 data-v-d13b0a74" bindtap="__e">确认报名</button></view></view>

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

@@ -0,0 +1,95 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.main .card.data-v-d13b0a74 {
+  display: flex;
+  justify-content: flex-start;
+}
+.main .card .image.data-v-d13b0a74 {
+  width: 100px;
+  height: 100px;
+  border-radius: 4px;
+  object-fit: cover;
+}
+.main .card .text.data-v-d13b0a74 {
+  margin-left: 10px;
+  line-height: 35px;
+}
+.main .card .text .manage.data-v-d13b0a74 {
+  padding: 2px;
+  padding-left: 5px;
+  padding-right: 5px;
+  color: #00b2b6;
+  border: 1px solid #00b2b6;
+  border-radius: 3px;
+}
+.main .card .text .t1.data-v-d13b0a74 {
+  font-size: 18px;
+  color: black;
+  font-weight: 550;
+}
+.main .card .text .fzr ._p.data-v-d13b0a74 {
+  margin-left: 5px;
+  color: #999999;
+}
+.main .hdxx .hd.data-v-d13b0a74 {
+  color: black;
+  font-size: 18px;
+  font-weight: 400px;
+  line-height: 42px;
+}
+.main .hdxx .textcolor.data-v-d13b0a74 {
+  color: #999999;
+  line-height: 42px;
+}
+.main .hdxx .textcolor .name.data-v-d13b0a74 {
+  display: flex;
+  justify-content: space-between;
+}
+.main .buttons.data-v-d13b0a74 {
+  bottom: 42px;
+  position: fixed;
+  display: flex;
+  justify-content: space-between;
+}
+.main .buttons button.data-v-d13b0a74 {
+  font-size: 16px;
+  color: #999999;
+  width: 180px;
+  /* 设置按钮宽度 */
+  border-radius: 50px;
+  /* 设置圆角 */
+}
+.main .buttons .btn1.data-v-d13b0a74 {
+  margin-left: 10px;
+  border: 1px solid #999999;
+}
+.main .buttons .btn2.data-v-d13b0a74 {
+  color: white;
+  margin-left: 50px;
+  background-color: #0056a8;
+}
+

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

@@ -101,13 +101,13 @@ var components
 try {
   components = {
     statusBar: function () {
-      return __webpack_require__.e(/*! import() | components/statusBar/statusBar */ "components/statusBar/statusBar").then(__webpack_require__.bind(null, /*! @/components/statusBar/statusBar.vue */ 120))
+      return __webpack_require__.e(/*! import() | components/statusBar/statusBar */ "components/statusBar/statusBar").then(__webpack_require__.bind(null, /*! @/components/statusBar/statusBar.vue */ 128))
     },
     viewXCase: function () {
-      return __webpack_require__.e(/*! import() | components/viewX-Case/viewX-Case */ "components/viewX-Case/viewX-Case").then(__webpack_require__.bind(null, /*! @/components/viewX-Case/viewX-Case.vue */ 127))
+      return __webpack_require__.e(/*! import() | components/viewX-Case/viewX-Case */ "components/viewX-Case/viewX-Case").then(__webpack_require__.bind(null, /*! @/components/viewX-Case/viewX-Case.vue */ 135))
     },
     teachingCase: function () {
-      return __webpack_require__.e(/*! import() | components/teaching-case/teaching-case */ "components/teaching-case/teaching-case").then(__webpack_require__.bind(null, /*! @/components/teaching-case/teaching-case.vue */ 134))
+      return __webpack_require__.e(/*! import() | components/teaching-case/teaching-case */ "components/teaching-case/teaching-case").then(__webpack_require__.bind(null, /*! @/components/teaching-case/teaching-case.vue */ 142))
     },
   }
 } catch (e) {
@@ -216,8 +216,6 @@ exports.default = void 0;
 //
 //
 //
-//
-//
 var _default = {
   data: function data() {
     return {
@@ -237,10 +235,24 @@ var _default = {
       });
     },
     gotoTeDetail: function gotoTeDetail() {
-      console.log(111);
       uni.navigateTo({
         url: "/pages/teachingDetail/teachingDetail"
       });
+    },
+    gotoActivity: function gotoActivity() {
+      uni.navigateTo({
+        url: "/pages/activityList/activityList"
+      });
+    },
+    gotoActivityDetail: function gotoActivityDetail() {
+      uni.navigateTo({
+        url: '/pages/activityDetail/activityDetail'
+      });
+    },
+    gotoHd: function gotoHd() {
+      uni.navigateTo({
+        url: '/pages/hd/hd'
+      });
     }
   }
 };