Spore-wepy-tipbox NPM

spore-wepy-tipbox

类toast提示窗口，但只显示文字，可调整显示位置。用于小程序wepy框架

Demo

demo

Getting Started

Install

npm i spore-wepy-tipbox

Example:

<style lang="less"></style>
<template>
    <view class="container">
        <button @tap="showTip" size="mini" data-pos="center">显示到中间</button>
        <button @tap="showTip" size="mini" data-pos="top">显示到上方</button>
        <button @tap="showTip" size="mini" data-pos="bottom">显示到下方</button>
        <tip />
    </view>
</template>
<script>
import wepy from 'wepy';
import TipBox from 'spore-wepy-tipbox';

export default class Index extends wepy.page {
    config = {
        navigationBarTitleText: '首页'
    };
    components = {
        tip: TipBox
    };
    methods = {
        showTip(evt) {
            let pos = evt.currentTarget.dataset.pos;
            this.$invoke('tip', 'show', 'position:' + pos, {
                position: pos
            });
        }
    };
}
</script>