提交 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;
}
} }
.ivu-dropdown{ .app-org-picker__empty {
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"> <Input :value="getSelectedOrgName" placeholder="请选择部门" readonly :icon="iconClass" />
<div class="org-sector"> <dropdown-menu slot="list">
<Input :value="getSelectedOrgName" placeholder="请选择部门" readonly :icon="iconClass" /> <dropdown-item
</div> :class="{ 'is-active': Object.is(item.srforgsectorid, getSelectedOrgName) }"
<dropdown-menu slot="list"> :name="item.srforgsectorid"
<dropdown-item v-for="(item, index) in selectedOrgArray"
:class="{ 'org-sector-choice': Object.is(item.srforgsectorid, getSelectedOrgName) }" :key="index"
:name="item.srforgsectorid" >
v-for="(item, index) in selectedOrgArray" {{ item.srforgsectorname }}
:key="index" </dropdown-item>
> <div class="app-org-picker__empty" v-show="!selectedOrgArray.length">暂无数据</div>
{{ item.srforgsectorname }} </dropdown-menu>
</dropdown-item> </dropdown>
<div class="menu-item-no-data" v-show="!selectedOrgArray.length">暂无数据</div>
</dropdown-menu>
</dropdown>
</div>
</div> </div>
</template> </template>
<script lang='ts'> <script lang='ts'>
......
.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; .app-login-third__content {
padding: 0px; display: flex;
} align-items: center;
} justify-content: center;
} }
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册