更新记录

1.0(2019-07-29)

首次发布


小程序自定义组件的通用使用方式详见:uni-app中使用小程序自定义组件教程


简介

插件本人是个业余小白,搜索插件市场发现没有类似插件
写来给其他小白使用,错漏之处、各位大佬轻喷。

使用方法

这个是写给小白看的,很详细,大佬可以略过了

1.下载插件,修改wxcomponents为components并复制到项目根目录
2.在需要的页面引入组件

import showTips from '../../components/redflower-showTips/redflower-showTips.vue'

export default {
        data() {
            return {

            }
        },
        components: {
            showTips
        },
        onLoad() {

        },
        methods: {

        }
    }

3.插入代码(怎么给我过滤了...)

尖括号showTips /尖括号

自定义提示文字和样式

直接在redflower-showTips.vue内修改就行,基本上都写了注释

一个值得注意的地方

如果采用了一些UI,顶部标题栏可能会挡住提示
此时需要修改下面这段的高度

.tipsWrap {
        position: fixed;
        top: 0;
        /* 距离顶部高度,部分自定义标题栏会覆盖提示栏 */
        right: 0;
        z-index: 999;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
        width: 600rpx;
        animation: rotate .9s linear infinite;
    }

如果引入后没直接显示,大概率是因为这个

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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