签到明细页面

pages.json

@@ -7,15 +7,25 @@
 			"^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue"
 		}
 	},
-  "pages": [{
+	"pages": [
+		
+		{
+			"path": "pages/signln/signiddetails",
+			"style": {
+				"navigationBarTitleText": "签到明细",
+				"navigationStyle": "custom"
+			}
+		
+		},
+		
+		{
 			"path": "pages/index",
 			"style": {
 				"navigationBarTitleText": "若依移动端框架",
 				"navigationStyle": "custom",
 				"navigationBarTextStyle": "white"
 			}
-  }
+		},
-  ,
 		{
 			"path": "pages/loginInfo/login",
 			"style": {
@@ -92,17 +102,24 @@
 		}, {
 			"path": "pages/search/index",
 			"style": {
-			"navigationBarTitleText": "搜索",
+				"navigationBarTitleText": "搜索"
-			
 			}
 		},
 		{
-  	"path" : "pages/communication/addfriends",
+			"path": "pages/communication/addfriends",
-  	"style" : 
+			"style": {
-  	{
+				"navigationBarTitleText": "添加好友"
-  		"navigationBarTitleText" : ""
 			}
-  }],
+		}
+		// {
+		// 	"path": "pages/signln/signiddetails",
+		// 	"style": {
+		// 		"navigationBarTitleText": "签到明细",
+		// 		"navigationStyle": "custom"
+		// 	}
+
+		// }
+	],
 	"tabBar": {
 		"color": "#000000",
 		"selectedColor": "#000000",
@@ -113,8 +130,7 @@
 			"iconPath": "static/images/tabbar/home.png",
 			"selectedIconPath": "static/images/tabbar/home_.png",
 			"text": "首页"
-      }
+		}, {
-      , {
 			"pagePath": "pages/work/index",
 			"iconPath": "static/images/tabbar/work.png",
 			"selectedIconPath": "static/images/tabbar/work_.png",
@@ -124,8 +140,7 @@
 			"iconPath": "static/images/tabbar/mine.png",
 			"selectedIconPath": "static/images/tabbar/mine_.png",
 			"text": "我的"
-      }
+		}]
-    ]
 	},
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/signln/signiddetails.vue

@@ -0,0 +1,136 @@
+<template>
+	<view class="uninavbar">
+		<uni-nav-bar statusBar="false" :border="false" left-icon="left" title="签到明细" />
+	</view>
+	<view style="height: 24rpx;"></view>
+	<view class="content" v-for="(item,index) in arr" :key="index">
+		<view class="uni-list">
+			<text class="uni-list-top-text">{{item.text}}</text>
+			<view :class="item.type === '+'
+			 ?'uni-list-right-add':'uni-list-right-remove'">{{item.type}}{{item.count}}</view>
+			<text class="uni-list-bottom-text">{{item.time}}</text>
+			<view class="uni-list--border-bottom"></view>
+		</view>
+	</view>
+
+</template>
+
+<script setup>
+	import {
+		reactive,
+		ref
+	} from "vue"
+	let arr = reactive([{
+			id: 1,
+			text: "每日签到",
+			time: "2024-05-21 00:00",
+			count: 2,
+			type: "+"
+		},
+		{
+			id: 2,
+			text: "关注",
+			time: "2024-05-21 00:00",
+			count: 2,
+			type: "+"
+		},
+		{
+			id: 3,
+			text: "点赞",
+			time: "2024-05-21 00:00",
+			count: 2,
+			type: "+"
+		},
+		{
+			id: 3,
+			text: "发布话题",
+			time: "2024-05-21 00:00",
+			count: 2,
+			type: "+"
+		},
+		{
+			id: 4,
+			text: "邀请新用户",
+			time: "2024-05-21 00:00",
+			count: 5,
+			type: "+"
+		},
+		{
+			id: 5,
+			text: "商品兑换",
+			time: "2024-05-21 00:00",
+			count: 200,
+			type: "-"
+		},
+	]);
+</script>
+
+<style scoped>
+	:deep(.uni-nav-bar-text.data-v-26544265) {
+		font-size: 36rpx;
+		font-weight: 600;
+	}
+
+	:deep(.uni-icons) {
+		font-family: uniicons;
+		text-decoration: none;
+		text-align: center;
+		width: 31rpx;
+		height: 44rpx;
+		line-height: 44rpx;
+	}
+
+
+	.content {
+		margin-left: 32rpx;
+		margin-right: 32rpx;
+		margin-top: 24rpx;
+	}
+
+	.uni-list {
+		height: 92rpx;
+	}
+
+	.uni-list>text {
+		display: block;
+	}
+
+	.uni-list>text:first-child {
+		font-weight: 400;
+		height: 28rpx;
+		font-size: 28rpx;
+		text-align: left;
+		color: #000000;
+	}
+
+	.uni-list-bottom-text {
+		font-weight: 400;
+		width: 201rpx;
+		height: 19rpx;
+		font-size: 24rpx;
+		text-align: left;
+		color: #999999;
+		margin-top: 14rpx;
+	}
+
+	.uni-list-right-add {
+		float: right;
+		justify-content: flex-start;
+		color: #F99B46;
+		font-size: 30 rpx;
+	}
+
+	.uni-list-right-remove {
+		float: right;
+		justify-content: flex-start;
+		color: #FA3939;
+		font-size: 30 rpx;
+	}
+
+	.uni-list--border-bottom {
+		height: 4rpx;
+		border-radius: 2px 2px 2px 2px;
+		background: #eeeeee;
+		margin-top: 32rpx;
+	}
+</style>

project.config.json

@@ -0,0 +1,28 @@
+{
+  "appid": "wx892c075ce610e20f",
+  "compileType": "miniprogram",
+  "libVersion": "3.4.5",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "setting": {
+    "coverView": true,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "enhance": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmRelationList": [],
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "condition": {},
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
+}

project.private.config.json

@@ -0,0 +1,7 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "talk_app",
+  "setting": {
+    "compileHotReLoad": true
+  }
+}