<template>
    <popup>
        <div class="ui-message com-login-box">
            <div class="ui-message-header">
                <span>用户登录</span>
            </div>
            <div class="ui-message-main">
                <div class="ui-message-content">
                    <div>
                        <div>
                            账号：
                            <input type="text" class="ui-input" />
                        </div>
                        <div>
                            密码：
                            <input type="password" class="ui-input" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-message-footer">
                <button class="ui-button submit" @click="onLogin">登录</button>
            </div>
        </div>
    </popup>
</template>
<script>
import Popup from "@/components/shared/popup";
export default {
    components: {
        Popup
    },
    methods: {
        onLogin() {}
    }
};
</script>
<style lang="less" scoped>
.com-login-box {
    .ui-message-header {
        span {
            width: auto;
        }
    }
    .message-content{
        display: flex;
        >div{
            padding: 20px 0;
        }
    }
}
</style>