Browse Source

发布页面,我的点赞页面,我的评论页面,我的获奖记录页面

常志远 2 năm trước cách đây
mục cha
commit
ee78e87131
6 tập tin đã thay đổi với 462 bổ sung1 xóa
  1. 45 0
      pages.json
  2. 102 0
      pages/mine/issue.vue
  3. 105 0
      pages/mine/myComment.vue
  4. 105 0
      pages/mine/myLike.vue
  5. 104 0
      pages/mine/myWinningRecord.vue
  6. 1 1
      pages/mine/personalPage.vue

+ 45 - 0
pages.json

@@ -149,6 +149,51 @@
             }
             
         }
+        ,{
+            "path" : "pages/mine/issue",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/myLike",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/myComment",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/mine/myWinningRecord",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/points/points",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationStyle": "custom", // 隐藏系统导航栏

+ 102 - 0
pages/mine/issue.vue

@@ -0,0 +1,102 @@
+<template>
+	<view>
+		<u-navbar title="发布内容" back-icon-name="close" >
+			<view class="slot-wrap">		 
+				 	发布		
+			</view>	
+		</u-navbar>
+		
+		<textarea placeholder="记录点滴生活..." name="" id="" cols="30" rows="10"></textarea>
+	
+	  <view class="upload">
+	  	<u-upload  :action="action" :file-list="fileList" ></u-upload>
+	  </view>
+	  
+	  <view class="select">
+	  	<view class="join">
+	  		<text class="sign">#</text>
+			<text class="text">参与活动</text>
+	  	</view>
+		<view class="choose">
+				<text>选择活动</text>
+				<u-icon name="arrow-right"></u-icon>
+		</view>
+	  </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+				
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	page{
+		background-color: #fff;
+	}
+	/deep/.u-slot-content {
+		display: block;
+		text-align: right !important;
+		margin-right: 16px;
+		color: #333333;
+	
+	}
+	/deep/.uicon-close{
+		font-size: 32rpx !important;
+		color: #101010 !important;
+	}
+	.slot-wrap{
+		width: 104rpx;
+		height:56rpx;
+		line-height:56rpx ;
+		border-radius: 8px;
+		background-color: rgba(204, 204, 204, 1);
+		color: #fff;
+		text-align: center;
+		position: absolute;
+		top: 50%;
+		right: 32rpx;
+		transform: translateY(-50%);
+	}
+
+uni-textarea{
+	width: 100%;
+	text-indent: 28rpx;
+	padding-top:28rpx;
+}
+.upload{
+	padding: 32rpx;
+	/deep/.u-add-tips{
+		display: none;
+	}
+}
+.select{
+	display: flex;
+	justify-content: space-between;
+	padding: 0 32rpx;
+	height: 56px;
+	line-height: 56px;
+	.join{
+		
+		color: rgba(16, 16, 16, 1);
+		font-size: 16px;
+		.sign{
+			color: #1F4A99;
+			margin-right: 8rpx;
+		}
+		
+	}
+	.choose{
+		text{
+			margin-right: 8rpx;
+		}
+		color: rgba(153, 153, 153, 1);
+	}
+}
+</style>

+ 105 - 0
pages/mine/myComment.vue

@@ -0,0 +1,105 @@
+<template>
+	<view>
+		<u-navbar title="我的评论"  >	
+		</u-navbar>
+		<view class="main">
+			<view class="like-box">
+				<view class="content">
+					<view class="title">
+						2023年度春季职工运动会活动奖励公示
+					</view>
+					<view class="else">
+						<view class="classify">
+							政务动态
+						</view>
+						<view class="date">
+							2020-12-30
+						</view>
+					</view>
+				</view>
+				<view class="picture">
+					<img src="../../assets/img/slideshow@2x.png" alt="">
+				</view>
+				
+			</view>
+			
+			<view class="like-box">
+				<view class="content">
+					<view class="title">
+						庆祝建党节书法作品大赛活动奖励公示
+					</view>
+					<view class="else">
+						<view class="classify">
+							政务动态
+						</view>
+						<view class="date">
+							2020-12-30
+						</view>
+					</view>
+				</view>
+				<view class="picture">
+					<img src="../../assets/img/slideshow@2x.png" alt="">
+				</view>
+				
+			</view>
+		</view>
+		<u-divider bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.main{
+		padding: 24rpx 32rpx;
+		.like-box{
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			display: flex;
+			justify-content: space-between;
+			padding: 24rpx;
+			margin-bottom: 24rpx;
+			.content{
+				width: 390rpx;
+				display: flex;
+			    flex-direction:column;
+				justify-content: space-between;
+				.title{
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+					line-height: 46rpx;
+					font-weight: bold;
+				}
+				.else{
+					display: flex;
+					justify-content: space-between;
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+				}
+			}
+			.picture{
+				 width: 224rpx;
+				 height: 172rpx;
+				 border-radius: 5px;
+				 overflow: hidden;
+				 img{
+					 width: 100%;
+					 height: 100%;
+					 
+				 }
+			}
+		}
+	}
+
+</style>

+ 105 - 0
pages/mine/myLike.vue

@@ -0,0 +1,105 @@
+<template>
+	<view>
+		<u-navbar title="我的点赞"  >	
+		</u-navbar>
+		<view class="main">
+			<view class="like-box">
+				<view class="content">
+					<view class="title">
+						2023年度春季职工运动会活动奖励公示
+					</view>
+					<view class="else">
+						<view class="classify">
+							政务动态
+						</view>
+						<view class="date">
+							2020-12-30
+						</view>
+					</view>
+				</view>
+				<view class="picture">
+					<img src="../../assets/img/slideshow@2x.png" alt="">
+				</view>
+				
+			</view>
+			
+			<view class="like-box">
+				<view class="content">
+					<view class="title">
+						庆祝建党节书法作品大赛活动奖励公示
+					</view>
+					<view class="else">
+						<view class="classify">
+							政务动态
+						</view>
+						<view class="date">
+							2020-12-30
+						</view>
+					</view>
+				</view>
+				<view class="picture">
+					<img src="../../assets/img/slideshow@2x.png" alt="">
+				</view>
+				
+			</view>
+		</view>
+		<u-divider bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.main{
+		padding: 24rpx 32rpx;
+		.like-box{
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			display: flex;
+			justify-content: space-between;
+			padding: 24rpx;
+			margin-bottom: 24rpx;
+			.content{
+				width: 390rpx;
+				display: flex;
+			    flex-direction:column;
+				justify-content: space-between;
+				.title{
+					color: rgba(51, 51, 51, 1);
+					font-size: 32rpx;
+					line-height: 46rpx;
+					font-weight: bold;
+				}
+				.else{
+					display: flex;
+					justify-content: space-between;
+					color: rgba(119, 119, 119, 1);
+					font-size: 24rpx;
+				}
+			}
+			.picture{
+				 width: 224rpx;
+				 height: 172rpx;
+				 border-radius: 5px;
+				 overflow: hidden;
+				 img{
+					 width: 100%;
+					 height: 100%;
+					 
+				 }
+			}
+		}
+	}
+
+</style>

+ 104 - 0
pages/mine/myWinningRecord.vue

@@ -0,0 +1,104 @@
+<template>
+	<view>
+		<u-navbar title="获奖记录"  >
+		</u-navbar>
+		<view class="main">
+			<view class="winning-box">
+				<view class="item">
+					<view class="title">
+						活动:
+					</view>
+					<view class="value">
+						2023年度春季职工运动会
+					</view>
+				</view>
+				<view class="item">
+					<view class="title">
+						奖励:
+					</view>
+					<view class="value highlight">
+						品牌羽毛球拍*2
+					</view>
+				</view>
+				<view class="else">
+					<view class="state">
+					  已结束
+					</view>
+					<view class="date">
+						2020-12-30
+					</view>
+				</view>
+			</view>
+			<view class="winning-box">
+				<view class="item">
+					<view class="title">
+						活动:
+					</view>
+					<view class="value">
+						2023年度春季职工运动会
+					</view>
+				</view>
+				<view class="item">
+					<view class="title">
+						奖励:
+					</view>
+					<view class="value highlight">
+						品牌羽毛球拍*2
+					</view>
+				</view>
+				<view class="else">
+					<view class="state">
+					  已结束
+					</view>
+					<view class="date">
+						2020-12-30
+					</view>
+				</view>
+			</view>
+		</view>
+		<u-divider bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main{
+		padding: 24rpx 32rpx;
+		.winning-box{
+			padding: 24rpx;
+			border-radius: 8px;
+			background-color: rgba(255, 255, 255, 1);
+			margin-bottom: 24rpx;
+			.item{
+				display: flex;
+				margin-bottom: 16rpx;
+				color: rgba(51, 51, 51, 1);
+				font-size: 16px;
+				font-weight: bold;
+				.highlight{
+					color:#018BB9;
+				}
+			}
+			.else{
+				display: flex;
+				color: rgba(119, 119, 119, 1);
+				font-size: 12px;
+				justify-content: space-between;
+				margin-top: 24rpx;
+			}
+		}
+	}
+
+</style>

+ 1 - 1
pages/mine/personalPage.vue

@@ -149,7 +149,7 @@
 			onPageScroll(e) {
 				this.scrollTop = e.scrollTop;
 				console.log(this.scrollTop);
-				console.log(this.flag);
+				
 				if (this.scrollTop >=44) {
 					this.flag = true;
 				} else {