12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- import { VantComponent } from '../common/component';
- import { WHITE } from '../common/color';
- VantComponent({
- props: {
- message: String,
- background: String,
- type: {
- type: String,
- value: 'danger',
- },
- color: {
- type: String,
- value: WHITE,
- },
- duration: {
- type: Number,
- value: 3000,
- },
- zIndex: {
- type: Number,
- value: 110,
- },
- safeAreaInsetTop: {
- type: Boolean,
- value: false,
- },
- top: null,
- },
- data: {
- show: false,
- },
- created() {
- const { statusBarHeight } = wx.getSystemInfoSync();
- this.setData({ statusBarHeight });
- },
- methods: {
- show() {
- const { duration, onOpened } = this.data;
- clearTimeout(this.timer);
- this.setData({ show: true });
- wx.nextTick(onOpened);
- if (duration > 0 && duration !== Infinity) {
- this.timer = setTimeout(() => {
- this.hide();
- }, duration);
- }
- },
- hide() {
- const { onClose } = this.data;
- clearTimeout(this.timer);
- this.setData({ show: false });
- wx.nextTick(onClose);
- },
- onTap(event) {
- const { onClick } = this.data;
- if (onClick) {
- onClick(event.detail);
- }
- },
- },
- });
|