From 0edf94722a0dcc338567fec7df76b2e0acd39b92 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期一, 27 五月 2024 15:30:48 +0800
Subject: [PATCH] 调整
---
src/pages/Login/Login.vue | 1113 +++++++++++++++++++++++++++++----------------------------
1 files changed, 567 insertions(+), 546 deletions(-)
diff --git a/src/pages/Login/Login.vue b/src/pages/Login/Login.vue
index c874ce4..10ae216 100644
--- a/src/pages/Login/Login.vue
+++ b/src/pages/Login/Login.vue
@@ -1,331 +1,367 @@
<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>
- <!-- 鐢ㄦ埛鐧诲綍 v-if="isLogin"-->
- <view class="LoginTop"
- style="display: flex; justify-content: space-between;margin-bottom: .47rem;align-items: center;">
- <!-- <view style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛鐧诲綍</view> -->
- <view class="LoginBg"></view>
- <view class=""> </view>
- </view>
-
- <el-form :hide-required-asterisk="true" ref="formLogin1" label-position="top" :rules="rules1"
- :model="loginData">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="loginData.loginID"></el-input>
- </el-form-item>
- <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
- <el-input type="password" v-model="loginData.pass"></el-input>
- </el-form-item>
- <el-form-item class="btn">
- <el-button class="font-family"
- style="margin-top: .47rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
- size="medium" @click="Login('formLogin1')">鐧诲綍</el-button>
- </el-form-item>
- <view class="" style="display: flex;font-size: .14rem;color: #244A7B;">
- <view class="" style="display: inline-block;cursor: pointer;" @click="forgetPass">蹇樿瀵嗙爜
- </view>
- <view class="" style="display: inline-block;margin: 0 20rpx;"> | </view>
- <view class="" style="display: inline-block;cursor: pointer;" @click="quickRegister">蹇�熸敞鍐�
- </view>
- </view>
- </el-form>
- </el-card>
- </view>
- <view class="hua"></view>
- <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
- <view class="fff"></view>
- <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
- <view class="rrr"></view>
+ <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>
+ <!-- 鐢ㄦ埛鐧诲綍 v-if="isLogin"-->
+ <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 > </view>
+ </view>
- <Footer1 />
- </view>
+ <el-form
+ :hide-required-asterisk="true"
+ ref="formLogin1"
+ label-position="top"
+ :rules="rules1"
+ :model="loginData"
+ >
+ <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
+ <el-input v-model="loginData.loginID"></el-input>
+ </el-form-item>
+ <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
+ <el-input type="password" v-model="loginData.pass"></el-input>
+ </el-form-item>
+ <el-form-item class="btn">
+ <el-button
+ class="font-family"
+ style="
+ margin-top: 0.47rem;
+ font-weight: 900;
+ font-size: 0.3rem;
+ width: 100%;
+ background-color: #244a7b;
+ color: #fff;
+ padding: 0.16rem;
+ "
+ size="medium"
+ @click="Login('formLogin1')"
+ >鐧诲綍</el-button
+ >
+ </el-form-item>
+ <view
+
+ style="display: flex; font-size: 0.14rem; color: #244a7b"
+ >
+ <view
+
+ style="display: inline-block; cursor: pointer"
+ @click="forgetPass"
+ >蹇樿瀵嗙爜
+ </view>
+ <view style="display: inline-block; margin: 0 20rpx">
+ |
+ </view>
+ <view
+
+ style="display: inline-block; cursor: pointer"
+ @click="quickRegister"
+ >蹇�熸敞鍐�
+ </view>
+ </view>
+ </el-form>
+ </el-card>
+ </view>
+ <view class="hua"></view>
+ <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
+ <view class="fff"></view>
+ <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
+ <view class="rrr"></view>
+
+ <Footer1 />
+ </view>
</template>
<script>
- import {
- encryptAES,decryptAES
- } from '@/utils/Crypto.js'
- import {
- nextTick
- } from "vue";
- import {
- getLogin,
- getUserInfo
- } from '@/api/index.js'
- import Footer1 from '@/components/footer/footer.vue'
- export default {
- components: {
- Footer1
- },
- data() {
- // 瀵嗙爜
- var validatePass = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇疯緭鍏ュ瘑鐮�'));
- } else {
- if (this.registerData.checkPass !== '') {
- this.$nextTick(() => {
- this.$refs.formLogin.validateField('checkPass');
- });
- }
- callback();
- }
- };
- // 纭瀵嗙爜
- var validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.registerData.pass) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- },
-
- ],
- pass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 12,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- },
- {
- validator: validatePass,
- trigger: 'blur'
- }
- ],
- checkPass: [{
- validator: validatePass2,
- trigger: 'blur'
- }],
- cellphoneORmailbox: [{
- required: true,
- message: '璇疯緭鍏ラ偖绠卞湴鍧�',
- trigger: 'blur'
- },
- {
- type: 'email',
- message: '璇疯緭鍏ユ纭殑閭鍦板潃',
- trigger: ['blur', 'change']
- }
- ],
- verifyCode: [{
- required: true,
- message: '璇疯緭鍏ラ獙璇佺爜',
- trigger: 'blur'
- },
- {
- validator: (rule, value, callback) => this.validateVerificationCode(rule, value, callback),
- trigger: 'blur'
- }
- ]
- },
- rules1: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- }],
- pass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 12,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- }
- ],
- },
+import { encryptAES, decryptAES } from "@/utils/Crypto.js";
+import { nextTick } from "vue";
+import { getLogin, getUserInfo } from "@/api/index.js";
+import Footer1 from "@/components/footer/footer.vue";
+export default {
+ components: {
+ Footer1
+ },
+ data() {
+ // 瀵嗙爜
+ var validatePass = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+ } else {
+ if (this.registerData.checkPass !== "") {
+ this.$nextTick(() => {
+ this.$refs.formLogin.validateField("checkPass");
+ });
+ }
+ callback();
+ }
+ };
+ // 纭瀵嗙爜
+ var validatePass2 = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.registerData.pass) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ return {
+ // 鐢ㄦ埛娉ㄥ唽
+ isRegister: false,
+ // 鐢ㄦ埛鐧诲綍
+ isLogin: true,
+ // 淇敼瀵嗙爜
+ isAmendPass: false,
+ // 閲嶇疆瀵嗙爜
+ isResetPass: false,
+ // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
+ rules: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ pass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 12,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ validator: validatePass,
+ trigger: "blur"
+ }
+ ],
+ checkPass: [
+ {
+ validator: validatePass2,
+ trigger: "blur"
+ }
+ ],
+ cellphoneORmailbox: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ偖绠卞湴鍧�",
+ trigger: "blur"
+ },
+ {
+ type: "email",
+ message: "璇疯緭鍏ユ纭殑閭鍦板潃",
+ trigger: ["blur", "change"]
+ }
+ ],
+ verifyCode: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ獙璇佺爜",
+ trigger: "blur"
+ },
+ {
+ validator: (rule, value, callback) =>
+ this.validateVerificationCode(rule, value, callback),
+ trigger: "blur"
+ }
+ ]
+ },
+ rules1: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ pass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 12,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ }
+ ]
+ },
- // 鐧诲綍娉ㄥ唽妗�
- loginTrue: true,
- Rtop1: 0,
- value: 'sdfdsf',
- // 鐧诲綍鐢ㄦ埛璐﹀彿
- loginData: {
- // 璐﹀彿
- loginID: '',
- pass: ''
- },
- // 涔︾睄鏁版嵁
- listData: [{
- name: '涓尰浜虹墿鏁版嵁搴�',
- id: 1,
- }, {
- name: '涓栧尰鍖诲鏁版嵁搴�',
- id: 2,
- }, {
- name: '涓尰瀛︽湳娴佹淳',
- id: 3,
- }, {
- name: '涓尰鍦板煙鍖昏氨',
- id: 4,
- }, {
- name: '涓尰鍖讳簨鍒跺害',
- id: 5,
- },
-
- ]
- }
- },
- onLoad() {
- uni.getSystemInfo({
- success: function(info) {
- // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
- // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
- }
- });
- },
- mounted() {
- this.getElementWidth();
- },
- methods: {
- // 鍒楄〃椤硅烦杞�
- 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/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
- })
- }
-
- },
- // 蹇樿瀵嗙爜
- forgetPass() {
- uni.redirectTo({
- url: '/pages/forgetPass/forgetPass'
- })
- },
- // 蹇�熸敞鍐�
- quickRegister() {
- uni.redirectTo({
- url: '/pages/Register/Register'
- })
- },
- // 楠岃瘉鐮佹牎楠�
- validateVerificationCode(rule, value, callback) {
- if (value !== '123456') {
- callback(new Error('楠岃瘉鐮侀敊璇�'));
- } else {
- callback();
- }
- },
- getElementWidth() {
-
- this.$nextTick(() => {
- var width = this.$refs.Rtop.$el.clientWidth;
- this.Rtop1 = width + 50;
- console.log('Element width:', width);
- })
- },
- // 鐢ㄦ埛鐧诲綍
- async Login(formName) {
- console.log(decryptAES(this.loginData.pass),'this.loginData.pass');
- let Obj = {
- username: this.loginData.loginID,
- // encryptAES(this.loginData.pass) | this.loginData.pass
- password: encryptAES(this.loginData.pass),
- }
- console.log(Obj, 'Obj');
-
- let res = await getLogin(Obj)
- console.log(res, 'sfdsf');
- if (res.success) {
- uni.showToast({
- title: '鐧诲綍鎴愬姛',
- })
- // 灏唗oken瀛樺偍鍐嶆湰鍦颁腑
- window.localStorage.setItem("access_token", res.results.token)
- await getUserInfo().then(res => {
- console.log(res, 'rrrrrrrrrrsd');
- })
- // 灏嗚处鍙峰瓨鍏ュ埌vuex涓�
- this.$store.dispatch('setUserName',res.object.username)
-
- uni.redirectTo({
- url: '/pages/index/index'
- })
- } else {
- console.log('sdfdsfsdf');
- uni.showToast({
- title: res.errorText,
- icon: 'error'
- })
- // alert("sdfdsf")
- this.loginData.pass = ''
- }
- this.$refs[formName].validate(async (valid) => {
- if (valid) {
- // alert('submit!鎴愬姛');
- // uni.redirectTo({
- // url: '/pages/index/index'
- // })
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- }
- }
- }
+ // 鐧诲綍娉ㄥ唽妗�
+ loginTrue: true,
+ Rtop1: 0,
+ value: "sdfdsf",
+ // 鐧诲綍鐢ㄦ埛璐﹀彿
+ loginData: {
+ // 璐﹀彿
+ loginID: "",
+ pass: ""
+ },
+ // 涔︾睄鏁版嵁
+ listData: [
+ {
+ name: "涓尰浜虹墿鏁版嵁搴�",
+ id: 1
+ },
+ {
+ name: "涓栧尰鍖诲鏁版嵁搴�",
+ id: 2
+ },
+ {
+ name: "涓尰瀛︽湳娴佹淳",
+ id: 3
+ },
+ {
+ name: "涓尰鍦板煙鍖昏氨",
+ id: 4
+ },
+ {
+ name: "涓尰鍖讳簨鍒跺害",
+ id: 5
+ }
+ ]
+ };
+ },
+ onLoad() {
+ uni.getSystemInfo({
+ success: function (info) {
+ // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
+ // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
+ }
+ });
+ },
+ mounted() {
+ this.getElementWidth();
+ },
+ methods: {
+ // 鍒楄〃椤硅烦杞�
+ 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
+ });
+ }
+ },
+ // 蹇樿瀵嗙爜
+ forgetPass() {
+ uni.redirectTo({
+ url: "/pages/forgetPass/forgetPass"
+ });
+ },
+ // 蹇�熸敞鍐�
+ quickRegister() {
+ uni.redirectTo({
+ url: "/pages/Register/Register"
+ });
+ },
+ // 楠岃瘉鐮佹牎楠�
+ validateVerificationCode(rule, value, callback) {
+ if (value !== "123456") {
+ callback(new Error("楠岃瘉鐮侀敊璇�"));
+ } else {
+ callback();
+ }
+ },
+ getElementWidth() {
+ this.$nextTick(() => {
+ var width = this.$refs.Rtop.$el.clientWidth;
+ this.Rtop1 = width + 50;
+ });
+ },
+ // 鐢ㄦ埛鐧诲綍
+ async Login(formName) {
+ let Obj = {
+ username: this.loginData.loginID,
+ // encryptAES(this.loginData.pass) | this.loginData.pass
+ password: encryptAES(this.loginData.pass)
+ };
+ let res = await getLogin(Obj);
+ if (res.success) {
+ this.$message.success("鐧诲綍鎴愬姛");
+ // 灏唗oken瀛樺偍鍐嶆湰鍦颁腑
+ window.localStorage.setItem("access_token", res.results.token);
+ // await getUserInfo().then((res) => {
+ // });
+ // 灏嗚处鍙峰瓨鍏ュ埌vuex涓�
+ this.$store.dispatch("setUserName", res.object.username);
+ uni.redirectTo({
+ url: "/pages/index/index"
+ });
+ } else {
+ this.$message.error(res.errorText);
+ this.loginData.pass = "";
+ }
+ this.$refs[formName].validate(async (valid) => {
+ if (valid) {
+ // alert('submit!鎴愬姛');
+ // uni.redirectTo({
+ // url: '/pages/index/index'
+ // })
+ } else {
+ console.log("error submit!!澶辫触");
+ return false;
+ }
+ });
+ }
+ }
+};
</script>
<style scoped>
- /* @media screen and (max-width:1366px) {
+/* @media screen and (max-width:1366px) {
::v-deep .el-card {
top: 50% !important;
}
@@ -377,11 +413,11 @@
}
} */
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+}
- /*
+/*
@media screen and (min-width: 1920px) and (max-width:2560px) {
::v-deep .el-card {
top: 80% !important;
@@ -430,7 +466,7 @@
}
} */
- /* @media screen and (min-width:2560px)and (max-width:3840px) {
+/* @media screen and (min-width:2560px)and (max-width:3840px) {
.LoginBg {
margin: 0 !important;
}
@@ -506,270 +542,255 @@
} */
+.LoginBg {
+ width: 1.2rem;
+ height: 0.37rem;
+ background: url(@/static/image/鐢ㄦ埛鐧诲綍.png) no-repeat 0 0;
+ background-size: 100%;
+ margin-bottom: 0.47rem;
+}
- .LoginBg {
- width: 1.2rem;
- height: .37rem;
- background: url(@/static/image/鐢ㄦ埛鐧诲綍.png) no-repeat 0 0;
- background-size: 100%;
- margin-bottom: .47rem;
- }
+::v-deep .el-card {
+ border-radius: 0;
+ width: 5.42rem;
+ /* height: 4.75rem; */
+ position: absolute;
+ top: 80%;
+}
+::v-deep .el-card__body {
+ padding: 0.17rem 0.58rem;
+}
- ::v-deep .el-card {
- border-radius: 0;
- width: 5.42rem;
- /* height: 4.75rem; */
- position: absolute;
- top: 80%;
- }
+.btn >>> .el-form-item__content {
+ margin-left: 0 !important;
+}
- ::v-deep .el-card__body {
- padding: .17rem .58rem;
- }
+::v-deep .el-input__inner {
+ border: none;
+ border-bottom: 1px solid #2d476a;
+ border-radius: 0;
+}
- .btn>>>.el-form-item__content {
- margin-left: 0 !important;
- }
+::v-deep .el-form-item__error {
+ /* display: none; */
+}
+::v-deep .input.invalid:focus {
+ border-color: #2d476a !important;
+}
- ::v-deep .el-input__inner {
- border: none;
- border-bottom: 1px solid #2d476a;
- border-radius: 0;
+::v-deep .el-input__inner:invalid {
+ border-color: #2d476a !important;
+}
- }
+::v-deep .el-form-item__label {
+ padding: 0;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+}
- ::v-deep .el-form-item__error {
- /* display: none; */
- }
+::v-deep .el-form-item {
+ margin-bottom: 0.25rem;
+}
- ::v-deep .input.invalid:focus {
- border-color: #2d476a !important;
- }
+.ss1 {
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ width: 40rpx;
+ height: 40rpx;
+ background-size: 100% 100%;
+}
- ::v-deep .el-input__inner:invalid {
- border-color: #2d476a !important;
- }
+.s1 {
+ background-image: url(@/static/image/search.png);
+}
+.s2 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item__label {
- padding: 0;
- color: #244A7B;
- font-size: .14rem;
- font-weight: 500;
- }
+.s3 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item {
- margin-bottom: .25rem;
- }
+.container {
+ background: url(@/static/image/bg1.png);
+ width: 100vw;
+ height: 100vh;
- .ss1 {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 40rpx;
- height: 40rpx;
- background-size: 100% 100%;
- }
+ color: #fff;
- .s1 {
- background-image: url(@/static/image/search.png);
+ .repository {
+ width: 100% !important;
+ /* margin-top: 19px; */
+ /* height: 68%; */
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
- }
+ .Ttop {
+ margin-top: 0.38rem;
+ margin-bottom: 1.22rem;
+ }
- .s2 {
- background-image: url(@/static/image/question.png);
- }
+ .r-top {
+ font-size: 40rpx !important;
+ margin: 10rpx 0;
+ }
+ }
+}
- .s3 {
- 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%;
+}
- .container {
- background: url(@/static/image/bg1.png);
- width: 100vw;
- height: 100vh;
+.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%;
+}
- color: #fff;
+.hua {
+ width: 13.81rem;
+ height: 5.965rem;
+ position: absolute;
+ background: url(@/static/image/bg3.png) no-repeat 0 0;
+ background-size: 100% 100%;
+}
- .repository {
- width: 100% !important;
- /* margin-top: 19px; */
- /* height: 68%; */
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
+/* 搴曢儴浜虹墿鑳屾櫙鍥� */
+.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;
+}
- .Ttop {
- margin-top: .38rem;
- margin-bottom: 1.22rem;
- }
+::v-deep .uni-easyinput__content {
+ border-radius: 30rpx !important;
+ /* height: 52rpx; */
+}
- .r-top {
- font-size: 40rpx !important;
- margin: 10rpx 0;
- }
- }
+.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;
+ }
+}
- .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%;
- }
+.Bbottom {
+ display: flex;
+ justify-content: center;
+}
- .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%;
- }
+.LoginBg {
+ margin: 0 !important;
+}
- .hua {
- width: 13.81rem;
- height: 5.965rem;
- position: absolute;
- background: url(@/static/image/bg3.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
+::v-deep .el-card {
+ top: 85% !important;
+}
- /* 搴曢儴浜虹墿鑳屾櫙鍥� */
- .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 .el-input__inner {
+ height: 0.4rem !important;
+ font-size: 0.14rem;
+}
- ::v-deep .uni-easyinput__content {
- border-radius: 30rpx !important;
- /* height: 52rpx; */
- }
+.hua {
+ height: 4rem !important;
+}
+.LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+}
- .secretary {
- width: 1300rpx !important;
- height: 50rpx;
- /* height: 80%; */
- /* flex-wrap: wrap; */
- padding: 0 20px;
- text-align: center;
+::v-deep .el-card {
+ top: 80% !important;
+ padding: 0 !important;
+}
+::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+}
+::v-deep .el-form {
+ padding-left: 0.1rem !important;
+}
+::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+}
- 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;
- }
- }
+::v-deep .el-input__inner {
+ height: 0.44rem !important;
+}
+.hua {
+ height: 5rem !important;
+}
+.LoginTop {
+ margin-bottom: 0.4rem !important;
+}
- .Bbottom {
- display: flex;
- justify-content: center;
+.yzm {
+ top: 15% !important;
+}
- }
+.fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+}
+.rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+}
- .LoginBg {
- margin: 0 !important;
- }
-
- ::v-deep .el-card {
- top: 85% !important;
- }
-
- ::v-deep .el-input__inner {
- height: .4rem !important;
- font-size: .14rem;
- }
-
- .hua {
- height: 4rem !important;
- }
-
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
-
- ::v-deep .el-card {
- top: 80% !important;
- padding: 0 !important;
- }
-
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
-
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
-
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
-
- ::v-deep .el-input__inner {
- height: .44rem !important;
- }
-
- .hua {
- height: 5rem !important;
- }
-
- .LoginTop {
- margin-bottom: .4rem !important;
- }
-
- .yzm {
- top: 15% !important;
- }
-
- .fff {
- width: 2.4rem !important;
- height: 4rem !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;
- }
-</style>
\ No newline at end of file
+.asdf {
+ margin-bottom: 0.1rem !important;
+}
+</style>
--
Gitblit v1.9.1