https://github.com/SporeUI/spore-wepy-tipbox

类toast提示窗口，但只显示文字，可调整显示位置。用于小程序wepy框架
https://github.com/SporeUI/spore-wepy-tipbox

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/SporeUI/spore-wepy-tipbox
• Owner: SporeUI
• License: mit
• Created: 2017-08-07T09:21:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-06-20T09:45:36.000Z (over 6 years ago)
• Last Synced: 2024-07-27T14:33:40.842Z (7 months ago)
• Language: JavaScript
• Size: 6.84 KB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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

README

        
# spore-wepy-tipbox

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

## Demo

![demo](http://tabspace.github.io/demo/spore-wepy-tipbox/images/demo.gif)

## Getting Started

Install

```shell

npm i spore-wepy-tipbox

```

Example:

```html

    

        显示到中间

        显示到上方

        显示到下方

        

    

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

            });

        }

    };

}

```

## Parameters

### text

Type: `String`

要显示的文案

### options

Type: `Object`

tipbox 浮层选项

#### options.position

Type: `String`

tipbox 浮层显示位置，可选值: ['top', 'bottom', 'center']

#### options.margin

Type: `String`

浮层与边界的距离，仅在 position 设置为 `'top'` 或者 `'bottom'` 时有效

Default: `'20px'`

#### options.duration

Type: `Number`

浮层动画显示时长，单位为 ms

Default: `2000`

## Release History

* 2018-06-20 v0.1.3 完善选项说明，提供 duration 选项

* 2018-02-11 v0.1.2 居中样式变更为使用 flex 方案，解决 transform 动画引发的位置偏移问题

* 2017-12-13 v0.1.1 修正部分机型浮层位置偏移问题

* 2017-08-08 v0.1.0 发布第一个正式版