From 5adb70f8f046e2de37c4984a454503c5daaf08b3 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 17 五月 2024 22:26:20 +0800
Subject: [PATCH] 1
---
src/pages/changePassword/changePassword.vue | 1017 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 527 insertions(+), 490 deletions(-)
diff --git a/src/pages/changePassword/changePassword.vue b/src/pages/changePassword/changePassword.vue
index 99499cd..f09b69d 100644
--- a/src/pages/changePassword/changePassword.vue
+++ b/src/pages/changePassword/changePassword.vue
@@ -1,267 +1,326 @@
<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="amendDataPass">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="amendDataPass.loginID"></el-input>
- </el-form-item>
- <el-form-item label="鍘熷瘑鐮�" prop="rawPass">
- <el-input type="password" v-model="amendDataPass.rawPass"></el-input>
- </el-form-item>
- <el-form-item label="鏂板瘑鐮�" prop="newPass">
- <el-input type="password" v-model="amendDataPass.newPass"></el-input>
- </el-form-item>
- <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
- <el-input type="password" v-model="amendDataPass.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 class=""></view>
+ <view class="" 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 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: 0.14rem;
+ color: #244a7b;
+ font-weight: normal;
+ "
+ >
+ 杩斿洖
+ </view>
+ </view>
+ <el-form
+ :label-width="160"
+ :hide-required-asterisk="true"
+ ref="formLogin2"
+ label-position="right"
+ :rules="rules"
+ :model="amendDataPass"
+ >
+ <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
+ <el-input v-model="amendDataPass.loginID"></el-input>
+ </el-form-item>
+ <el-form-item label="鍘熷瘑鐮�" prop="rawPass">
+ <el-input
+ type="password"
+ v-model="amendDataPass.rawPass"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鏂板瘑鐮�" prop="newPass">
+ <el-input
+ type="password"
+ v-model="amendDataPass.newPass"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="纭鏂板瘑鐮�" prop="checkPass">
+ <el-input
+ type="password"
+ v-model="amendDataPass.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 {
- getchangePassword
- } from '@/api/index.js'
- import {
- encryptAES
- } from '@/utils/Crypto.js'
- import {
- nextTick
- } from "vue";
- 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.amendDataPass.checkPass !== '') {
- this.$refs.formLogin2.validateField('checkPass');
- }
- callback();
- }
- };
- // 纭
- var validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.amendDataPass.newPass) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- }],
- rawPass: [{
- required: true,
- message: '璇疯緭鍏ュ師濮嬪瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 5,
- max: 12,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- }
- ],
- newPass: [{
- 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'
- }
- ]
- },
- // 鐧诲綍娉ㄥ唽妗�
- loginTrue: true,
- Rtop1: 0,
- value: 'sdfdsf',
- // 淇敼瀵嗙爜
- amendDataPass: {
- loginID: this.$store.state.username,
- rawPass: "",
- newPass: "",
- checkPass: ""
- },
- // 涔︾睄鏁版嵁
- 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: {
- // 杩斿洖鐧诲綍
- BacktoLogin() {
- // uni.redirectTo({
- // url: '/pages/Login/Login'
- // })
- uni.navigateBack();
- },
- getElementWidth() {
- this.$nextTick(() => {
- var width = this.$refs.Rtop.$el.clientWidth;
- this.Rtop1 = width + 50;
- console.log('Element width:', width);
- })
- },
- // 蹇樿瀵嗙爜
- async Login2(formName) {
- let Obj = {
- username: this.amendDataPass.loginID,
- password: encryptAES(this.amendDataPass.rawPass) ,
- newPassword:encryptAES(this.amendDataPass.newPass),
- }
- console.log(Obj);
- this.$refs[formName].validate(async (valid) => {
- if (valid) {
- // alert('submit!鎴愬姛');
- await getchangePassword(Obj).then(res=>{
- // console.log(res,'淇敼瀵嗙爜鎴愬姛');
- if(res.success==true){
- uni.showToast({
- title: res.object,
- icon: 'none'
- });
- uni.navigateBack();
- console.log('淇敼鎴愬姛',res);
- }else{
- uni.showToast({
- title: res.errorText,
- icon: 'none'
- });
- }
- })
- // uni.redirectTo({ encryptAES
- // url: '/pages/Login/Login'
- // })
- } else {
- console.log('error submit!!澶辫触');
- return false;
- }
- });
- }
- }
- }
+import { getchangePassword } from "@/api/index.js";
+import { encryptAES } from "@/utils/Crypto.js";
+import { nextTick } from "vue";
+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.amendDataPass.checkPass !== "") {
+ this.$refs.formLogin2.validateField("checkPass");
+ }
+ callback();
+ }
+ };
+ // 纭
+ var validatePass2 = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.amendDataPass.newPass) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ return {
+ // 鐢ㄦ埛娉ㄥ唽
+ isRegister: false,
+ // 鐢ㄦ埛鐧诲綍
+ isLogin: true,
+ // 淇敼瀵嗙爜
+ isAmendPass: false,
+ // 閲嶇疆瀵嗙爜
+ isResetPass: false,
+ // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
+ rules: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ rawPass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ師濮嬪瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 5,
+ max: 12,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ }
+ ],
+ newPass: [
+ {
+ 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"
+ }
+ ]
+ },
+ // 鐧诲綍娉ㄥ唽妗�
+ loginTrue: true,
+ Rtop1: 0,
+ value: "sdfdsf",
+ // 淇敼瀵嗙爜
+ amendDataPass: {
+ loginID: this.$store.state.username,
+ rawPass: "",
+ newPass: "",
+ checkPass: ""
+ },
+ // 涔︾睄鏁版嵁
+ 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: {
+ // 杩斿洖鐧诲綍
+ BacktoLogin() {
+ // uni.redirectTo({
+ // url: '/pages/Login/Login'
+ // })
+ uni.navigateBack();
+ },
+ getElementWidth() {
+ this.$nextTick(() => {
+ var width = this.$refs.Rtop.$el.clientWidth;
+ this.Rtop1 = width + 50;
+ console.log("Element width:", width);
+ });
+ },
+ // 蹇樿瀵嗙爜
+ async Login2(formName) {
+ let Obj = {
+ username: this.amendDataPass.loginID,
+ password: encryptAES(this.amendDataPass.rawPass),
+ newPassword: encryptAES(this.amendDataPass.newPass)
+ };
+ console.log(Obj);
+ this.$refs[formName].validate(async (valid) => {
+ if (valid) {
+ // alert('submit!鎴愬姛');
+ await getchangePassword(Obj).then((res) => {
+ // console.log(res,'淇敼瀵嗙爜鎴愬姛');
+ if (res.success == true) {
+ uni.showToast({
+ title: res.object,
+ icon: "none"
+ });
+ uni.navigateBack();
+ console.log("淇敼鎴愬姛", res);
+ } else {
+ uni.showToast({
+ title: res.errorText,
+ icon: "none"
+ });
+ }
+ });
+ // uni.redirectTo({ encryptAES
+ // url: '/pages/Login/Login'
+ // })
+ } 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;
}
@@ -289,279 +348,257 @@
}
}
*/
- @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 {
+ 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%;
+}
- .LoginBg {
- width: 1.2rem;
- height: .37rem;
- background: url(@/static/image/淇敼瀵嗙爜.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
+::v-deep .el-card__body {
+ padding: 0.26rem 0.58rem;
+}
+.btn >>> .el-form-item__content {
+ margin-left: 0 !important;
+}
- ::v-deep .el-card {
- border-radius: 0;
- width: 5.42rem;
- /* height: 5.65rem; */
- position: absolute;
- top: 80%;
- }
+::v-deep .el-form-item__content {
+ margin-left: 0 !important;
+ flex: 1;
+ overflow: hidden;
+}
- ::v-deep .el-card__body {
- padding: .26rem .58rem;
- }
+::v-deep .el-input__inner {
+ border: none;
+ border-bottom: 1px solid #2d476a;
+ border-radius: 0;
+ padding: 0;
+ height: 0.4rem;
+ line-height: 0.4rem;
+}
- .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-form-item__content {
- margin-left: 0 !important;
- flex: 1;
- }
+::v-deep .el-input__inner:invalid {
+ 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-form-item__label {
+ width: 88px;
+ color: #244a7b;
+ font-size: 0.14rem;
+
+}
- ::v-deep .el-form-item__error {
- /* display: none; */
- }
+::v-deep .el-form-item {
+ margin-bottom: 0.22rem;
+ display: flex;
+}
- ::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 {
- min-width: .6rem;
- padding: 0;
- color: #244A7B;
- font-size: .14rem;
- font-weight: 500;
- margin-right: .29rem;
- }
+.s3 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item {
- margin-bottom: .22rem;
- display: flex;
- }
+.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%;
- }
-
- .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