更新记录

1.0.0(2023-04-07)

简单的登录注册模板


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

组件属性

属性 属性内容
color 样式颜色
logo 软件图标(选填)
name 软件名称(选填)

组件事件

事件 事件内容
@login 登录
@regin 注册

使用说明

<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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问