平台兼容性

sunui for passremove

写在前面

每个人需求不一样,所以写ui时仅仅提供一张“纸”(就看你怎么画了).

方法回调

@change="removeTap"

插件体积

3KB

版本号

• 1.0(发布)

后期计划

• 暂定.

使用示例

<template>
    <view class="content">
        <input type="text" :value="removeVal" @input="inputPass" placeholder="请输入密码" />
        <sunui-passremove ref="show" @change="removeTap" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                removeVal:''
            }
        },
        onLoad() {

        },
        methods: {
            // 删除时触发
            removeTap(e){
                this.$refs.show.showTap('');
                this.removeVal = '';
            },
            // 更改input值触发
            inputPass(e) {
                // 这里传入@input监听值
                this.$refs.show.showTap(e.detail.value);
                // 这里赋值给初始值
                this.removeVal = e.detail.value;
            }
        }
    }
</script>

<style>
    .content {
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2upx solid #eee;
    }

    input {
        width: 100%;
        padding: 2%;
    }
</style>

写在最后

简单、易分离、扩展性强、通俗易懂
作为sunui的插件,目前仅仅是build.
如果喜欢本插件,可以star给sunui(等待所有UI构建完以后,正式移植过去).
如果您有什么好的建议或想法,可以在评论处留言.
....