From e00361c6bcbb1a56f6dcda22b91bdfcb2736e263 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 15:56:27 +0800
Subject: [PATCH] 1
---
src/pages/forgetPass/forgetPass.vue | 1242 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 645 insertions(+), 597 deletions(-)
diff --git a/src/pages/forgetPass/forgetPass.vue b/src/pages/forgetPass/forgetPass.vue
index b642bd0..0c6f72e 100644
--- a/src/pages/forgetPass/forgetPass.vue
+++ b/src/pages/forgetPass/forgetPass.vue
@@ -1,281 +1,354 @@
<template>
- <view class="container flex flex-center" style="align-items: flex-start;">
- <view class="repository relative">
- <view class="Ttop flex flex-center flex-wrap" style="flex-direction: column;">
- <view class=""></view>
- <view class="" ref="Rtop">
- <text class="login"></text>
- <text
- style="font-size: .36rem;letter-spacing: 4rpx;vertical-align: middle;font-family: cursive;font-weight: bold;">涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text>
- </view>
- <view></view>
- </view>
- <!-- 閲嶇疆瀵嗙爜 -->
- <el-card>
- <view class="LoginTop"
- style="display: flex; justify-content: space-between;margin-bottom: .47rem;align-items: center;">
- <!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> -->
- <view class="LoginBg"></view>
- <view class="" @click="BacktoLogin"
- style="cursor: pointer;font-size: .14rem;color: #244A7B;font-weight: normal;">
- 杩斿洖鐧诲綍
- </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin2" label-position="right" :rules="rules"
- :model="resetDataPass">
- <el-form-item label="鎵嬫満/閭" prop="cellphoneORmailbox">
- <el-input v-model="resetDataPass.cellphoneORmailbox"></el-input>
- </el-form-item>
- <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
- <view class="verifyCode relative">
- <el-input v-model="resetDataPass.verifyCode"></el-input>
- <view @click="verifyCodeClick" class="yzm"
- style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
- 鑾峰彇楠岃瘉鐮�</view>
- </view>
- </el-form-item>
- <el-form-item label="鏂板瘑鐮�" prop="newPass">
- <el-input type="password" v-model="resetDataPass.newPass"></el-input>
- </el-form-item>
- <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
- <el-input type="password" v-model="resetDataPass.checkPass"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: 30rpx; font-weight:900;font-size: 30rpx; width: 100%;background-color: #244a7b;color: #fff;padding: 30rpx;"
- size="medium" @click="Login2('formLogin2')">閲嶇疆瀵嗙爜</el-button>
- </el-form-item>
- </el-form>
- </el-card>
+ <view class="container flex flex-center" style="align-items: flex-start">
+ <view class="repository relative">
+ <view
+ class="Ttop flex flex-center flex-wrap"
+ style="flex-direction: column"
+ >
+ <view></view>
+ <view ref="Rtop">
+ <text class="login"></text>
+ <text
+ style="
+ font-size: 0.36rem;
+ letter-spacing: 4rpx;
+ vertical-align: middle;
+ font-family: cursive;
+ font-weight: bold;
+ "
+ >涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text
+ >
+ </view>
+ <view></view>
+ </view>
+ <!-- 閲嶇疆瀵嗙爜 -->
+ <el-card>
+ <view
+ class="LoginTop"
+ style="
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0.47rem;
+ align-items: center;
+ "
+ >
+ <!-- <view style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> -->
+ <view class="LoginBg"></view>
+ <view
+ @click="BacktoLogin"
+ style="
+ cursor: pointer;
+ font-size: 0.14rem;
+ color: #244a7b;
+ font-weight: normal;
+ "
+ >
+ 杩斿洖鐧诲綍
+ </view>
+ </view>
+ <el-form
+ :hide-required-asterisk="true"
+ ref="formLogin2"
+ label-position="right"
+ :label-width="80"
+ :rules="rules"
+ :model="resetDataPass"
+ >
+ <el-form-item label="鎵嬫満鍙�/閭" prop="cellphoneORmailbox">
+ <el-input v-model="resetDataPass.cellphoneORmailbox"></el-input>
+ </el-form-item>
+ <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
+ <view class="verifyCode relative">
+ <el-input v-model="resetDataPass.verifyCode"></el-input>
+ <view
+ @click="verifyCodeClick"
+ class="yzm"
+ style="
+ position: absolute;
+ right: 0%;
+ top: 0%;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+ "
+ >
+ {{
+ countdown > 0 ? `${countdown}绉掑悗閲嶆柊鑾峰彇` : "鑾峰彇楠岃瘉鐮�"
+ }}</view
+ >
+ </view>
+ </el-form-item>
+ <el-form-item label="鏂板瘑鐮�" prop="newPass">
+ <el-input
+ type="password"
+ v-model="resetDataPass.newPass"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
+ <el-input
+ type="password"
+ v-model="resetDataPass.checkPass"
+ ></el-input>
+ </el-form-item>
+ <el-form-item class="btn">
+ <el-button
+ class="font-family"
+ style="
+ margin-top: 30rpx;
+ font-weight: 900;
+ font-size: 30rpx;
+ width: 100%;
+ background-color: #244a7b;
+ color: #fff;
+ padding: 30rpx;
+ "
+ size="medium"
+ @click="Login2('formLogin2')"
+ >閲嶇疆瀵嗙爜</el-button
+ >
+ </el-form-item>
+ </el-form>
+ </el-card>
+ </view>
+ <view class="hua"></view>
+ <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
+ <view class="fff"></view>
+ <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
+ <view class="rrr"></view>
- </view>
- <view class="hua"></view>
- <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
- <view class="fff"></view>
- <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
- <view class="rrr"></view>
-
- <Footer1 />
- </view>
+ <Footer1 />
+ </view>
</template>
<script>
- import {
- getRestPassword,
- getverifyCode
- } from '@/api/index.js'
- import {
- encryptAES
- } from '@/utils/Crypto.js'
- import {
- nextTick
- } from "vue";
- import Footer1 from '@/components/footer/footer.vue'
- import {
- Message
- } from 'element-ui'
- export default {
- components: {
- Footer1
- },
- data() {
- // 瀵嗙爜
- var validatePass = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇疯緭鍏ュ瘑鐮�'));
- } else {
- if (this.resetDataPass.checkPass !== '') {
- this.$nextTick(() => {
- this.$refs.formLogin.validateField('checkPass');
- });
- }
- callback();
- }
- };
- // 纭瀵嗙爜
- var validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.resetDataPass.newPass) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- }],
- newPass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 10,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- },
- {
- validator: validatePass,
- trigger: 'blur'
- }
- ],
- checkPass: [{
- validator: validatePass2,
- trigger: 'blur'
- }],
- cellphoneORmailbox: [{
- required: true,
- message: '璇疯緭鍏ユ墜鏈哄彿鎴栭偖绠�',
- trigger: 'blur'
- },
- {
- validator: this.validateContact,
- trigger: 'blur'
- }
- ],
- verifyCode: [{
- required: true,
- message: '璇疯緭鍏ラ獙璇佺爜',
- trigger: 'blur'
- }]
- },
- // 閲嶇疆瀵嗙爜
- resetDataPass: {
- cellphoneORmailbox: '',
- verifyCode: "",
- newPass: "",
- checkPass: ""
- },
- }
- },
- onLoad() {
- uni.getSystemInfo({
- success: function(info) {
- // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
- // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
- }
- });
- },
- mounted() {
- this.getElementWidth();
- },
- methods: {
- // 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
- BacktoLogin() {
- uni.redirectTo({
- url: '/pages/Login/Login'
- })
- },
- // 鑾峰彇楠岃瘉鐮�
- async verifyCodeClick() {
- console.log('鑾峰彇楠岃瘉鐮�');
- let Obj = {
- communicateParam: this.resetDataPass.cellphoneORmailbox,
- }
- await getverifyCode(Obj).then(res => {
- console.log(res, '楠岃瘉鐮佽幏鍙栨垚鍔�');
- })
- },
- // 鍒楄〃椤硅烦杞�
- listDataClick(item) {
- console.log(item);
- // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺
- // uni.setStorageSync('globalData', { id: 123, name: 'example' });
- if (item.id == 1) {
- uni.navigateTo({
- url: '/pages/character/detail?id=' + item.id
- })
- } else if (item.id == 2) {
- console.log(item.name);
- // uni.navigateTo({
- // url:'/pages/character/detail?id='+item.id
- // })
- } else if (item.id == 3) {
- uni.navigateTo({
- url: '/pages/dataDisplay/dataDisplay?id=' + item.id
- })
- } else if (item.id == 4) {
- uni.navigateTo({
- url: '/pages/territory/territory?id=' + item.id
- })
- } else if (item.id == 5) {
- uni.navigateTo({
- url: '/pages/TcmSystem/TcmSystem?id=' + item.id
- })
- }
- },
+import { getRestPassword, getverifyCode } from "@/api/index.js";
+import { encryptAES } from "@/utils/Crypto.js";
+import { nextTick } from "vue";
+import Footer1 from "@/components/footer/footer.vue";
+import { Message } from "element-ui";
+export default {
+ components: {
+ Footer1
+ },
+ data() {
+ // 瀵嗙爜
+ var validatePass = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+ } else {
+ if (this.resetDataPass.checkPass !== "") {
+ this.$nextTick(() => {
+ this.$refs.formLogin.validateField("checkPass");
+ });
+ }
+ callback();
+ }
+ };
+ // 纭瀵嗙爜
+ var validatePass2 = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.resetDataPass.newPass) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ return {
+ //楠岃瘉鐮佸�掕鏃�
+ countdown: 0,
+ // 鐢ㄦ埛娉ㄥ唽
+ isRegister: false,
+ // 鐢ㄦ埛鐧诲綍
+ isLogin: true,
+ // 淇敼瀵嗙爜
+ isAmendPass: false,
+ // 閲嶇疆瀵嗙爜
+ isResetPass: false,
+ // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
+ rules: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ newPass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 10,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ validator: validatePass,
+ trigger: "blur"
+ }
+ ],
+ checkPass: [
+ {
+ validator: validatePass2,
+ trigger: "blur"
+ }
+ ],
+ cellphoneORmailbox: [
+ {
+ required: true,
+ message: "璇疯緭鍏ユ墜鏈哄彿/閭",
+ trigger: "blur"
+ },
+ {
+ validator: this.validateContact,
+ trigger: "blur"
+ }
+ ],
+ verifyCode: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ獙璇佺爜",
+ trigger: "blur"
+ }
+ ]
+ },
+ // 閲嶇疆瀵嗙爜
+ resetDataPass: {
+ cellphoneORmailbox: "",
+ verifyCode: "",
+ newPass: "",
+ checkPass: ""
+ }
+ };
+ },
+ onLoad() {
+ uni.getSystemInfo({
+ success: function (info) {
+ // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
+ // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
+ }
+ });
+ },
+ mounted() {
+ this.getElementWidth();
+ },
+ methods: {
+ // 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
+ BacktoLogin() {
+ uni.redirectTo({
+ url: "/pages/Login/Login"
+ });
+ },
+ // 鑾峰彇楠岃瘉鐮�
+ async verifyCodeClick() {
+ if (!this.resetDataPass.cellphoneORmailbox) {
+ this.$message({
+ message: "璇疯緭鍏ユ墜鏈猴紒",
+ type: "warning"
+ });
- // 鎵嬫満鍙�/鎴栬�呴偖绠�
- validateContact(rule, value, callback) {
- const regPhone = /^1[0-9]{10}$/;
- const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
- console.log(value, regPhone.test(value), regEmail.test(value));
- if (regPhone.test(value) || regEmail.test(value)) {
- callback(); // 鏍￠獙閫氳繃
- } else {
- callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙锋垨閭')); // 鏍￠獙澶辫触
- }
- },
- getElementWidth() {
- this.$nextTick(() => {
- var width = this.$refs.Rtop.$el.clientWidth;
- this.Rtop1 = width + 50;
- console.log('Element width:', width);
- })
- },
- // 蹇樿瀵嗙爜
- Login2(formName) {
- let Obj = {
- "communicateParam": this.resetDataPass.cellphoneORmailbox, //鎵嬫満鎴栭偖绠�
- "verifyCode": this.resetDataPass.verifyCode, //楠岃瘉鐮�
- "newPassword": encryptAES(this.resetDataPass.newPass) //鏂板瘑鐮�
- }
- console.log(Obj);
- this.$refs[formName].validate(async (valid) => {
- if (valid) {
- await getRestPassword(Obj).then(res => {
- console.log(res, '鎺ュ彛');
- if (res.success) {
- console.log('蹇樿瀵嗙爜鐨勬帴鍙ｆ嬁鍒版暟鎹簡');
- uni.navigateTo({
- url: '/pages/Login/Login'
- })
- } else {
- Message.error(res.errorText || '')
- }
- })
- // alert('submit!鎴愬姛');
- // uni.redirectTo({
- // url: '/pages/Login/Login'
- // })
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- }
- }
- }
+ return false;
+ }
+ if (this.countdown > 0) {
+ return;
+ }
+ let Obj = {
+ communicateParam: this.resetDataPass.cellphoneORmailbox
+ };
+ this.countdown = 60;
+ const intervalId = setInterval(() => {
+ if (this.countdown > 0) {
+ this.countdown -= 1;
+ } else {
+ clearInterval(intervalId);
+ }
+ }, 1000);
+ await getverifyCode(Obj).then((res) => {
+ console.log(res, "楠岃瘉鐮佽幏鍙栨垚鍔�");
+ });
+ },
+ // 鍒楄〃椤硅烦杞�
+ listDataClick(item) {
+ // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺
+ // uni.setStorageSync('globalData', { id: 123, name: 'example' });
+ if (item.id == 1) {
+ uni.navigateTo({
+ url: "/pages/character/detail?id=" + item.id
+ });
+ } else if (item.id == 2) {
+ // uni.navigateTo({
+ // url:'/pages/character/detail?id='+item.id
+ // })
+ } else if (item.id == 3) {
+ uni.navigateTo({
+ url: "/pages/academicGenres/index?id=" + item.id
+ });
+ } else if (item.id == 4) {
+ uni.navigateTo({
+ url: "/pages/territory/territory?id=" + item.id
+ });
+ } else if (item.id == 5) {
+ uni.navigateTo({
+ url: "/pages/TcmSystem/TcmSystem?id=" + item.id
+ });
+ }
+ },
+
+ // 鎵嬫満鍙�/鎴栬�呴偖绠�
+ validateContact(rule, value, callback) {
+ const regPhone = /^1[0-9]{10}$/;
+ const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+ if (regPhone.test(value) || regEmail.test(value)) {
+ callback(); // 鏍￠獙閫氳繃
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑鎵嬫満鍙�")); // 鏍￠獙澶辫触
+ }
+ },
+ getElementWidth() {
+ this.$nextTick(() => {
+ var width = this.$refs.Rtop.$el.clientWidth;
+ this.Rtop1 = width + 50;
+ });
+ },
+ // 蹇樿瀵嗙爜
+ Login2(formName) {
+ let Obj = {
+ communicateParam: this.resetDataPass.cellphoneORmailbox, //鎵嬫満鎴栭偖绠�
+ verifyCode: this.resetDataPass.verifyCode, //楠岃瘉鐮�
+ newPassword: encryptAES(this.resetDataPass.newPass) //鏂板瘑鐮�
+ };
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ getRestPassword(Obj).then((res) => {
+ if (res.success) {
+ this.$message({
+ message: "瀵嗙爜閲嶇疆鎴愬姛",
+ type: "success"
+ });
+ uni.navigateTo({
+ url: "/pages/Login/Login"
+ });
+ } else {
+ Message.error(res.errorText || "");
+ }
+ });
+ } else {
+ console.log("error submit!!澶辫触");
+ return false;
+ }
+ });
+ }
+ }
+};
</script>
<style scoped>
- /*
+/*
鍦ㄥ睆骞曞搴﹁秴杩� 1440px 鏃剁殑鏍峰紡璁剧疆 */
- /* @media screen and (min-width: 1441px) {
+/* @media screen and (min-width: 1441px) {
::v-deep .el-card {
top: 60% !important;
}
@@ -303,400 +376,375 @@
}
}
*/
- @media screen and (min-width:2560px)and (max-width:3840px) {
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+@media screen and (min-width: 2560px) and (max-width: 3840px) {
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- ::v-deep .el-card {
- top: 90% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card {
+ top: 90% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- font-size: .14rem;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ font-size: 0.14rem;
+ }
- ::v-deep .el-form-item__label {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- margin-right: .2rem !important;
- width: .7rem;
- }
+ .hua {
+ height: 4rem !important;
+ }
- .hua {
- height: 4rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.4rem !important;
+ }
- .LoginTop {
- margin-bottom: .4rem !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ }
- .rrr {
- width: 2rem !important;
- }
+ .btn {
+ margin-bottom: 0.1rem !important;
+ }
- .btn {
- margin-bottom: .1rem !important;
- }
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ font-size: 0.2rem !important;
+ width: 100%;
+ padding: 0.12rem !important;
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- font-size: 0.2rem !important;
- width: 100%;
- padding: 0.12rem !important;
+ span {
+ font-weight: bold !important;
+ }
+ }
- span {
- font-weight: bold !important;
- }
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+ ::v-deep .el-card {
+ top: 80% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card {
- top: 80% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- }
+ .hua {
+ height: 5rem !important;
+ }
- .hua {
- height: 5rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.25rem !important;
+ }
- .LoginTop {
- margin-bottom: .25rem !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
- .rrr {
- width: 2rem !important;
- height: 2.5rem !important;
- }
-
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
- }
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+}
- }
+@media screen and (min-width: 1920px) and (max-width: 2560px) {
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- @media screen and (min-width: 1920px) and (max-width:2560px) {
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+ ::v-deep .el-card {
+ top: 80% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card {
- top: 80% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- }
+ .hua {
+ height: 5rem !important;
+ }
- .hua {
- height: 5rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.25rem !important;
+ }
- .LoginTop {
- margin-bottom: .25rem !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
- .rrr {
- width: 2rem !important;
- height: 2.5rem !important;
- }
-
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
- }
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+}
- .LoginBg {
- width: 1.2rem;
- height: .37rem;
- background: url(@/static/image/閲嶇疆瀵嗙爜.png) no-repeat 0 0;
- background-size: 100% 100%;
+.LoginBg {
+ width: 1.2rem;
+ height: 0.37rem;
+ background: url(@/static/image/閲嶇疆瀵嗙爜.png) no-repeat 0 0;
+ background-size: 100%;
+}
- }
+::v-deep .el-card {
+ border-radius: 0;
+ width: 5.42rem;
+ /* height: 5.65rem; */
+ position: absolute;
+ top: 80%;
+}
+::v-deep .el-card__body {
+ padding: 0.26rem 0.58rem;
+}
- ::v-deep .el-card {
- border-radius: 0;
- width: 5.42rem;
- /* height: 5.65rem; */
- position: absolute;
- top: 80%;
- }
+.btn >>> .el-form-item__content {
+ margin-left: 0 !important;
+}
- ::v-deep .el-card__body {
- padding: .26rem .58rem;
- }
+::v-deep .el-form-item__content {
+ margin-left: 0 !important;
+ flex: 1;
+}
- .btn>>>.el-form-item__content {
- margin-left: 0 !important;
+::v-deep .el-input__inner {
+ border: none;
+ border-bottom: 1px solid #2d476a;
+ border-radius: 0;
+ padding: 0;
+ height: 0.4rem;
+ line-height: 0.4rem;
+}
- }
+::v-deep .el-form-item__error {
+ /* display: none; */
+}
- ::v-deep .el-form-item__content {
- margin-left: 0 !important;
- flex: 1;
- }
+::v-deep .input.invalid:focus {
+ border-color: #2d476a !important;
+}
- ::v-deep .el-input__inner {
- border: none;
- border-bottom: 1px solid #2d476a;
- border-radius: 0;
- padding: 0;
- height: .4rem;
- line-height: .4rem;
- }
+::v-deep .el-input__inner:invalid {
+ border-color: #2d476a !important;
+}
- ::v-deep .el-form-item__error {
- /* display: none; */
- }
+::v-deep .el-form-item__label {
+ width: 0.8rem;
+ padding: 0;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+ margin-right: 0.1rem;
+}
- ::v-deep .input.invalid:focus {
- border-color: #2d476a !important;
- }
+::v-deep .el-form-item {
+ margin-bottom: 0.22rem;
+ display: flex;
+}
- ::v-deep .el-input__inner:invalid {
- border-color: #2d476a !important;
- }
+.ss1 {
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ width: 40rpx;
+ height: 40rpx;
+ background-size: 100% 100%;
+}
+.s1 {
+ background-image: url(@/static/image/search.png);
+}
- ::v-deep .el-form-item__label {
- min-width: .6rem;
- padding: 0;
- color: #244A7B;
- font-size: .14rem;
- font-weight: 500;
- margin-right: .29rem;
- }
+.s2 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item {
- margin-bottom: .22rem;
- display: flex;
- }
+.s3 {
+ background-image: url(@/static/image/question.png);
+}
- .ss1 {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 40rpx;
- height: 40rpx;
- background-size: 100% 100%;
- }
+.container {
+ background: url(@/static/image/bg1.png);
+ width: 100vw;
+ height: 100vh;
- .s1 {
- background-image: url(@/static/image/search.png);
+ color: #fff;
+}
+.container .repository {
+ width: 100% !important;
+ /* margin-top: 19px; */
+ /* height: 68%; */
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+}
+.container .repository .Ttop {
+ margin-top: 0.38rem;
+ margin-bottom: 1.22rem;
+}
- }
+.container .repository .r-top {
+ font-size: 40rpx !important;
+ margin: 10rpx 0;
+}
- .s2 {
- background-image: url(@/static/image/question.png);
- }
+.login {
+ width: 0.52rem;
+ height: 0.52rem;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.19rem;
+ background: url(@/static/image/logo.png) no-repeat 0 0;
+ background-size: 100% 100%;
+}
- .s3 {
- background-image: url(@/static/image/question.png);
- }
+.rrr {
+ position: absolute;
+ right: 0.53rem;
+ bottom: 0.36rem;
+ width: 2.5rem;
+ height: 3.07rem;
+ opacity: 1;
+ background: url(@/static/image/bg4.png);
+ background-size: 100% 100%;
+}
- .container {
- background: url(@/static/image/bg1.png);
- width: 100vw;
- height: 100vh;
+.hua {
+ width: 13.81rem;
+ height: 5.965rem;
+ position: absolute;
+ background: url(@/static/image/bg3.png) no-repeat 0 0;
+ background-size: 100% 100%;
+}
- color: #fff;
+/* 搴曢儴浜虹墿鑳屾櫙鍥� */
+.fff {
+ background: url(@/static/image/bg2.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ width: 2.74rem;
+ height: 4.52rem;
+ position: fixed;
+ bottom: 0;
+ z-index: 9999999999999;
+ left: 0;
+}
- .repository {
- width: 100% !important;
- /* margin-top: 19px; */
- /* height: 68%; */
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
+::v-deep .uni-easyinput__content {
+ border-radius: 30rpx !important;
+ /* height: 52rpx; */
+}
- .Ttop {
- margin-top: .38rem;
- margin-bottom: 1.22rem;
- }
+.secretary {
+ width: 1300rpx !important;
+ height: 50rpx;
+ /* height: 80%; */
+ /* flex-wrap: wrap; */
+ padding: 0 20px;
+ text-align: center;
+}
+.secretary li {
+ background-color: #fff;
+ color: black;
+ height: 600rpx;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ align-items: center;
+ border: 1rpx solid #fff;
+ padding: 50rpx 65rpx;
+ /* padding: 58rpx 128rpx 88rpx; */
+ text-align: center;
+ background: #ebf4ff;
+}
- .r-top {
- font-size: 40rpx !important;
- margin: 10rpx 0;
- }
- }
-
- }
-
- .login {
- width: .52rem;
- height: .52rem;
- display: inline-block;
- vertical-align: middle;
- margin-right: .19rem;
- background: url(@/static/image/logo.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
-
- .rrr {
- position: absolute;
- right: .53rem;
- bottom: .36rem;
- width: 2.5rem;
- height: 3.07rem;
- opacity: 1;
- background: url(@/static/image/bg4.png);
- background-size: 100% 100%;
- }
-
- .hua {
- width: 13.81rem;
- height: 5.965rem;
- position: absolute;
- background: url(@/static/image/bg3.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
-
- /* 搴曢儴浜虹墿鑳屾櫙鍥� */
- .fff {
- background: url(@/static/image/bg2.png) no-repeat 0 0;
- background-size: 100% 100%;
- width: 2.74rem;
- height: 4.52rem;
- position: fixed;
- bottom: 0;
- z-index: 9999999999999;
- left: 0;
- }
-
- ::v-deep .uni-easyinput__content {
- border-radius: 30rpx !important;
- /* height: 52rpx; */
- }
-
-
- .secretary {
- width: 1300rpx !important;
- height: 50rpx;
- /* height: 80%; */
- /* flex-wrap: wrap; */
- padding: 0 20px;
- text-align: center;
-
-
-
-
- li {
- background-color: #fff;
- color: black;
- height: 600rpx;
- display: flex;
- justify-content: space-between;
- flex-direction: column;
- align-items: center;
- border: 1rpx solid #fff;
- padding: 50rpx 65rpx;
- /* padding: 58rpx 128rpx 88rpx; */
- text-align: center;
- background: #EBF4FF;
- }
- }
-
-
-
- .Bbottom {
- display: flex;
- justify-content: center;
-
- }
-</style>
\ No newline at end of file
+.Bbottom {
+ display: flex;
+ justify-content: center;
+}
+</style>
--
Gitblit v1.9.1