|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
- <div class="backgorundbox">
|
|
|
- <div class="loginbox">
|
|
|
- <div class="logintitle">{{ $t(`login.title`) }}</div>
|
|
|
- <!-- <div class="usrpwd" v-if="loginModel">
|
|
|
+ <div class="backgorundbox">
|
|
|
+ <div class="loginbox">
|
|
|
+ <div class="logintitle">{{ $t(`login.title`) }}</div>
|
|
|
+ <!-- <div class="usrpwd" v-if="loginModel">
|
|
|
<div class='userbox' style="margin-bottom:10%">
|
|
|
<el-input v-model="user" placeholder="醍摩豆ID/手机号码" prefix-icon="el-icon-user" />
|
|
|
</div>
|
|
|
@@ -15,10 +15,10 @@
|
|
|
<div class="ddlogin" @click="loginModel=false"><img src="../assets/img/ddlogin.png"></div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="usrpwd">
|
|
|
- <ddlogin></ddlogin>
|
|
|
- </div>
|
|
|
- <!-- <div class="cut" @click="loginModel = !loginModel">
|
|
|
+ <div class="usrpwd">
|
|
|
+ <ddlogin></ddlogin>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="cut" @click="loginModel = !loginModel">
|
|
|
<svg width="52" height="52" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" style="border-top-right-radius:10px">
|
|
|
<mask id="id-3757926926-a" width="52" height="52" x="0" y="0" maskUnits="userSpaceOnUse">
|
|
|
<path fill="#fff" d="M0 0l52 52V0H0z"></path>
|
|
|
@@ -35,12 +35,12 @@
|
|
|
</defs>
|
|
|
</svg>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- <!-- <div id="login_container" style="transform: scale(.8);">123456</div> -->
|
|
|
- <!--绑定弹窗-->
|
|
|
- <!-- <bind :callbackStatus=callbackStatus v-if="callbackStatus.state ===201" ref="comRef"></bind> -->
|
|
|
- <!--绑定弹窗end-->
|
|
|
</div>
|
|
|
+ <!-- <div id="login_container" style="transform: scale(.8);">123456</div> -->
|
|
|
+ <!--绑定弹窗-->
|
|
|
+ <!-- <bind :callbackStatus=callbackStatus v-if="callbackStatus.state ===201" ref="comRef"></bind> -->
|
|
|
+ <!--绑定弹窗end-->
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { ref, watch, onMounted, getCurrentInstance, toRef, reactive } from 'vue'
|
|
|
@@ -51,293 +51,293 @@ import { useRouter } from 'vue-router'
|
|
|
import { useStore } from 'vuex'
|
|
|
import jwt_decode from 'jwt-decode'
|
|
|
export default {
|
|
|
- components: {
|
|
|
- ddlogin,
|
|
|
- bind,
|
|
|
- },
|
|
|
- setup() {
|
|
|
- var types = navigator.language
|
|
|
- localStorage.setItem('language', JSON.stringify(types))
|
|
|
- let user = ref('')
|
|
|
- let pwd = ref('')
|
|
|
- let loginModel = ref(true)
|
|
|
- let loginImg = ref(require('../assets/img/erweima.png'))
|
|
|
- var userCode = ''
|
|
|
- let callbackStatus = ref({
|
|
|
- state: '',
|
|
|
- phoneNum: '',
|
|
|
- partitionKey: '',
|
|
|
- rowKey: '',
|
|
|
- country: '',
|
|
|
- name: '',
|
|
|
+ components: {
|
|
|
+ ddlogin,
|
|
|
+ bind,
|
|
|
+ },
|
|
|
+ setup () {
|
|
|
+ var types = navigator.language
|
|
|
+ localStorage.setItem('language', JSON.stringify(types))
|
|
|
+ let user = ref('')
|
|
|
+ let pwd = ref('')
|
|
|
+ let loginModel = ref(true)
|
|
|
+ let loginImg = ref(require('../assets/img/erweima.png'))
|
|
|
+ var userCode = ''
|
|
|
+ let callbackStatus = ref({
|
|
|
+ state: '',
|
|
|
+ phoneNum: '',
|
|
|
+ partitionKey: '',
|
|
|
+ rowKey: '',
|
|
|
+ country: '',
|
|
|
+ name: '',
|
|
|
+ })
|
|
|
+ let router = useRouter()
|
|
|
+ let { proxy } = getCurrentInstance()
|
|
|
+ const store = useStore()
|
|
|
+ console.log(store, 'VUEX')
|
|
|
+ let comRef = ref(null)
|
|
|
+ let loading = reactive({
|
|
|
+ lock: '',
|
|
|
+ text: '',
|
|
|
+ background: '',
|
|
|
+ })
|
|
|
+ let loadings = ref(true)
|
|
|
+ let msgText = ref('钉钉扫码登录')
|
|
|
+ onMounted(() => {
|
|
|
+ if (window.location.href.indexOf('?code') != -1) {
|
|
|
+ userCode = window.location.href.substring(window.location.href.indexOf('?') + 6, window.location.href.indexOf('&state'))
|
|
|
+ console.log(userCode)
|
|
|
+ editState(userCode)
|
|
|
+ }
|
|
|
+ localStorage.setItem('Host', JSON.stringify(window.location.host))
|
|
|
+ })
|
|
|
+ //处理登录icon变化
|
|
|
+ watch(loginModel, () => {
|
|
|
+ loginModel.value == true
|
|
|
+ ? ((loginImg.value = require('../assets/img/erweima.png')), (msgText.value = '钉钉账号登录'))
|
|
|
+ : ((loginImg.value = require('../assets/img/mima.png')), (msgText.value = '钉钉扫码登录'))
|
|
|
+ })
|
|
|
+ let { editState } = test(proxy)
|
|
|
+ function test (proxy) {
|
|
|
+ let editState = (res) => {
|
|
|
+ loading = ElLoading.service({
|
|
|
+ lock: true,
|
|
|
+ text: proxy.$t(`login.logining`),
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)',
|
|
|
})
|
|
|
- let router = useRouter()
|
|
|
- let { proxy } = getCurrentInstance()
|
|
|
- const store = useStore()
|
|
|
- console.log(store, 'VUEX')
|
|
|
- let comRef = ref(null)
|
|
|
- let loading = reactive({
|
|
|
- lock: '',
|
|
|
- text: '',
|
|
|
- background: '',
|
|
|
+ let datas = { code: res }
|
|
|
+ proxy.$api.Dinglogin(datas).then((res) => {
|
|
|
+ console.log(res, '接口访问成功')
|
|
|
+ callbackStatus.value.state = res.state
|
|
|
+ callbackStatus.value.partitionKey = res.ddUserInfos[0].partitionKey
|
|
|
+ callbackStatus.value.rowKey = res.ddUserInfos[0].rowKey
|
|
|
+ // res.state === 201
|
|
|
+ // ? (store.commit('BindStatus', true),
|
|
|
+ // loading.close(),
|
|
|
+ // (callbackStatus.value.country = res.ddUserInfos[0].stateCode),
|
|
|
+ // (callbackStatus.value.name = res.ddUserInfos[0].name),
|
|
|
+ // (callbackStatus.value.phoneNum = res.ddUserInfos[0].mobile))
|
|
|
+ // : res.state === 200
|
|
|
+ // ? (loading.close(), loginSuccess(res), ElMessage.success(proxy.$t(`login.loginSuccess`)))
|
|
|
+ // : (loading.close(), ElMessage.error(res.message))
|
|
|
+ res.state === 200 ? ElMessage.success(proxy.$t(`login.loginSuccess`), loginSuccess(res)) : res.state === 0 ? ElMessage.error(res.msg) : ElMessage.error('登录失败')
|
|
|
+ loading.close()
|
|
|
})
|
|
|
- let loadings = ref(true)
|
|
|
- let msgText = ref('钉钉扫码登录')
|
|
|
- onMounted(() => {
|
|
|
- if (window.location.href.indexOf('?code') != -1) {
|
|
|
- userCode = window.location.href.substring(window.location.href.indexOf('?') + 6, window.location.href.indexOf('&state'))
|
|
|
- console.log(userCode)
|
|
|
- editState(userCode)
|
|
|
- }
|
|
|
- localStorage.setItem('Host', JSON.stringify(window.location.host))
|
|
|
- })
|
|
|
- //处理登录icon变化
|
|
|
- watch(loginModel, () => {
|
|
|
- loginModel.value == true
|
|
|
- ? ((loginImg.value = require('../assets/img/erweima.png')), (msgText.value = '钉钉账号登录'))
|
|
|
- : ((loginImg.value = require('../assets/img/mima.png')), (msgText.value = '钉钉扫码登录'))
|
|
|
- })
|
|
|
- let { editState } = test(proxy)
|
|
|
- function test(proxy) {
|
|
|
- let editState = (res) => {
|
|
|
- loading = ElLoading.service({
|
|
|
- lock: true,
|
|
|
- text: proxy.$t(`login.logining`),
|
|
|
- background: 'rgba(0, 0, 0, 0.7)',
|
|
|
- })
|
|
|
- let datas = { code: res }
|
|
|
- proxy.$api.Dinglogin(datas).then((res) => {
|
|
|
- console.log(res, '接口访问成功')
|
|
|
- callbackStatus.value.state = res.state
|
|
|
- callbackStatus.value.partitionKey = res.ddUserInfos[0].partitionKey
|
|
|
- callbackStatus.value.rowKey = res.ddUserInfos[0].rowKey
|
|
|
- // res.state === 201
|
|
|
- // ? (store.commit('BindStatus', true),
|
|
|
- // loading.close(),
|
|
|
- // (callbackStatus.value.country = res.ddUserInfos[0].stateCode),
|
|
|
- // (callbackStatus.value.name = res.ddUserInfos[0].name),
|
|
|
- // (callbackStatus.value.phoneNum = res.ddUserInfos[0].mobile))
|
|
|
- // : res.state === 200
|
|
|
- // ? (loading.close(), loginSuccess(res), ElMessage.success(proxy.$t(`login.loginSuccess`)))
|
|
|
- // : (loading.close(), ElMessage.error(res.message))
|
|
|
- res.state === 200 ? ElMessage.success(proxy.$t(`login.loginSuccess`), loginSuccess(res)) : res.state === 0 ? ElMessage.error(res.msg) : ElMessage.error('登录失败')
|
|
|
- loading.close()
|
|
|
- })
|
|
|
- }
|
|
|
- return {
|
|
|
- editState,
|
|
|
- }
|
|
|
- }
|
|
|
- //登录成功后执行的数据保存本地
|
|
|
- function loginSuccess(res) {
|
|
|
- if (res.state === 200) {
|
|
|
- let blobInfos = { osblob_uri: res.osblob_uri, osblob_sas: res.osblob_sas }
|
|
|
- localStorage.setItem('userData', JSON.stringify(res.ddUserInfos[0]))
|
|
|
- localStorage.setItem('id_token', JSON.stringify(res.id_token))
|
|
|
- localStorage.setItem('blobInfo', JSON.stringify(blobInfos))
|
|
|
- getOrganization()
|
|
|
- Allpermission()
|
|
|
- router.push('/home/index')
|
|
|
- }
|
|
|
- }
|
|
|
- //获取组织架构
|
|
|
- function getOrganization() {
|
|
|
- console.log(proxy, '检查proxy')
|
|
|
- proxy.$api.getorganization().then((res) => {
|
|
|
- console.log(res, '组织架构返回的内容')
|
|
|
- res.state === 200 ? (store.commit('ChangOrganization', res.deptlist), localStorage.setItem('organization', JSON.stringify(res.deptlist))) : ''
|
|
|
- })
|
|
|
- }
|
|
|
- //获取所有权限表
|
|
|
- function Allpermission() {
|
|
|
- proxy.$api.getAllpermission().then((res) => {
|
|
|
- console.log(res, '权限列表')
|
|
|
- res.authorityBIList ? (store.commit('getPermission', res.authorityBIList), localStorage.setItem('management', JSON.stringify(res.authorityBIList))) : []
|
|
|
- })
|
|
|
- }
|
|
|
- // //钉钉账号或扫码登录
|
|
|
- // function userlogin(proxy) {
|
|
|
- // loading = ElLoading.service({
|
|
|
- // lock: true,
|
|
|
- // text: 'Loading',
|
|
|
- // background: 'rgba(0, 0, 0, 0.7)',
|
|
|
- // })
|
|
|
- // let nonceNum = Math.floor(Math.random() * 10000)
|
|
|
- // console.log(nonceNum, '随机数')
|
|
|
- // let params = {
|
|
|
- // grant_type: 'account',
|
|
|
- // client_id: 'c7317f88-7cea-4e48-ac57-a16071f7b884',
|
|
|
- // nonce: 'habook',
|
|
|
- // account: user.value,
|
|
|
- // password: pwd.value,
|
|
|
- // }
|
|
|
- // // proxy.$api.loginUser(params).then(async (res) => {
|
|
|
- // // console.log(res, '登录接口返回成功！')
|
|
|
- // // res.error
|
|
|
- // // ? (ElMessage.error('密码错误'), loading.close())
|
|
|
- // // : res.id_token
|
|
|
- // // ? (getTeachinfo(proxy, res.id_token), Allpermission(proxy), getOrganization(proxy))
|
|
|
- // // : (loading.close(), ElMessage.error('登录失败'))
|
|
|
- // // // router.push("/home");
|
|
|
- // // })
|
|
|
- // }
|
|
|
- // //获取教师个人信息
|
|
|
- // function getTeachinfo(proxy, param) {
|
|
|
- // let parameter = { id_token: param }
|
|
|
- // proxy.$api.teacherinfo(parameter).then((res) => {
|
|
|
- // if (res.state === 1) {
|
|
|
- // ElMessage.warning('该账户未绑定钉钉信息！请扫码绑定信息！')
|
|
|
- // loginModel.value = false
|
|
|
- // } else {
|
|
|
- // localStorage.setItem('userData', JSON.stringify(res))
|
|
|
- // console.log(res, '教室个人信息')
|
|
|
- // let jwt_authtoken = {
|
|
|
- // jwt_user: jwt_decode(res.auth_token),
|
|
|
- // }
|
|
|
- // res = Object.assign(res, jwt_authtoken)
|
|
|
- // res.state === 200 ? store.commit('getTeachdata', res) : []
|
|
|
- // loading.close()
|
|
|
- // ElMessage.success('登录成功')
|
|
|
- // store.commit('getBlobsas', { host: res.osblob_uri, sas: res.osblob_sas })
|
|
|
- // // router.push('/home')
|
|
|
- // }
|
|
|
- // })
|
|
|
- // }
|
|
|
- return {
|
|
|
- comRef,
|
|
|
- store,
|
|
|
- proxy,
|
|
|
- user,
|
|
|
- pwd,
|
|
|
- loginModel,
|
|
|
- loginImg,
|
|
|
- userCode,
|
|
|
- editState,
|
|
|
- callbackStatus,
|
|
|
- router,
|
|
|
- loading,
|
|
|
- msgText,
|
|
|
- getOrganization,
|
|
|
- Allpermission,
|
|
|
- loginSuccess,
|
|
|
- loadings,
|
|
|
- }
|
|
|
- },
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ editState,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //登录成功后执行的数据保存本地
|
|
|
+ function loginSuccess (res) {
|
|
|
+ if (res.state === 200) {
|
|
|
+ let blobInfos = { osblob_uri: res.osblob_uri, osblob_sas: res.osblob_sas }
|
|
|
+ localStorage.setItem('userData', JSON.stringify(res.ddUserInfos[0]))
|
|
|
+ localStorage.setItem('id_token', JSON.stringify(res.id_token))
|
|
|
+ localStorage.setItem('blobInfo', JSON.stringify(blobInfos))
|
|
|
+ getOrganization()
|
|
|
+ Allpermission()
|
|
|
+ router.push('/home/index')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //获取组织架构
|
|
|
+ function getOrganization () {
|
|
|
+ console.log(proxy, '检查proxy')
|
|
|
+ proxy.$api.getorganization().then((res) => {
|
|
|
+ console.log(res, '组织架构返回的内容')
|
|
|
+ res.state === 200 ? (store.commit('ChangOrganization', res.deptlist), localStorage.setItem('organization', JSON.stringify(res.deptlist))) : ''
|
|
|
+ })
|
|
|
+ }
|
|
|
+ //获取所有权限表
|
|
|
+ function Allpermission () {
|
|
|
+ proxy.$api.getAllpermission().then((res) => {
|
|
|
+ console.log(res, '权限列表')
|
|
|
+ res.authorityBIList ? (store.commit('getPermission', res.authorityBIList), localStorage.setItem('management', JSON.stringify(res.authorityBIList))) : []
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // //钉钉账号或扫码登录
|
|
|
+ // function userlogin(proxy) {
|
|
|
+ // loading = ElLoading.service({
|
|
|
+ // lock: true,
|
|
|
+ // text: 'Loading',
|
|
|
+ // background: 'rgba(0, 0, 0, 0.7)',
|
|
|
+ // })
|
|
|
+ // let nonceNum = Math.floor(Math.random() * 10000)
|
|
|
+ // console.log(nonceNum, '随机数')
|
|
|
+ // let params = {
|
|
|
+ // grant_type: 'account',
|
|
|
+ // client_id: 'c7317f88-7cea-4e48-ac57-a16071f7b884',
|
|
|
+ // nonce: 'habook',
|
|
|
+ // account: user.value,
|
|
|
+ // password: pwd.value,
|
|
|
+ // }
|
|
|
+ // // proxy.$api.loginUser(params).then(async (res) => {
|
|
|
+ // // console.log(res, '登录接口返回成功！')
|
|
|
+ // // res.error
|
|
|
+ // // ? (ElMessage.error('密码错误'), loading.close())
|
|
|
+ // // : res.id_token
|
|
|
+ // // ? (getTeachinfo(proxy, res.id_token), Allpermission(proxy), getOrganization(proxy))
|
|
|
+ // // : (loading.close(), ElMessage.error('登录失败'))
|
|
|
+ // // // router.push("/home");
|
|
|
+ // // })
|
|
|
+ // }
|
|
|
+ // //获取教师个人信息
|
|
|
+ // function getTeachinfo(proxy, param) {
|
|
|
+ // let parameter = { id_token: param }
|
|
|
+ // proxy.$api.teacherinfo(parameter).then((res) => {
|
|
|
+ // if (res.state === 1) {
|
|
|
+ // ElMessage.warning('该账户未绑定钉钉信息！请扫码绑定信息！')
|
|
|
+ // loginModel.value = false
|
|
|
+ // } else {
|
|
|
+ // localStorage.setItem('userData', JSON.stringify(res))
|
|
|
+ // console.log(res, '教室个人信息')
|
|
|
+ // let jwt_authtoken = {
|
|
|
+ // jwt_user: jwt_decode(res.auth_token),
|
|
|
+ // }
|
|
|
+ // res = Object.assign(res, jwt_authtoken)
|
|
|
+ // res.state === 200 ? store.commit('getTeachdata', res) : []
|
|
|
+ // loading.close()
|
|
|
+ // ElMessage.success('登录成功')
|
|
|
+ // store.commit('getBlobsas', { host: res.osblob_uri, sas: res.osblob_sas })
|
|
|
+ // // router.push('/home')
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ return {
|
|
|
+ comRef,
|
|
|
+ store,
|
|
|
+ proxy,
|
|
|
+ user,
|
|
|
+ pwd,
|
|
|
+ loginModel,
|
|
|
+ loginImg,
|
|
|
+ userCode,
|
|
|
+ editState,
|
|
|
+ callbackStatus,
|
|
|
+ router,
|
|
|
+ loading,
|
|
|
+ msgText,
|
|
|
+ getOrganization,
|
|
|
+ Allpermission,
|
|
|
+ loginSuccess,
|
|
|
+ loadings,
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.backgorundbox {
|
|
|
- background: url('../assets/img/background1.png') no-repeat;
|
|
|
- background-size: cover;
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
- position: relative;
|
|
|
- /* filter: blur(2px); */
|
|
|
+ background: url("../assets/img/background1.png") no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ position: relative;
|
|
|
+ /* filter: blur(2px); */
|
|
|
}
|
|
|
|
|
|
.loginbox {
|
|
|
- position: absolute;
|
|
|
- width: 550px;
|
|
|
- height: auto;
|
|
|
- top: 200px;
|
|
|
- right: 110px;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 1px 1px 5px #ccc;
|
|
|
+ position: absolute;
|
|
|
+ width: 550px;
|
|
|
+ height: auto;
|
|
|
+ top: 200px;
|
|
|
+ right: 110px;
|
|
|
+ border-radius: 10px;
|
|
|
+ box-shadow: 1px 1px 5px #ccc;
|
|
|
}
|
|
|
|
|
|
.usrpwd {
|
|
|
- height: 330px;
|
|
|
- text-align: center;
|
|
|
+ height: 330px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.logintitle {
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- color: #fff;
|
|
|
- margin-bottom: 8%;
|
|
|
- margin-top: 5%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #fff;
|
|
|
+ margin-bottom: 8%;
|
|
|
+ margin-top: 5%;
|
|
|
}
|
|
|
|
|
|
.userbox {
|
|
|
- text-align: center;
|
|
|
- width: 60%;
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
+ text-align: center;
|
|
|
+ width: 60%;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.none {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
|
|
|
.loginbtn {
|
|
|
- position: absolute;
|
|
|
- display: block;
|
|
|
- right: 0px;
|
|
|
- top: 0px;
|
|
|
- width: 44px;
|
|
|
- height: 44px;
|
|
|
- line-height: 43px;
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 43px;
|
|
|
}
|
|
|
|
|
|
.not_has_more {
|
|
|
- margin: 30px 0px 20px 0px;
|
|
|
- line-height: 50px;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- height: 95px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: rgba(140, 142, 165, 1);
|
|
|
- line-height: 30px;
|
|
|
+ margin: 30px 0px 20px 0px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ height: 95px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: rgba(140, 142, 165, 1);
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
|
|
|
.not_has_more::after,
|
|
|
.not_has_more::before {
|
|
|
- position: absolute;
|
|
|
- width: 54px;
|
|
|
- height: 0.5px;
|
|
|
- background: #dadada;
|
|
|
- content: '';
|
|
|
- top: 15px;
|
|
|
- right: 28%;
|
|
|
+ position: absolute;
|
|
|
+ width: 54px;
|
|
|
+ height: 0.5px;
|
|
|
+ background: #dadada;
|
|
|
+ content: "";
|
|
|
+ top: 15px;
|
|
|
+ right: 28%;
|
|
|
}
|
|
|
|
|
|
.not_has_more::after {
|
|
|
- left: 28%;
|
|
|
+ left: 28%;
|
|
|
}
|
|
|
|
|
|
.ddlogin {
|
|
|
- margin-top: 3%;
|
|
|
+ margin-top: 3%;
|
|
|
}
|
|
|
|
|
|
.cut {
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- right: 0px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ right: 0px;
|
|
|
}
|
|
|
</style>
|
|
|
<style>
|
|
|
.userbox .el-input__inner {
|
|
|
- height: 45px;
|
|
|
- border-radius: 30px;
|
|
|
+ height: 45px;
|
|
|
+ border-radius: 30px;
|
|
|
}
|
|
|
|
|
|
.el-loading-spinner {
|
|
|
- margin-top: 0 !important;
|
|
|
- transform: translateY(-50%);
|
|
|
+ margin-top: 0 !important;
|
|
|
+ transform: translateY(-50%);
|
|
|
}
|
|
|
|
|
|
.el-loading-text {
|
|
|
- padding-top: 50px;
|
|
|
- background-image: url('../assets/img/loading2.gif') !important;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: top center;
|
|
|
- background-size: 75px auto;
|
|
|
+ padding-top: 50px;
|
|
|
+ background-image: url("../assets/img/loading2.gif") !important;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: top center;
|
|
|
+ background-size: 75px auto;
|
|
|
}
|
|
|
|
|
|
.el-loading-spinner .circular {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
</style>
|
|
|
|
