###

pages.json

@@ -147,8 +147,8 @@
                 "enablePullDownRefresh": false
             }
             
-        },
-		{
+        }
+		,{
 		    "path" : "pages/hdxx/hdxx",
 		    "style" :                                                                                    
 		    {
@@ -157,15 +157,41 @@
 		    }
 		    
 		}
-        ,{
-            "path" : "pages/dy/dy",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-            
-        }
+		,{
+		    "path" : "pages/mineClass/mineClass",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		}
+		,{
+		    "path" : "pages/mineCollect/mineCollect",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		}
+		,{
+		    "path" : "pages/mineEdit/mineEdit",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		},{
+		    "path" : "pages/mineActive/mineActive",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		}
     ],
     "tabBar": {
 		"backgroundColor": "#ffffff",

pages/mine/mine.vue

@@ -2,7 +2,7 @@
 	<view>
 		<statusBar :item="navBarData"></statusBar>
 		<view class="mineBox">
-			<view class="userInformation">
+			<view class="userInformation" @click="gotoMineEdit">
 				<view class="userAvatar">
 					<image :src="userAvatar ? userAvatar : '../../static/mine/Avatar_default.png'" mode="aspectFill"></image>
 				</view>
@@ -31,7 +31,7 @@
 							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
 						</view>
 					</view>
-					<view class="optionItem">
+					<view class="optionItem" @click="gotoMineCollect">
 						<view class="option_left">
 							<span class="option_icon">
 								<image src="../../static/mine/Collect.png" mode="aspectFill"></image>
@@ -42,7 +42,7 @@
 							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
 						</view>
 					</view>
-					<view class="optionItem">
+					<view class="optionItem" @click="gotoMineActive">
 						<view class="option_left">
 							<span class="option_icon">
 								<image src="../../static/mine/active.png" mode="aspectFill"></image>
@@ -53,7 +53,7 @@
 							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
 						</view>
 					</view>
-					<view class="optionItem">
+					<view class="optionItem" @click="gotoMineClass">
 						<view class="option_left">
 							<span class="option_icon">
 								<image src="../../static/mine/myClass.png" mode="aspectFill"></image>
@@ -77,7 +77,7 @@
 							<image src="../../static/mine/arrow-right.png" mode="aspectFill"></image>
 						</view>
 					</view>
-					<view class="optionItem" @click="gotoLogin">
+					<view class="optionItem" @click="gotoMineEdit">
 						<view class="option_left">
 							<span class="option_icon">
 								<image src="../../static/mine/setting.png" mode="aspectFill"></image>
@@ -110,13 +110,33 @@ export default {
 	methods: {
 		goToSub(i) {
 			uni.navigateTo({
-				// url: '/pages/mine/mineSubscribe?subType=' + i
 				url: '/pages/mineSubscribe/mineSubscribe'
 			});
 		},
-		gotoLogin(){
+		
+		gotoMineClass(){
+			uni.navigateTo({
+				url:'/pages/mineClass/mineClass'
+			})
+		},
+		gotoMineCollect(){
+			uni.navigateTo({
+				url:'/pages/mineCollect/mineCollect'
+			})
+		},
+		gotoMineEdit(){
+			uni.navigateTo({
+				url:'/pages/mineEdit/mineEdit'
+			})
+		},
+		gotoMineEdit(){
+			uni.navigateTo({
+				url:'/pages/mineEdit/mineEdit'
+			})
+		},
+		gotoMineActive(){
 			uni.navigateTo({
-				url:'/pages/login/login'
+				url:'/pages/mineActive/mineActive'
 			})
 		}
 	},

pages/mineActive/mineActive.vue

@@ -0,0 +1,168 @@
+<template>
+	<view>
+		<statusBar :item="navBarData"></statusBar>
+
+		<view class="activeBox" v-for="i in 5" :key="i">
+			<view class="teaching_case">
+				<view class="img">
+					<image src="../../static/activity/bg2.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 class="money">￥188</view>
+							<view class="person">已报名123人</view>
+						</view>
+						<view class="right">
+							<view class="text">查看详情</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right-blue.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navBarData: {
+					title: '我的活动',
+					btn: 1
+				},
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.activeBox {
+		width: 100%;
+		background-color: #fff;
+		padding: 10px 0;
+
+		.teaching_case {
+			display: flex;
+			justify-content: space-between;
+			padding: 0 15px;
+
+			.img {
+				width: 180rpx;
+				height: 180rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.right {
+				padding-left: 15px;
+				flex: 1;
+				width: 100rpx;
+				display: flex;
+				flex-direction: column;
+				align-content: flex-end;
+
+				.title {
+					display: flex;
+					margin-bottom: 5px;
+
+					.tag {
+						border: 1px #00b2b6 solid;
+						font-size: 20rpx;
+						display: flex;
+						white-space: nowrap;
+						justify-content: center;
+						align-items: center;
+						padding: 2px 4px;
+						border-radius: 3px;
+						margin-right: 10rpx;
+						color: #00b2b6;
+					}
+
+					text {
+						width: 180px;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+				}
+
+				.introduce {
+					width: 230px;
+					font-size: 28rpx;
+					color: #a7a7a7;
+					margin-top: 8px;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				.operate {
+					display: flex;
+					justify-content: space-between;
+					align-items: flex-end;
+					margin-top: 15px;
+
+					.left {
+						display: flex;
+						flex-direction: row;
+						justify-content: space-between;
+						align-items: flex-end;
+						width: 260rpx;
+
+						.money {
+							color: #FFA338;
+							font-weight: bold;
+							font-size: 36rpx;
+							line-height: 20px;
+						}
+
+						.person {
+							color: #00000099;
+							font-size: 24rpx;
+							// margin-left: 6px;
+						}
+					}
+
+					.right {
+						width: 80px;
+						// height: 24px;
+						display: flex;
+						flex-direction: row;
+						justify-content: space-around;
+						align-items: flex-end;
+
+						.text {
+							font-size: 24rpx;
+							color: #3081E8;
+						}
+						.arrow {
+							line-height: 10px;
+							image{
+								width: 32rpx;
+								height: 32rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/mineClass/mineClass.vue

@@ -0,0 +1,204 @@
+<template>
+	<view>
+		<statusBar :item="navBarData"></statusBar>
+
+		<view class="activeBox" v-for="i in 5" :key="i">
+			<view class="teaching_case">
+				<view class="img">
+					<image src="../../static/mine/Rectangle 23.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 class="leftCollect">
+								<view class="icon">
+									<image src="../../static/mine/Collect_yellow.png" mode="aspectFill"></image>
+								</view>
+								<view class="text">
+									<span>收藏</span>
+								</view>
+							</view>
+							<view class="leftSubscribe">
+								<view class="icon">
+									<image src="../../static/mine/Subscribe_gray.png" mode="aspectFill"></image>
+								</view>
+								<view class="text">
+									<span>订阅</span>
+								</view>
+							</view>
+						</view>
+						<view class="right">
+							<view class="text">查看详情</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right-blue.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navBarData: {
+					title: '我的教研室',
+					btn: 1
+				},
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.activeBox {
+		width: 100%;
+		background-color: #fff;
+		padding: 10px 0;
+
+		.teaching_case {
+			display: flex;
+			justify-content: space-between;
+			padding: 0 15px;
+
+			.img {
+				width: 180rpx;
+				height: 180rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.right {
+				padding-left: 15px;
+				flex: 1;
+				width: 100rpx;
+				display: flex;
+				flex-direction: column;
+				align-content: flex-end;
+
+				.title {
+					display: flex;
+					margin-bottom: 5px;
+
+					.tag {
+						border: 1px #00b2b6 solid;
+						font-size: 20rpx;
+						display: flex;
+						white-space: nowrap;
+						justify-content: center;
+						align-items: center;
+						padding: 2px 4px;
+						border-radius: 3px;
+						margin-right: 10rpx;
+						color: #00b2b6;
+					}
+
+					text {
+						width: 180px;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+				}
+
+				.introduce {
+					width: 230px;
+					font-size: 28rpx;
+					color: #a7a7a7;
+					margin-top: 8px;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
+
+				.operate {
+					display: flex;
+					justify-content: space-between;
+					align-items: flex-end;
+					margin-top: 15px;
+
+					.left {
+						display: flex;
+						flex-direction: row;
+						// justify-content: space-between;
+						width: 260rpx;
+						color: #00000099;
+						font-size: 24rpx;
+
+						.leftCollect {
+							display: flex;
+							align-items: flex-end;
+							margin-right: 15px;
+							.text{
+								display: flex;
+								margin-left: 5px;
+							}
+							.icon{
+								display: flex;
+								image{
+									width: 32rpx;
+									height: 32rpx;
+								}
+							}
+						}
+
+						.leftSubscribe {
+							display: flex;
+							align-items: flex-end;
+							// margin-left: 15px;
+							.text{
+								display: flex;
+								margin-left: 5px;
+							}
+							.icon{
+								display: flex;
+								image{
+									width: 32rpx;
+									height: 32rpx;
+								}
+							}
+						}
+					}
+
+					.right {
+						width: 80px;
+						// height: 24px;
+						display: flex;
+						flex-direction: row;
+						justify-content: space-around;
+						align-items: flex-end;
+
+						.text {
+							font-size: 24rpx;
+							color: #3081E8;
+						}
+						.arrow {
+							line-height: 10px;
+							image{
+								width: 32rpx;
+								height: 32rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/mineCollect/mineCollect.vue

@@ -0,0 +1,166 @@
+<template>
+	<view>
+		<statusBar :item="navBarData"></statusBar>
+
+		<view class="collectBox">
+			<view class="collect_length">
+				<span>共3条收藏</span>
+			</view>
+			<view class="classBox" v-for="i in 3" :key="i">
+				<view class="classTitle">
+					<span>这里是教研室标题</span>
+					<image src="../../static/mine/Collect_yellow.png" mode="aspectFill"></image>
+				</view>
+				<view class="classContent">
+					<view class="contentLeft">
+						<view class="constDate">
+							<span class="manage">类型</span>
+							<span>|</span>
+							<span class="c_data">03月27日</span>
+							<span class="c_time">21:07</span>
+						</view>
+						<view class="classIntro">
+							<span>说明文字教研室简介，最多两行教研室简介教研室简介教研室简介教研室简介教研室简介</span>
+						</view>
+					</view>
+					<view class="contentRight">
+						<image src="../../static/mine/Collect_default.png" mode="aspectFill"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navBarData: {
+					title: '我的收藏',
+					btn: 1
+				},
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.collectBox {
+		margin: 0 30rpx;
+
+		.collect_length {
+			width: 100%;
+			height: 40rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #00000099;
+			display: flex;
+			align-items: center;
+			margin-top: 6px;
+			margin-bottom: 6px;
+		}
+
+		.classBox {
+			width: 100%;
+			height: 248rpx;
+			background-color: #fff;
+			border-radius: 20rpx;
+			padding: 0 16rpx;
+			margin-bottom: 8px;
+
+			.classTitle {
+				display: flex;
+				padding-top: 15px;
+				justify-content: space-between;
+				margin-bottom: 6px;
+
+				span {
+					font-size: 32rpx;
+					font-weight: 500;
+				}
+
+				image {
+					width: 32rpx;
+					height: 32rpx;
+				}
+			}
+
+			.classContent {
+				width: 100%;
+				display: flex;
+				justify-content: space-between;
+
+				.contentLeft {
+					display: flex;
+					flex-direction: column;
+
+					.constDate {
+						display: flex;
+						margin-bottom: 6px;
+
+						span {
+							color: #00000066;
+							font-size: 24rpx;
+							font-weight: 400;
+
+							&.manage {
+								border: 1px #00B2B6 solid;
+								font-size: 10px;
+								display: flex;
+								white-space: nowrap;
+								justify-content: center;
+								align-items: center;
+								padding: 1px 6px;
+								border-radius: 3px;
+								margin-right: 10rpx;
+								color: #00B2B6;
+								font-weight: 600;
+							}
+
+							&:nth-child(2) {
+								color: #E7E7E7;
+								;
+								margin-left: 4px;
+							}
+
+							&:nth-child(3) {
+								margin-left: 6px;
+							}
+
+							&:nth-child(4) {
+								margin-left: 6px;
+							}
+						}
+					}
+
+					.classIntro {
+						width: 93%;
+
+						span {
+							color: #00000099;
+							font-size: 28rpx;
+							display: -webkit-box;
+							word-break: break-all;
+							text-overflow: ellipsis;
+							overflow: hidden;
+							-webkit-box-orient: vertical;
+							-webkit-line-clamp: 2;
+							/*设置 需要显示的行数*/
+							line-height: 23px;
+						}
+					}
+				}
+
+				.contentRight {
+					image {
+						width: 182rpx;
+						height: 132rpx;
+						border-radius: 8rpx;
+					}
+				}
+			}
+
+		}
+	}
+</style>

pages/mineEdit/mineEdit.vue

@@ -0,0 +1,322 @@
+<template>
+	<view>
+		<statusBar :item="navBarData"></statusBar>
+
+		<view class="editBox">
+			<view class="edit_avatar">
+				<view class="edit_title">
+					<span>头像</span>
+				</view>
+				<view class="userAvatar">
+					<image src="../../static/mine/Rectangle 1547.png" mode="aspectFill"></image>
+				</view>
+			</view>
+			<view class="setName">
+				<view class="edit_title">
+					<span>昵称</span>
+				</view>
+				<view class="input_details">
+					<view class="nickname">
+						<input type="text" maxlength="10" placeholder="请输入一个昵称"
+							placeholder-style="font-size: 28rpx; color: rgb(153, 153, 153);" v-model="nickname" />
+					</view>
+				</view>
+			</view>
+			<view class="setPicker">
+				<picker mode="selector" :range="genderList" @change="handelGender">
+					<view class="content">
+						<view class="edit_title">
+							<span>性别</span>
+						</view>
+						<view class="input_details">
+							<view class="details">
+								<view class="uni-input text">{{gender}}</view>
+							</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right_gray.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</picker>
+			</view>
+			<view class="setPicker">
+				<picker mode="selector" :range="schoolList" @change="handelSchool">
+					<view class="content">
+						<view class="edit_title">
+							<span>学校</span>
+						</view>
+						<view class="input_details">
+							<view class="details">
+								<view class="uni-input text">{{school}}</view>
+							</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right_gray.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</picker>
+			</view>
+			<view class="setPicker">
+				<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
+					<view class="content">
+						<view class="edit_title">
+							<span>生日</span>
+						</view>
+						<view class="input_details">
+							<view class="details">
+								<view class="uni-input text">{{date}}</view>
+							</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right_gray.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</picker>
+			</view>
+			<view class="setPicker">
+				<picker mode="selector" :range="hobbyList" @change="handelHobby">
+					<view class="content">
+						<view class="edit_title">
+							<span>兴趣标签</span>
+						</view>
+						<view class="input_details">
+							<view class="details">
+								<view class="uni-input text">{{hobby}}</view>
+							</view>
+							<view class="arrow">
+								<image src="../../static/mine/arrow-right_gray.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+				</picker>
+			</view>
+			<view class="setIntro">
+				<view class="edit_title">
+					<span>简介</span>
+				</view>
+				<view class="input_details">
+					<view class="selfdomIntro">
+						<textarea type="text" placeholder="请输入你的个性签名" maxlength="75"
+							placeholder-style="font-size: 28rpx; color: rgb(153, 153, 153);" v-model="selfdomintro" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="btnBox">
+			<view class="btn">
+				<button>保存修改</button>
+				<button @click="gotoLogin">退出登录</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			const currentDate = this.getDate({
+				format: true
+			})
+			return {
+				navBarData: {
+					title: '个人资料',
+					btn: 1
+				},
+				nickname: '',
+				selfdomintro: '',
+
+				genderList: ['男', '女'],
+				gender: '男',
+
+				schoolList: ['xx学院', 'xx学院', 'xx学院'],
+				school: 'xx学院',
+
+				date: currentDate,
+
+				hobbyList: ['篮球'],
+				hobby: '篮球'
+			};
+		},
+		computed: {
+			startDate() {
+				return this.getDate('start');
+			},
+			endDate() {
+				return this.getDate('end');
+			}
+		},
+		methods: {
+			handelGender(e) {
+				this.gender = this.genderList[e.detail.value]
+			},
+			handelSchool(e) {
+				this.school = this.schoolList[e.detail.value]
+			},
+			handeHobby(e) {
+				this.hobby = this.hobbyList[e.detail.value]
+			},
+			bindDateChange: function(e) {
+				this.date = e.detail.value
+			},
+			getDate(type) {
+				const date = new Date();
+				let year = date.getFullYear();
+				let month = date.getMonth() + 1;
+				let day = date.getDate();
+
+				if (type === 'start') {
+					year = year - 60;
+				} else if (type === 'end') {
+					year = year + 2;
+				}
+				month = month > 9 ? month : '0' + month;
+				day = day > 9 ? day : '0' + day;
+				return `${year}-${month}-${day}`;
+			},
+			gotoLogin(){
+				uni.navigateTo({
+					url:'/pages/login/login'
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.edit_title {
+		display: flex;
+		align-items: center;
+		font-size: 32rpx;
+	}
+
+	.editBox {
+		width: 100%;
+		height: 840rpx;
+		display: flex;
+		flex-direction: column;
+		background-color: #fff;
+		border-top: 1px solid #E7E7E7;
+		padding: 0 18px;
+
+		.edit_avatar {
+			height: 164rpx;
+			display: flex;
+			justify-content: space-between;
+
+			.userAvatar {
+				display: flex;
+				align-items: center;
+
+				image {
+					width: 120rpx;
+					height: 120rpx;
+				}
+			}
+		}
+
+		.setName {
+			display: flex;
+			justify-content: space-between;
+			height: 92rpx;
+			border-top: 1px solid #E7E7E7;
+
+			.input_details {
+				display: flex;
+				align-items: center;
+				flex-direction: row;
+
+				.nickname {
+					width: 100px;
+					text-align: end;
+					font-size: 28rpx;
+					color: rgb(153, 153, 153);
+				}
+			}
+		}
+
+		.setPicker {
+			height: 92rpx;
+			border-top: 1px solid #E7E7E7;
+
+			.content {
+				height: 92rpx;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
+				.input_details {
+					display: flex;
+					align-items: center;
+
+					.details {
+						display: flex;
+						flex-direction: row;
+
+						.text {
+							font-size: 28rpx;
+							color: rgb(153, 153, 153);
+						}
+					}
+
+					.arrow {
+						display: flex;
+
+						image {
+							width: 32rpx;
+							height: 32rpx;
+						}
+					}
+				}
+			}
+		}
+		.setIntro {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-evenly;
+			height: 216rpx;
+			border-top: 1px solid #E7E7E7;
+		
+			.input_details {
+				display: flex;
+				align-items: center;
+		
+				.selfdomIntro {
+					width: 100%;
+					height: 88rpx;
+					
+					textarea{
+						width: 100%;
+						height: 88rpx;
+						font-size: 28rpx;
+						color: rgb(153, 153, 153);
+					}
+				}
+			}
+		}
+	}
+	.btnBox{
+		position: absolute;
+		margin: 0 85rpx;
+		bottom: 40px;
+		.btn{
+			button{
+				width: 580rpx;
+				height: 88rpx;
+				border: none;
+				border-radius: 100rpx;
+				border: 1px solid lightgray;
+				font-size: 36rpx;
+				color: #545454;
+				text-align: center;
+				&:first-child{
+					background-color: rgb(0, 86, 168);
+					color: white;
+					margin-bottom: 24rpx;
+				}
+				&::after{
+					border: none;
+				}
+			}
+		}
+	}
+</style>

pages/mineSubscribe/mineSubscribe.vue

@@ -114,7 +114,7 @@
 .content{
 	height: 100vh;
 	width: 750rpx;
-	background-color: #00b2b6;
+	background-color: #ffffff;
 	.activeTitle{
 		position: fixed;
 		z-index: 9;

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

@@ -17,7 +17,10 @@
     "pages/hd/hd",
     "pages/publish/publish",
     "pages/hdxx/hdxx",
-    "pages/dy/dy"
+    "pages/mineClass/mineClass",
+    "pages/mineCollect/mineCollect",
+    "pages/mineEdit/mineEdit",
+    "pages/mineActive/mineActive"
   ],
   "subPackages": [],
   "window": {

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

@@ -26,10 +26,13 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 /* WEBPACK VAR INJECTION */(function(uni) {
 
+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11));
+var _methods;
 //
 //
 //
@@ -138,19 +141,36 @@ var _default = {
       isManage: true
     };
   },
-  methods: {
+  methods: (_methods = {
     goToSub: function goToSub(i) {
       uni.navigateTo({
-        // url: '/pages/mine/mineSubscribe?subType=' + i
         url: '/pages/mineSubscribe/mineSubscribe'
       });
     },
-    gotoLogin: function gotoLogin() {
+    gotoMineClass: function gotoMineClass() {
+      uni.navigateTo({
+        url: '/pages/mineClass/mineClass'
+      });
+    },
+    gotoMineCollect: function gotoMineCollect() {
       uni.navigateTo({
-        url: '/pages/login/login'
+        url: '/pages/mineCollect/mineCollect'
+      });
+    },
+    gotoMineEdit: function gotoMineEdit() {
+      uni.navigateTo({
+        url: '/pages/mineEdit/mineEdit'
       });
     }
-  }
+  }, (0, _defineProperty2.default)(_methods, "gotoMineEdit", function gotoMineEdit() {
+    uni.navigateTo({
+      url: '/pages/mineEdit/mineEdit'
+    });
+  }), (0, _defineProperty2.default)(_methods, "gotoMineActive", function gotoMineActive() {
+    uni.navigateTo({
+      url: '/pages/mineActive/mineActive'
+    });
+  }), _methods)
 };
 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/mineActive/mineActive.json

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

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

@@ -0,0 +1 @@
+<view><status-bar vue-id="703177c0-1" item="{{navBarData}}" bind:__l="__l"></status-bar><block wx:for="{{5}}" wx:for-item="i" wx:for-index="__i0__" wx:key="*this"><view class="activeBox"><view class="teaching_case"><view class="img"><image src="../../static/activity/bg2.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 class="money">￥188</view><view class="person">已报名123人</view></view><view class="right"><view class="text">查看详情</view><view class="arrow"><image src="../../static/mine/arrow-right-blue.png" mode="aspectFill"></image></view></view></view></view></view></view></block></view>

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

@@ -0,0 +1,125 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.activeBox {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px 0;
+}
+.activeBox .teaching_case {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 15px;
+}
+.activeBox .teaching_case .img {
+  width: 180rpx;
+  height: 180rpx;
+}
+.activeBox .teaching_case .img image {
+  width: 100%;
+  height: 100%;
+}
+.activeBox .teaching_case .right {
+  padding-left: 15px;
+  flex: 1;
+  width: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-content: flex-end;
+}
+.activeBox .teaching_case .right .title {
+  display: flex;
+  margin-bottom: 5px;
+}
+.activeBox .teaching_case .right .title .tag {
+  border: 1px #00b2b6 solid;
+  font-size: 20rpx;
+  display: flex;
+  white-space: nowrap;
+  justify-content: center;
+  align-items: center;
+  padding: 2px 4px;
+  border-radius: 3px;
+  margin-right: 10rpx;
+  color: #00b2b6;
+}
+.activeBox .teaching_case .right .title text {
+  width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.activeBox .teaching_case .right .introduce {
+  width: 230px;
+  font-size: 28rpx;
+  color: #a7a7a7;
+  margin-top: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.activeBox .teaching_case .right .operate {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 15px;
+}
+.activeBox .teaching_case .right .operate .left {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-end;
+  width: 260rpx;
+}
+.activeBox .teaching_case .right .operate .left .money {
+  color: #FFA338;
+  font-weight: bold;
+  font-size: 36rpx;
+  line-height: 20px;
+}
+.activeBox .teaching_case .right .operate .left .person {
+  color: #00000099;
+  font-size: 24rpx;
+}
+.activeBox .teaching_case .right .operate .right {
+  width: 80px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: flex-end;
+}
+.activeBox .teaching_case .right .operate .right .text {
+  font-size: 24rpx;
+  color: #3081E8;
+}
+.activeBox .teaching_case .right .operate .right .arrow {
+  line-height: 10px;
+}
+.activeBox .teaching_case .right .operate .right .arrow image {
+  width: 32rpx;
+  height: 32rpx;
+}
+

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

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

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

@@ -0,0 +1 @@
+<view><status-bar vue-id="3cf7b374-1" item="{{navBarData}}" bind:__l="__l"></status-bar><block wx:for="{{5}}" wx:for-item="i" wx:for-index="__i0__" wx:key="*this"><view class="activeBox"><view class="teaching_case"><view class="img"><image src="../../static/mine/Rectangle 23.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 class="leftCollect"><view class="icon"><image src="../../static/mine/Collect_yellow.png" mode="aspectFill"></image></view><view class="text"><label class="_span">收藏</label></view></view><view class="leftSubscribe"><view class="icon"><image src="../../static/mine/Subscribe_gray.png" mode="aspectFill"></image></view><view class="text"><label class="_span">订阅</label></view></view></view><view class="right"><view class="text">查看详情</view><view class="arrow"><image src="../../static/mine/arrow-right-blue.png" mode="aspectFill"></image></view></view></view></view></view></view></block></view>

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

@@ -0,0 +1,146 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.activeBox {
+  width: 100%;
+  background-color: #fff;
+  padding: 10px 0;
+}
+.activeBox .teaching_case {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 15px;
+}
+.activeBox .teaching_case .img {
+  width: 180rpx;
+  height: 180rpx;
+}
+.activeBox .teaching_case .img image {
+  width: 100%;
+  height: 100%;
+}
+.activeBox .teaching_case .right {
+  padding-left: 15px;
+  flex: 1;
+  width: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-content: flex-end;
+}
+.activeBox .teaching_case .right .title {
+  display: flex;
+  margin-bottom: 5px;
+}
+.activeBox .teaching_case .right .title .tag {
+  border: 1px #00b2b6 solid;
+  font-size: 20rpx;
+  display: flex;
+  white-space: nowrap;
+  justify-content: center;
+  align-items: center;
+  padding: 2px 4px;
+  border-radius: 3px;
+  margin-right: 10rpx;
+  color: #00b2b6;
+}
+.activeBox .teaching_case .right .title text {
+  width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.activeBox .teaching_case .right .introduce {
+  width: 230px;
+  font-size: 28rpx;
+  color: #a7a7a7;
+  margin-top: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.activeBox .teaching_case .right .operate {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 15px;
+}
+.activeBox .teaching_case .right .operate .left {
+  display: flex;
+  flex-direction: row;
+  width: 260rpx;
+  color: #00000099;
+  font-size: 24rpx;
+}
+.activeBox .teaching_case .right .operate .left .leftCollect {
+  display: flex;
+  align-items: flex-end;
+  margin-right: 15px;
+}
+.activeBox .teaching_case .right .operate .left .leftCollect .text {
+  display: flex;
+  margin-left: 5px;
+}
+.activeBox .teaching_case .right .operate .left .leftCollect .icon {
+  display: flex;
+}
+.activeBox .teaching_case .right .operate .left .leftCollect .icon image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.activeBox .teaching_case .right .operate .left .leftSubscribe {
+  display: flex;
+  align-items: flex-end;
+}
+.activeBox .teaching_case .right .operate .left .leftSubscribe .text {
+  display: flex;
+  margin-left: 5px;
+}
+.activeBox .teaching_case .right .operate .left .leftSubscribe .icon {
+  display: flex;
+}
+.activeBox .teaching_case .right .operate .left .leftSubscribe .icon image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.activeBox .teaching_case .right .operate .right {
+  width: 80px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: flex-end;
+}
+.activeBox .teaching_case .right .operate .right .text {
+  font-size: 24rpx;
+  color: #3081E8;
+}
+.activeBox .teaching_case .right .operate .right .arrow {
+  line-height: 10px;
+}
+.activeBox .teaching_case .right .operate .right .arrow image {
+  width: 32rpx;
+  height: 32rpx;
+}
+

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

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

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

@@ -0,0 +1 @@
+<view><status-bar vue-id="bb259de0-1" item="{{navBarData}}" bind:__l="__l"></status-bar><view class="collectBox"><view class="collect_length"><label class="_span">共3条收藏</label></view><block wx:for="{{3}}" wx:for-item="i" wx:for-index="__i0__" wx:key="*this"><view class="classBox"><view class="classTitle"><label class="_span">这里是教研室标题</label><image src="../../static/mine/Collect_yellow.png" mode="aspectFill"></image></view><view class="classContent"><view class="contentLeft"><view class="constDate"><label class="manage _span">类型</label><label class="_span">|</label><label class="c_data _span">03月27日</label><label class="c_time _span">21:07</label></view><view class="classIntro"><label class="_span">说明文字教研室简介，最多两行教研室简介教研室简介教研室简介教研室简介教研室简介</label></view></view><view class="contentRight"><image src="../../static/mine/Collect_default.png" mode="aspectFill"></image></view></view></view></block></view></view>

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

@@ -0,0 +1,124 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.collectBox {
+  margin: 0 30rpx;
+}
+.collectBox .collect_length {
+  width: 100%;
+  height: 40rpx;
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #00000099;
+  display: flex;
+  align-items: center;
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+.collectBox .classBox {
+  width: 100%;
+  height: 248rpx;
+  background-color: #fff;
+  border-radius: 20rpx;
+  padding: 0 16rpx;
+  margin-bottom: 8px;
+}
+.collectBox .classBox .classTitle {
+  display: flex;
+  padding-top: 15px;
+  justify-content: space-between;
+  margin-bottom: 6px;
+}
+.collectBox .classBox .classTitle ._span {
+  font-size: 32rpx;
+  font-weight: 500;
+}
+.collectBox .classBox .classTitle image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.collectBox .classBox .classContent {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.collectBox .classBox .classContent .contentLeft {
+  display: flex;
+  flex-direction: column;
+}
+.collectBox .classBox .classContent .contentLeft .constDate {
+  display: flex;
+  margin-bottom: 6px;
+}
+.collectBox .classBox .classContent .contentLeft .constDate ._span {
+  color: #00000066;
+  font-size: 24rpx;
+  font-weight: 400;
+}
+.collectBox .classBox .classContent .contentLeft .constDate ._span.manage {
+  border: 1px #00B2B6 solid;
+  font-size: 10px;
+  display: flex;
+  white-space: nowrap;
+  justify-content: center;
+  align-items: center;
+  padding: 1px 6px;
+  border-radius: 3px;
+  margin-right: 10rpx;
+  color: #00B2B6;
+  font-weight: 600;
+}
+.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(2) {
+  color: #E7E7E7;
+  margin-left: 4px;
+}
+.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(3) {
+  margin-left: 6px;
+}
+.collectBox .classBox .classContent .contentLeft .constDate ._span:nth-child(4) {
+  margin-left: 6px;
+}
+.collectBox .classBox .classContent .contentLeft .classIntro {
+  width: 93%;
+}
+.collectBox .classBox .classContent .contentLeft .classIntro ._span {
+  color: #00000099;
+  font-size: 28rpx;
+  display: -webkit-box;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /*设置 需要显示的行数*/
+  line-height: 23px;
+}
+.collectBox .classBox .classContent .contentRight image {
+  width: 182rpx;
+  height: 132rpx;
+  border-radius: 8rpx;
+}
+

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

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

unpackage/dist/dev/mp-weixin/pages/mineEdit/mineEdit.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 */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.edit_title {
+  display: flex;
+  align-items: center;
+  font-size: 32rpx;
+}
+.editBox {
+  width: 100%;
+  height: 840rpx;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+  border-top: 1px solid #E7E7E7;
+  padding: 0 18px;
+}
+.editBox .edit_avatar {
+  height: 164rpx;
+  display: flex;
+  justify-content: space-between;
+}
+.editBox .edit_avatar .userAvatar {
+  display: flex;
+  align-items: center;
+}
+.editBox .edit_avatar .userAvatar image {
+  width: 120rpx;
+  height: 120rpx;
+}
+.editBox .setName {
+  display: flex;
+  justify-content: space-between;
+  height: 92rpx;
+  border-top: 1px solid #E7E7E7;
+}
+.editBox .setName .input_details {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+.editBox .setName .input_details .nickname {
+  width: 100px;
+  text-align: end;
+  font-size: 28rpx;
+  color: #999999;
+}
+.editBox .setPicker {
+  height: 92rpx;
+  border-top: 1px solid #E7E7E7;
+}
+.editBox .setPicker .content {
+  height: 92rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.editBox .setPicker .content .input_details {
+  display: flex;
+  align-items: center;
+}
+.editBox .setPicker .content .input_details .details {
+  display: flex;
+  flex-direction: row;
+}
+.editBox .setPicker .content .input_details .details .text {
+  font-size: 28rpx;
+  color: #999999;
+}
+.editBox .setPicker .content .input_details .arrow {
+  display: flex;
+}
+.editBox .setPicker .content .input_details .arrow image {
+  width: 32rpx;
+  height: 32rpx;
+}
+.editBox .setIntro {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  height: 216rpx;
+  border-top: 1px solid #E7E7E7;
+}
+.editBox .setIntro .input_details {
+  display: flex;
+  align-items: center;
+}
+.editBox .setIntro .input_details .selfdomIntro {
+  width: 100%;
+  height: 88rpx;
+}
+.editBox .setIntro .input_details .selfdomIntro textarea {
+  width: 100%;
+  height: 88rpx;
+  font-size: 28rpx;
+  color: #999999;
+}
+.btnBox {
+  position: absolute;
+  margin: 0 85rpx;
+  bottom: 40px;
+}
+.btnBox .btn button {
+  width: 580rpx;
+  height: 88rpx;
+  border: none;
+  border-radius: 100rpx;
+  border: 1px solid lightgray;
+  font-size: 36rpx;
+  color: #545454;
+  text-align: center;
+}
+.btnBox .btn button:first-child {
+  background-color: #0056a8;
+  color: white;
+  margin-bottom: 24rpx;
+}
+.btnBox .btn button::after {
+  border: none;
+}
+

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

@@ -27,7 +27,7 @@
 .content {
   height: 100vh;
   width: 750rpx;
-  background-color: #00b2b6;
+  background-color: #ffffff;
 }
 .content .activeTitle {
   position: fixed;