qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 健康档案统计，样式优化完善。

Browse Source
This commit is contained in:
tianyongbao
2025-11-26 02:19:19 +08:00
parent 2006eb22e4
commit aa2b470219
62 changed files with 16320 additions and 4930 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/pages/register.vue
View File

@@ -1,21 +1,60 @@
<template>
<view class="pwd-retrieve-container">
<uni-forms ref="form" :value="user" labelWidth="80px">
<uni-forms-item name="username" label="账号" required>
<uni-easyinput v-model="user.username" placeholder="请输入账号" />
</uni-forms-item>
<uni-forms-item name="password" label="密码" required>
<uni-easyinput type="password" v-model="user.password" placeholder="请输入密码" />
</uni-forms-item>
<uni-forms-item name="confirmPassword" label="确认密码" required>
<uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认密码" />
</uni-forms-item>
<button type="primary" @click="handleRegister">用户注册</button>
</uni-forms>
<u-toast ref="uToast"></u-toast>
<view class="xieyi text-center"><br>
<text class="text-grey1">Copyright © 2024 qdintc All Rights Reserved.</text>
<view class="register-container">
<view class="background-decoration"></view>
<view class="header-section">
<text class="page-title">用户注册</text>
<text class="page-subtitle">创建你的账号</text>
</view>
<view class="form-section">
<view class="form-card">
<uni-forms ref="form" :value="user" labelWidth="80px">
<uni-forms-item name="username" required label="账号">
<uni-easyinput v-model="user.username" placeholder="请输入账号" />
</uni-forms-item>
<uni-forms-item name="password" required label="密码">
<uni-easyinput type="password" v-model="user.password" placeholder="请输入密码" />
</uni-forms-item>
<uni-forms-item name="confirmPassword" required label="确认密码">
<uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认密码" />
</uni-forms-item>
</uni-forms>
<view class="tips-card">
<view class="tips-header">
<uni-icons type="info" size="16" color="#667eea"></uni-icons>
<text class="tips-title">密码要求</text>
</view>
<view class="tips-list">
<view class="tip-item">
<text class="tip-dot">•</text>
<text class="tip-text">账号长度为 6-20 个字符</text>
</view>
<view class="tip-item">
<text class="tip-dot">•</text>
<text class="tip-text">密码长度为 6-20 个字符</text>
</view>
<view class="tip-item">
<text class="tip-dot">•</text>
<text class="tip-text">两次密码输入必须一致</text>
</view>
</view>
</view>
<view class="action-btn">
<button class="register-btn" @click="handleRegister">
<text class="btn-text">立即注册</text>
</button>
</view>
</view>
</view>
<view class="footer-section">
<text class="copyright-text">Copyright © 2024 qdintc All Rights Reserved.</text>
</view>
<u-toast ref="uToast"></u-toast>
</view>
</template>
@@ -27,7 +66,7 @@
user: {
username: '',
password: '',
resource: '2',
resource: '1',
confirmPassword: '',
code: '',
uuid: ''
@@ -92,13 +131,167 @@ uni.navigateTo({ url: `/pages/login` })
}
</script>
<style lang="scss">
page {
background-color: #ffffff;
}
<style lang="scss" scoped>
page {
display: flex;
flex-direction: column;
box-sizing: border-box;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100%;
height: auto;
}
.pwd-retrieve-container {
padding-top: 36rpx;
padding: 15px;
.register-container {
width: 100%;
display: flex;
flex-direction: column;
position: relative;
.background-decoration {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
pointer-events: none;
}
.header-section {
padding: 100rpx 48rpx 60rpx;
position: relative;
z-index: 1;
.page-title {
display: block;
font-size: 48rpx;
font-weight: 700;
color: #ffffff;
margin-bottom: 12rpx;
}
.page-subtitle {
display: block;
font-size: 26rpx;
color: rgba(255, 255, 255, 0.8);
}
}
.form-section {
flex: 1;
padding: 0 48rpx 32rpx;
position: relative;
z-index: 1;
overflow-y: auto;
overflow-x: hidden;
min-height: 0;
/* 隐藏滚动条 */
&::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
scrollbar-width: none !important;
-ms-overflow-style: none !important;
.form-card {
background: #ffffff;
border-radius: 32rpx;
padding: 48rpx 40rpx;
box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.15);
}
}
.tips-card {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
border-radius: 20rpx;
padding: 24rpx;
margin-top: 32rpx;
border: 2rpx solid rgba(102, 126, 234, 0.2);
}
.tips-header {
display: flex;
align-items: center;
margin-bottom: 16rpx;
.tips-title {
color: #667eea;
font-size: 26rpx;
font-weight: 600;
margin-left: 8rpx;
}
}
.tips-list {
.tip-item {
display: flex;
align-items: flex-start;
margin-bottom: 8rpx;
&:last-child {
margin-bottom: 0;
}
.tip-dot {
color: #667eea;
font-size: 24rpx;
margin-right: 8rpx;
line-height: 36rpx;
}
.tip-text {
flex: 1;
color: #606266;
font-size: 24rpx;
line-height: 36rpx;
}
}
}
.action-btn {
margin-top: 48rpx;
.register-btn {
width: 100%;
height: 96rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 48rpx;
border: none;
box-shadow: 0 12rpx 32rpx rgba(102, 126, 234, 0.4);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
&::after {
border: none;
}
&:active {
transform: scale(0.98);
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3);
}
.btn-text {
color: #ffffff;
font-size: 32rpx;
font-weight: 600;
}
}
}
.footer-section {
padding: 60rpx 48rpx 80rpx;
text-align: center;
position: relative;
z-index: 1;
.copyright-text {
color: rgba(255, 255, 255, 0.7);
font-size: 24rpx;
}
}
}
</style>