提交 941aca41 编写于 作者: RedPig97's avatar RedPig97

update: 登录组件优化

上级 a8c2a67a
.app-user-button { .app-user-button {
width: 100%; width: 100%;
.ivu-btn {
width: 100%;
}
} }
\ No newline at end of file
.app-preset-smsverification{ .app-login-note-verify{
.content { .content {
display: flex; display: flex;
margin: 5px 0; margin: 5px 0;
......
<template> <template>
<div class="app-preset-smsverification"> <div class="app-login-note-verify">
<div class="content"> <div class="content">
<i-input <i-input
size="default" size="default"
...@@ -135,15 +135,7 @@ export default class AppPresetSmsVerification extends Vue { ...@@ -135,15 +135,7 @@ export default class AppPresetSmsVerification extends Vue {
*/ */
public getVeriCode() { public getVeriCode() {
if(this.phoneError) return; if(this.phoneError) return;
// todo // todo 获取验证码
this.$http.post(``, {}).then((response: any) => {
if (response.status == 200) {
this.disabled = true;
this.timer = setInterval(() => {
this.setCountDown();
}, 1000);
}
});
} }
} }
</script> </script>
......
.app-org-picker {
.app-auth-org-picker {
height: 36px;
width: 100%; width: 100%;
.app-org-sector-remote { .ivu-dropdown {
width: 100%; width: 100%;
.org-sector-choice{
background-color: #e6f7ff;
} }
} .app-org-picker__empty {
.ivu-dropdown{
width: inherit;
position: relative;
.ivu-select-dropdown{
width: 100%;
}
}
.auth-org-picker-dropdown{
width: inherit;
position: relative;
border-radius: 5px;
border: 1px solid gray;
.ivu-select-dropdown{
width: 100%;
}
}
.menu-item-no-data{
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
......
<template> <template>
<div class="app-org-picker"> <div class="app-org-picker">
<div class="app-org-sector-remote">
<dropdown @on-click="orgSelect" @on-visible-change="visibleChange"> <dropdown @on-click="orgSelect" @on-visible-change="visibleChange">
<div class="org-sector">
<Input :value="getSelectedOrgName" placeholder="请选择部门" readonly :icon="iconClass" /> <Input :value="getSelectedOrgName" placeholder="请选择部门" readonly :icon="iconClass" />
</div>
<dropdown-menu slot="list"> <dropdown-menu slot="list">
<dropdown-item <dropdown-item
:class="{ 'org-sector-choice': Object.is(item.srforgsectorid, getSelectedOrgName) }" :class="{ 'is-active': Object.is(item.srforgsectorid, getSelectedOrgName) }"
:name="item.srforgsectorid" :name="item.srforgsectorid"
v-for="(item, index) in selectedOrgArray" v-for="(item, index) in selectedOrgArray"
:key="index" :key="index"
> >
{{ item.srforgsectorname }} {{ item.srforgsectorname }}
</dropdown-item> </dropdown-item>
<div class="menu-item-no-data" v-show="!selectedOrgArray.length">暂无数据</div> <div class="app-org-picker__empty" v-show="!selectedOrgArray.length">暂无数据</div>
</dropdown-menu> </dropdown-menu>
</dropdown> </dropdown>
</div> </div>
</div>
</template> </template>
<script lang='ts'> <script lang='ts'>
import { Vue, Component, Inject, Prop } from 'vue-property-decorator'; import { Vue, Component, Inject, Prop } from 'vue-property-decorator';
......
.app-login-third { .app-login-third {
text-align: center; text-align: center;
.app-login-third-imgrwap { .app-login-third__title {
.sign-btn { padding: 10px 0;
.third-svg-container {
margin: 0px;
padding: 0px;
}
} }
.app-login-third__content {
display: flex;
align-items: center;
justify-content: center;
} }
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册