154 lines
3.0 KiB
JavaScript
154 lines
3.0 KiB
JavaScript
// dist/status-show/index.js
|
|
Component({
|
|
/**
|
|
* 组件的属性列表
|
|
*/
|
|
externalClasses: ['l-class', 'l-image-class', 'l-button-class', 'l-describe-class'],
|
|
properties: {
|
|
show: Boolean,
|
|
type: {
|
|
type: String,
|
|
value: 'success',
|
|
observer: '_changeStatus'
|
|
},
|
|
image: String,
|
|
describe: String,
|
|
buttonText: String,
|
|
bgColor: {
|
|
type: String,
|
|
value: '#fff'
|
|
},
|
|
fullScreen: {
|
|
type: Boolean,
|
|
value: true,
|
|
},
|
|
openApi: {
|
|
type: Boolean,
|
|
value: true
|
|
},
|
|
custom: {
|
|
type: Boolean,
|
|
value: false
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 组件的初始数据
|
|
*/
|
|
data: {
|
|
|
|
},
|
|
|
|
attached() {
|
|
this._changeStatus();
|
|
if (this.data.openApi) this._init();
|
|
},
|
|
|
|
pageLifetimes: {
|
|
show() {
|
|
this._init();
|
|
},
|
|
},
|
|
|
|
/**
|
|
* 组件的方法列表
|
|
*/
|
|
methods: {
|
|
_init() {
|
|
wx.lin = wx.lin || {};
|
|
wx.lin.showStatusShow = (options) => {
|
|
const {
|
|
type = 'success',
|
|
image = '',
|
|
describe = '',
|
|
buttonText = '',
|
|
bgColor = '#fff',
|
|
fullScreen = true
|
|
} = { ...options };
|
|
this.setData({
|
|
show: true,
|
|
type,
|
|
image,
|
|
describe,
|
|
buttonText,
|
|
bgColor,
|
|
fullScreen
|
|
});
|
|
};
|
|
wx.lin.hideStatusShow = () => {
|
|
this.setData({
|
|
show: false
|
|
});
|
|
};
|
|
},
|
|
|
|
_changeStatus() {
|
|
const type = this.data.type;
|
|
if(!type){
|
|
return;
|
|
}
|
|
switch (type) {
|
|
case 'success':
|
|
this.setData({
|
|
typeImage: 'image/success.png',
|
|
typeText: '操作成功~'
|
|
});
|
|
break;
|
|
case 'error':
|
|
this.setData({
|
|
typeImage: 'image/error.png',
|
|
typeText: '操作失败~'
|
|
});
|
|
break;
|
|
case 'cart':
|
|
this.setData({
|
|
typeImage: 'image/cart.png',
|
|
typeText: '购物车空空如也，去逛逛吧~'
|
|
});
|
|
break;
|
|
case 'order':
|
|
this.setData({
|
|
typeImage: 'image/order.png',
|
|
typeText: '您暂时还没有订单哦~'
|
|
});
|
|
break;
|
|
case 'network':
|
|
this.setData({
|
|
typeImage: 'image/network.png',
|
|
typeText: '糟糕！网络错误~'
|
|
});
|
|
break;
|
|
case 'address':
|
|
this.setData({
|
|
typeImage: 'image/address.png',
|
|
typeText: '您暂时还没有地址哦~'
|
|
});
|
|
break;
|
|
case 'product':
|
|
this.setData({
|
|
typeImage: 'image/product.png',
|
|
typeText: '暂时还没有商品哦~~'
|
|
});
|
|
break;
|
|
case 'data':
|
|
this.setData({
|
|
typeImage: 'image/data.png',
|
|
typeText: '暂时还没有相关数据哦~~'
|
|
});
|
|
break;
|
|
default:
|
|
console.warn(
|
|
`${type} is not a valid value`
|
|
);
|
|
}
|
|
},
|
|
|
|
tapStatusShow() {
|
|
this.triggerEvent('lincorvertap', {}, {
|
|
bubbles: true,
|
|
composed: true
|
|
});
|
|
}
|
|
}
|
|
});
|