更新记录

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

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