133 lines
2.5 KiB
JavaScript
133 lines
2.5 KiB
JavaScript
|
Component({
|
|||
|
|
options: {
|
|||
|
|
addGlobalClass: true,
|
|||
|
|
multipleSlots: true, // 在组件定义时的选项中启用多slot支持
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
externalClasses: [
|
|||
|
|
'title-class',
|
|||
|
|
'desc-class',
|
|||
|
|
'num-class',
|
|||
|
|
'thumb-class',
|
|||
|
|
'specs-class',
|
|||
|
|
'price-class',
|
|||
|
|
'origin-price-class',
|
|||
|
|
'price-prefix-class',
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
relations: {
|
|||
|
|
'../order-card/index': {
|
|||
|
|
type: 'ancestor',
|
|||
|
|
linked(target) {
|
|||
|
|
this.parent = target;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
properties: {
|
|||
|
|
id: String,
|
|||
|
|
hidden: {
|
|||
|
|
// 设置为null代表不做类型转换
|
|||
|
|
type: null,
|
|||
|
|
observer(hidden) {
|
|||
|
|
// null就是代表没有设置，没有设置的话不setData，防止祖先组件触发的setHidden操作被覆盖
|
|||
|
|
if (hidden !== null) {
|
|||
|
|
this.setHidden(!!hidden);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data: Object,
|
|||
|
|
layout: {
|
|||
|
|
type: String,
|
|||
|
|
value: 'horizontal',
|
|||
|
|
},
|
|||
|
|
thumbMode: {
|
|||
|
|
type: String,
|
|||
|
|
value: 'aspectFill',
|
|||
|
|
},
|
|||
|
|
thumbWidth: Number,
|
|||
|
|
thumbHeight: Number,
|
|||
|
|
thumbWidthInPopup: Number,
|
|||
|
|
thumbHeightInPopup: Number,
|
|||
|
|
priceFill: {
|
|||
|
|
type: Boolean,
|
|||
|
|
value: true,
|
|||
|
|
},
|
|||
|
|
currency: {
|
|||
|
|
type: String,
|
|||
|
|
value: '¥',
|
|||
|
|
},
|
|||
|
|
lazyLoad: Boolean,
|
|||
|
|
centered: Boolean,
|
|||
|
|
showCart: Boolean,
|
|||
|
|
pricePrefix: String,
|
|||
|
|
cartSize: {
|
|||
|
|
type: Number,
|
|||
|
|
value: 48,
|
|||
|
|
},
|
|||
|
|
cartColor: {
|
|||
|
|
type: String,
|
|||
|
|
value: '#FA550F',
|
|||
|
|
},
|
|||
|
|
disablePopup: Boolean,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
data: {
|
|||
|
|
hiddenInData: false,
|
|||
|
|
specsPopup: {
|
|||
|
|
insert: false,
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
currentInTapSpecs: false,
|
|||
|
|
|
|||
|
|
lifetimes: {
|
|||
|
|
ready() {
|
|||
|
|
const { hidden } = this.properties;
|
|||
|
|
if (hidden !== null) {
|
|||
|
|
this.setHidden(!!hidden);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
closeSpecsPopup() {
|
|||
|
|
this.setData({
|
|||
|
|
'specsPopup.show': false,
|
|||
|
|
});
|
|||
|
|
this.triggerEvent('specsclose', { good: this.properties.data });
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
removeSpecsPopup() {
|
|||
|
|
this.setData({
|
|||
|
|
'specsPopup.insert': false,
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClick(e) {
|
|||
|
|
if (this.currentInTapSpecs) {
|
|||
|
|
this.currentInTapSpecs = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.triggerEvent('click', e.detail);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickThumb(e) {
|
|||
|
|
this.triggerEvent('thumb', e.detail);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickTag(e) {
|
|||
|
|
this.triggerEvent('tag', e.detail);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickCart(e) {
|
|||
|
|
this.triggerEvent('add-cart', e.detail);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setHidden(hidden) {
|
|||
|
|
this.setData({ hiddenInData: !!hidden });
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
});
|