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

update: 登录组件优化

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