更新记录

1.0.0（2023-04-07） 下载此版本

简单的登录注册模板

平台兼容性

组件属性

组件事件

使用说明

<template>
    <view>
        <yhdslLogin @login="login" @regin="regin" :color="info.color" :name="info.name" :logo="info.logo" ref="form">
            <view class="footer">
                <view class="from">
                    xxx科技工作室
                </view>
                <view class="phone">
                    联系我:xxxxxxx
                </view>
            </view>
        </yhdslLogin>
    </view>
</template>
<script>
    import yhdslLogin from "@/components/components/yhdsl-login/yhdsl-login.vue"
    export default{
        data(){
            return{
                info:{
                    color:'#434bf0',
                    name:"软件名称",
                    logo:"https://web-assets.dcloud.net.cn/unidoc/zh/uni.png"
                }
            }
        },
        components:{
            yhdslLogin,

        },
        methods:{
            login(val){
                console.log(val)
            },
            regin(val){
                console.log(val)
                //注册完成后,可手动调用组件的改变到登录模块的方法
                this.changeMode()
            },
            changeMode(){
                this.$refs.form.changeMode()
            }
        }
    }
</script>

<style scoped lang="scss">
    .footer{
        font-size: 28rpx;
        padding-bottom: 20rpx;
        .from{
            text-align: center;
            color: #c5c5c5;
        }
        .phone{
            color: blue;
            text-align: center;
        }
    }
</style>