Browse Source

授权界面样式修改

like 6 months ago
parent
commit
16b717e367

+ 1 - 1
snowy-admin-web/.env.development

@@ -1,5 +1,5 @@
 # 接口地址
-VITE_API_BASEURL = http://xiaozun.nat300.top
+VITE_API_BASEURL = https://coldchain.nzkcloud.com/api
 
 # 本地端口
 VITE_PORT = 81

BIN
snowy-admin-web/src/assets/images/login/success.png


BIN
snowy-admin-web/src/assets/images/login/success_01.png


+ 27 - 3
snowy-admin-web/src/views/success/index.vue

@@ -1,6 +1,12 @@
 <template>
 	<div class="wx">
-		{{ data }}
+		<div class="head">
+			<img class="logo" src="/src/assets/images/login/success_01.png" />
+			<div class="title">
+				<CheckCircleOutlined :style="{ fontSize: '32px', color: ' #32b74b', marginRight: '15px' }" />
+				{{ data }}
+			</div>
+		</div>
 	</div>
 </template>
 
@@ -19,9 +25,27 @@
 	.wx {
 		height: 100vh;
 		text-align: center;
-		padding: 45% 30px 0;
-		background-image: url('/src/assets/images/login/logo_background.png'); /* 背景图 */
+		padding: 35% 30px 0;
+		background-image: url('/src/assets/images/login/success.png');
 		background-size: cover;
 		background-position: center;
+		.head {
+			padding-bottom: 30px;
+
+			.logo {
+				width: 150px;
+				height: 150px;
+			}
+			.title {
+				font-size: 24px;
+				font-weight: bold;
+				padding: 30px 10px;
+				letter-spacing: 2px;
+				color: #303133;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
 	}
 </style>

+ 13 - 5
snowy-admin-web/src/views/wx/index.vue

@@ -10,12 +10,13 @@
 				<a-input v-model:value.trim="formData.name" placeholder="请输入真实姓名" allow-clear />
 			</a-form-item>
 
-			<a-form-item label="请输入您要绑定的组织" name="createOrg">
+			<a-form-item label="请输入您要加入的组织" name="createOrg">
 				<a-select
 					v-model:value.trim="formData.createOrg"
 					show-search
+					size="large"
 					allowClear
-					placeholder="请输入您要绑定的组织"
+					placeholder="请输入您要加入的组织"
 					style="width: 100%"
 					:default-active-first-option="false"
 					:show-arrow="false"
@@ -38,7 +39,7 @@
 
 <script setup>
 	import { useRoute } from 'vue-router'
-	import { cloneDeep } from 'lodash-es'
+
 	import router from '@/router'
 	import { message } from 'ant-design-vue'
 	import { required } from '@/utils/formRules'
@@ -52,7 +53,7 @@
 	// 默认要校验的
 	const formRules = {
 		name: [required('请输入您的真实姓名')],
-		createOrg: [required('请输入您要绑定的组织')]
+		createOrg: [required('请输入您要加入的组织')]
 	}
 
 	const loading = ref(false) //按钮加载
@@ -92,7 +93,7 @@
 					router.push({
 						path: '/success',
 						query: {
-							data: '授权成功'
+							data: '已实名认证成功'
 						}
 					})
 				})
@@ -138,4 +139,11 @@
 			text-align: center;
 		}
 	}
+
+	:deep(.ant-input-affix-wrapper) {
+		height: 40px;
+	}
+	:deep(.ant-select-selector) {
+		font-size: 14px !important;
+	}
 </style>