移动端V1.0

2025-07-16 15:34:34 +08:00
commit 194b0750fd
1083 changed files with 178295 additions and 0 deletions
--- a/pages/cognizance/cognizance.vue
+++ b/pages/cognizance/cognizance.vue
@@ -0,0 +1,140 @@
+<template>
+	<view class="award">
+		<!-- 头部导航 -->
+		
+		<!-- 学生信息 -->
+		<view class="userinfo">
+			<view class="left">
+				<text>姓名：{{credit}}</text>
+				<text>年级：{{ranking}}</text>
+			</view>
+			<view class="right">
+				<button>申请</button>
+			</view>
+		</view>
+		<!-- 学生信息结束 -->
+		<view class="awardList">
+			<view class="List" v-for="(item,index) in awardList" :key="item.index">
+				<view class="awardListleft">
+					<text class="title"> {{item.award}}</text>
+					<text>姓名：{{item.name}}</text>
+					<text>性别：{{item.num}}</text>
+					<text>民族：{{item.reason}}</text>
+					<text>身份证号码：{{item.specialty}}</text>
+					<text>学号：{{item.class}}</text>
+					<text>出生年月：{{item.instructor}}</text>
+					<text>学院审核意见：{{item.college}}</text>
+				</view>
+				<view class="awardListright">
+					<uni-tag v-if="item.type === 'A'" :inverted="true" text="不通过" type="error" />
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				credit: "李三",
+				ranking: "2021级",
+				awardList: [{
+						award: "申请：贫困认定",
+						name: "李三",
+						num: "男",
+						reason:"壮族",
+						specialty:"45*********5555",
+						class:20210306333,
+						instructor:"2024-03",
+						college:"不通过",
+						type: "A"
+					}
+				]
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+<style lang="less" scoped>
+	.award {
+		width: 100%;
+		min-height: 100vh;
+	background-color: #F5F7FB;
+
+		.userinfo {
+			width: 100%;
+			display: flex;
+				background-color: #3388CC;
+			justify-content: space-between;
+			align-items: center;
+            padding: 20rpx 0;
+			.left {
+				padding: 10rpx 40rpx;
+
+				display: flex;
+				flex-direction: column;
+				color: white;
+				text {
+					/* 强制文本内部换行 */
+					white-space: pre-wrap;
+					margin-bottom: 10rpx;
+				}
+			}
+
+			.right {
+				margin-right: 20rpx;
+
+				button {
+					width: 180rpx;
+					background-color: #E3F4FF;
+					border: 1px solid #009DFF;
+					color: #009DFF;
+				}
+
+			}
+		}
+
+		.awardList {
+			width: 100%;
+			margin-top: 20rpx;
+			display: flex;
+			align-items: center;
+			flex-direction: column;
+		
+			.List {
+				// align-items: center;
+				display: flex;
+				justify-content: space-between;
+				width: 90%;
+				background-color: white;
+				border-radius: 10rpx;
+				padding: 40rpx 30rpx 30rpx 30rpx;
+				margin-bottom: 30rpx;
+		
+				.awardListleft {
+					display: flex;
+					flex-direction: column;
+		
+					.title {
+						font-size: 40rpx;
+			
+						color: black;
+						width: 500rpx;
+						margin-bottom: 10rpx;
+					}
+		
+					text {
+						width: 500rpx;
+						padding-bottom: 20rpx;
+						color: #9C9C9C;
+					}
+				}
+			}
+		}
+		
+
+	}
+</style>