jufubao-base 1.0.174-beta9 → 1.0.176-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/JfbBasePosterType/Attr.js +13 -0
- package/src/components/JfbBasePosterType/JfbBasePosterType.vue +15 -1
- package/src/components/JfbBaseTfkCardDetail/JfbBaseTfkCardDetail.vue +5 -1
- package/src/components/JfbBaseTfkSearch/AllList.vue +6 -4
- package/src/components/JfbBaseTfkSearch/ContentFilm.vue +4 -4
- package/src/components/JfbBaseTfkSearch/ContentProduct.vue +2 -1
- package/src/components/JfbBaseTfkSearch/ContentShop.vue +1 -1
- package/src/components/JfbBaseTfkSearch/CustomList.vue +3 -1
- package/src/components/JfbBaseTfkSearch/JfbBaseTfkSearch.vue +4 -0
- package/src/components/JfbBaseTfkSearch/handleKeyword.js +1 -1
package/package.json
CHANGED
|
@@ -432,6 +432,19 @@ export default {
|
|
|
432
432
|
inline: false,
|
|
433
433
|
notice: '设置外边距,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">0</span> 像素',
|
|
434
434
|
},
|
|
435
|
+
{
|
|
436
|
+
label: '内容设置填充:',
|
|
437
|
+
ele: 'xd-margin-padding',
|
|
438
|
+
valueKey: 'contentPadding',
|
|
439
|
+
groupKey:'style',
|
|
440
|
+
value: params.contentPadding || null,
|
|
441
|
+
setting: {
|
|
442
|
+
type: 'padding',
|
|
443
|
+
},
|
|
444
|
+
placeholder: '内容设置填充',
|
|
445
|
+
inline: false,
|
|
446
|
+
notice: '设置外填充,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">0</span> 像素',
|
|
447
|
+
},
|
|
435
448
|
].filter(i=>i)
|
|
436
449
|
},
|
|
437
450
|
advanced: [
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
class="jfb-base-poster-cont"
|
|
20
20
|
:style="{
|
|
21
21
|
margin: margin,
|
|
22
|
+
padding:contentPaddingOut,
|
|
22
23
|
backgroundColor: bgColor,
|
|
23
24
|
borderRadius: bgRadius + 'rpx'
|
|
24
25
|
}"
|
|
@@ -55,6 +56,7 @@
|
|
|
55
56
|
mixins: [componentsMixins,extsMixins,JfbBasePosterTypeMixin],
|
|
56
57
|
data() {
|
|
57
58
|
return {
|
|
59
|
+
hideMask: true,
|
|
58
60
|
params: {},
|
|
59
61
|
//Swiper 配置
|
|
60
62
|
posterPosition: null,
|
|
@@ -73,6 +75,7 @@
|
|
|
73
75
|
info: [],
|
|
74
76
|
mS: {},
|
|
75
77
|
iconPadding:{},
|
|
78
|
+
contentPadding:{},
|
|
76
79
|
isPreview: false,
|
|
77
80
|
noData:false,
|
|
78
81
|
|
|
@@ -84,7 +87,10 @@
|
|
|
84
87
|
},
|
|
85
88
|
computed: {
|
|
86
89
|
getConfig(){
|
|
87
|
-
let width = uni.getSystemInfoSync().safeArea.width -
|
|
90
|
+
let width = uni.getSystemInfoSync().safeArea.width -
|
|
91
|
+
(this.checkValue(this.mS.left, 0) + this.checkValue(this.mS.right, 0)) * this.$rpxNum;
|
|
92
|
+
width = width -
|
|
93
|
+
(this.checkValue(this.contentPadding.left, 0) + this.checkValue(this.contentPadding.right, 0)) * this.$rpxNum;
|
|
88
94
|
return {
|
|
89
95
|
mode: 'normal',
|
|
90
96
|
dotStyleData: this.dotStyleData,
|
|
@@ -120,6 +126,13 @@
|
|
|
120
126
|
str = `${str} ${this.checkValue(this.mS.left, 0)}rpx`;
|
|
121
127
|
return str
|
|
122
128
|
},
|
|
129
|
+
contentPaddingOut(){
|
|
130
|
+
let str = `${this.checkValue(this.contentPadding.top, 0)}rpx`;
|
|
131
|
+
str = `${str} ${this.checkValue(this.contentPadding.right, 0)}rpx`;
|
|
132
|
+
str = `${str} ${this.checkValue(this.contentPadding.bottom, 0)}rpx`;
|
|
133
|
+
str = `${str} ${this.checkValue(this.contentPadding.left, 0)}rpx`;
|
|
134
|
+
return str
|
|
135
|
+
},
|
|
123
136
|
dotStyleData() {
|
|
124
137
|
return {}
|
|
125
138
|
}
|
|
@@ -176,6 +189,7 @@
|
|
|
176
189
|
this.shadowColor = getContainerPropsValue(container, 'content.shadowColor', 'rgba(0,0,0,.3)');
|
|
177
190
|
this.mS = getContainerPropsValue(container, 'content.margin', {});
|
|
178
191
|
this.iconPadding = getContainerPropsValue(container, 'content.iconPadding', {});
|
|
192
|
+
this.contentPadding = getContainerPropsValue(container, 'content.contentPadding', {});
|
|
179
193
|
|
|
180
194
|
//样式设置
|
|
181
195
|
this.textColor = getContainerPropsValue(container, 'content.textColor', '#333');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="search_all_list" >
|
|
3
3
|
<template v-if="!loadingList">
|
|
4
|
-
<view class="module_item" v-for="parent in list" :key="parent.setting_id"
|
|
4
|
+
<view class="module_item" v-for="(parent, pi) in list" :key="parent.setting_id"
|
|
5
5
|
:style="moduleItemStyle"
|
|
6
6
|
>
|
|
7
7
|
<view class="module_title" :style="moduleItemTitleStyle">{{ parent.name }}</view>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
:color="{SEAT:listItemStyle.mainColor,CODE:listItemStyle.subMainColor,SELL:listItemStyle.successColor}"
|
|
19
19
|
:border-radius="listItemStyle.imgRradius"
|
|
20
20
|
:brand-color="listItemStyle.brandColor"
|
|
21
|
-
@on-schedule="data =>
|
|
21
|
+
@on-schedule="data => handleSchedule(data, parent)"
|
|
22
22
|
@on-cashier-detail="data => handleCashierDetail(data, parent)"
|
|
23
23
|
@on-code-detail="data => handleCodeDetail(data, parent)"
|
|
24
24
|
></content-cinema>
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
</view>
|
|
72
72
|
</view>
|
|
73
73
|
<view class="module_more">
|
|
74
|
-
<view class="more_inner" :style="moduleMoreStyle" @click="switchMenu(
|
|
74
|
+
<view class="more_inner" :style="moduleMoreStyle" @click="switchMenu(pi)">查看全部</view>
|
|
75
75
|
</view>
|
|
76
76
|
</view>
|
|
77
77
|
<xd-no-data v-if="list && list.length ===0" height="60vh" icon-type="search">商品正在上架中</xd-no-data>
|
|
@@ -262,7 +262,9 @@
|
|
|
262
262
|
}
|
|
263
263
|
})
|
|
264
264
|
},
|
|
265
|
-
switchMenu(
|
|
265
|
+
switchMenu(index){
|
|
266
|
+
let item = this.list[index];
|
|
267
|
+
// console.log('switchMenu', item, pi);
|
|
266
268
|
this.$emit('on-switch', {...item, value: item.tab});
|
|
267
269
|
},
|
|
268
270
|
|
|
@@ -110,12 +110,12 @@
|
|
|
110
110
|
this.errorStatus = true;
|
|
111
111
|
},
|
|
112
112
|
handleDetail(item){
|
|
113
|
-
console.log('handleDetail.item',item,item
|
|
114
|
-
this.$emit('on-film-detail',item
|
|
113
|
+
console.log('handleDetail.item',item,item);
|
|
114
|
+
this.$emit('on-film-detail',item);
|
|
115
115
|
},
|
|
116
116
|
handleBuy(item){
|
|
117
|
-
console.log('handleDetail.item',item,item
|
|
118
|
-
this.$emit('on-buy',item
|
|
117
|
+
console.log('handleDetail.item',item,item);
|
|
118
|
+
this.$emit('on-buy',item);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
>
|
|
13
13
|
<image v-if="errorStatus" :src="errorImage" :alt="item['product_name']" ></image>
|
|
14
14
|
<image v-if="!errorStatus" :src="imageUrl" :alt="item['product_name']" @error="handleError()"></image>
|
|
15
|
-
<xd-product-status :status="item
|
|
15
|
+
<xd-product-status :status="item['status']"></xd-product-status>
|
|
16
16
|
</view>
|
|
17
17
|
<view class="prodcut-content" :style="{marginTop:cell === 1? 0: (outSpacing + 'rpx') }">
|
|
18
18
|
<view class="prodcut-content-info">
|
|
@@ -208,6 +208,7 @@ export default {
|
|
|
208
208
|
display: flex;
|
|
209
209
|
justify-content: center;
|
|
210
210
|
align-items: center;
|
|
211
|
+
position: relative;
|
|
211
212
|
& > image {
|
|
212
213
|
height: 100%;
|
|
213
214
|
width: 100%;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<view class="content-item" @click="handleDetail(item)">
|
|
3
3
|
<view class="content-item-image" :style="{marginRight:outSpacing+'rpx',borderRadius:borderRadius+'rpx'}">
|
|
4
4
|
<image v-if="errorStatus" :src="errorImage" :alt="item['resource_shop_name']" ></image>
|
|
5
|
-
<image v-if="!errorStatus" :src="imageUrl
|
|
5
|
+
<image v-if="!errorStatus" :src="imageUrl" :alt="item['resource_shop_name']" @error="handleError()"></image>
|
|
6
6
|
</view>
|
|
7
7
|
<view class="content-item-cont">
|
|
8
8
|
<view class="title">
|
|
@@ -132,6 +132,7 @@
|
|
|
132
132
|
></content-product>
|
|
133
133
|
</view>
|
|
134
134
|
</view>
|
|
135
|
+
<view class="hasNoData" v-if="dataList && dataList.length > 0 && page_token === ''">已经到底没有更多数据了</view>
|
|
135
136
|
</view>
|
|
136
137
|
</view>
|
|
137
138
|
</view>
|
|
@@ -467,7 +468,8 @@ export default {
|
|
|
467
468
|
text-align: center;
|
|
468
469
|
color: #ccc;
|
|
469
470
|
background-color: rgba(255, 255, 255, .05);
|
|
470
|
-
margin: 20rpx 0
|
|
471
|
+
margin: 20rpx 0;
|
|
472
|
+
width: 100%;
|
|
471
473
|
}
|
|
472
474
|
|
|
473
475
|
</style>
|