JSY/jsy-app
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Iruka 2025-01-20 10:26:11 +08:00
parent 0ded1e3660
commit 12b540602f
1 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
pages/login.vue
View File

@ -20,8 +20,8 @@
</view> </view>
<view class="remember-password"> <view class="remember-password">
<u-checkbox-group placement="row" @change="rememberPasswordChange"> <u-checkbox-group placement="row" @change="rememberPasswordChange">
<u-checkbox label="记住密码" :name="1" :checked="rememberPassword" activeColor="#39ac4f" <!-- <u-checkbox label="记住密码" :name="1" :checked="rememberPassword" activeColor="#39ac4f"
inactiveColor="#39ac4f" labelColor="#39ac4f"></u-checkbox> inactiveColor="#39ac4f" labelColor="#39ac4f"></u-checkbox> -->
</u-checkbox-group> </u-checkbox-group>
<view class="forget-password" @click="forgotPassword">忘记密码</view> <view class="forget-password" @click="forgotPassword">忘记密码</view>
</view> </view>
@ -51,10 +51,12 @@
</view> </view>
<view class="xieyi" style="display: flex; align-items: center;"> <view class="xieyi" style="display: flex; align-items: center;">
<u-checkbox name="reading"></u-checkbox> <u-checkbox-group placement="row" v-model="checkboxGroup">
<u-checkbox name="reading1" />
<text class="text-blue" @click="handleUserAgrement">《用户协议》</text> <text class="text-blue" @click="handleUserAgrement">《用户协议》</text>
<u-checkbox name="reading"></u-checkbox> <u-checkbox name="reading2" />
<text class="text-blue" @click="handlePrivacy">《隐私协议》</text> <text class="text-blue" @click="handlePrivacy">《隐私协议》</text>
</u-checkbox-group>
</view> </view>
<view class="account_agreement"> <view class="account_agreement">
<view>【账号安全提醒】系统账号是您登录系统唯一授权凭证，如果因为账号丢失或转交给别人，导致设备运行风险，平台方概不负责。</view> <view>【账号安全提醒】系统账号是您登录系统唯一授权凭证，如果因为账号丢失或转交给别人，导致设备运行风险，平台方概不负责。</view>
@ -67,8 +69,12 @@
</template> </template>
<script setup> <script setup>
import { getCurrentInstance } from 'vue'; import {
const { proxy } = getCurrentInstance(); getCurrentInstance
} from 'vue';
const {
proxy
} = getCurrentInstance();
import { import {
ref, ref,
watch, watch,
@ -103,6 +109,7 @@
}); });
const rememberPassword = ref(false); // 记住密码 const rememberPassword = ref(false); // 记住密码
const loginBtnDisabled = ref(true); // 登陆按钮禁用状态 const loginBtnDisabled = ref(true); // 登陆按钮禁用状态
const checkboxGroup = ref([]); // 登陆按钮禁用状态
onLoad(() => { onLoad(() => {
//获取记住密码选中状态 //获取记住密码选中状态
@ -123,11 +130,9 @@
// tabs标签 // tabs标签
const list = ref([{ const list = ref([{
name: '账号登录' name: '账号登录'
}, }, {
{
name: '手机号登录' name: '手机号登录'
} }]);
]);
const curNow = ref(0); const curNow = ref(0);
// 选项卡切换 // 选项卡切换
function sectionChange(e) { function sectionChange(e) {
@ -248,6 +253,10 @@
// 登陆 // 登陆
async function handleLogin() { async function handleLogin() {
if (checkboxGroup.value.length < 2) {
proxy.$toast("请先阅读并同意《用户协议》与《隐私协议》");
return;
}
uni.showLoading({ uni.showLoading({
mask: true mask: true
}); });
@ -365,7 +374,12 @@
page { page {
background-color: #ffffff; background-color: #ffffff;
} }
::v-deep .u-checkbox__icon-wrap.u-checkbox__icon-wrap--square{width: 15px !important;height: 15px !important;}
::v-deep .u-checkbox__icon-wrap.u-checkbox__icon-wrap--square {
width: 15px !important;
height: 15px !important;
}
.login-container { .login-container {
position: absolute; position: absolute;
top: 0; top: 0;