jufubao-base 1.0.103 → 1.0.104
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/JfbBasePoster/Attr.js +13 -0
- package/src/components/JfbBasePoster/JfbBasePoster.vue +31 -4
- package/src/components/JfbBasePosterBigSmall/Api.js +7 -39
- package/src/components/JfbBasePosterBigSmall/Attr.js +996 -73
- package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmall.vue +738 -77
- package/src/components/JfbBasePosterBigSmall/XdSwiperDot.vue +234 -0
- package/src/components/JfbBasePosterBigSmall/getWidthHeight.js +12 -0
package/package.json
CHANGED
|
@@ -240,6 +240,19 @@ export default {
|
|
|
240
240
|
sort: true,
|
|
241
241
|
maxlen: 100,
|
|
242
242
|
},
|
|
243
|
+
params.poster && params.poster['type']&& params.poster['type'] !== '1' &&{
|
|
244
|
+
label: '填充设置:',
|
|
245
|
+
ele: 'xd-margin-padding',
|
|
246
|
+
valueKey: 'bgImagePadding',
|
|
247
|
+
value: params['bgImagePadding'] || null,
|
|
248
|
+
disabled: false,
|
|
249
|
+
setting: {
|
|
250
|
+
type: 'padding',
|
|
251
|
+
},
|
|
252
|
+
placeholder: '请填充设置',
|
|
253
|
+
inline: false,
|
|
254
|
+
notice: '设置内填充,<span style="color: red">单位:像素</span>。默认值:0像素',
|
|
255
|
+
},
|
|
243
256
|
params.poster && params.poster['type']&& params.poster['type'] !== '1' && {
|
|
244
257
|
label: '广告位内容间距设置:',
|
|
245
258
|
ele: 'el-input',
|
|
@@ -18,9 +18,10 @@
|
|
|
18
18
|
v-if="noData"
|
|
19
19
|
:style="{
|
|
20
20
|
margin: margin,
|
|
21
|
-
|
|
22
|
-
backgroundSize: '100%
|
|
21
|
+
backgroundImage: background?`url(${getBgImage})`:'none',
|
|
22
|
+
backgroundSize: '100%',
|
|
23
23
|
backgroundRepeat: 'no-repeat',
|
|
24
|
+
padding: outPadding
|
|
24
25
|
}
|
|
25
26
|
">
|
|
26
27
|
<!--一分屏-->
|
|
@@ -263,6 +264,32 @@
|
|
|
263
264
|
}
|
|
264
265
|
return style[this.mode]
|
|
265
266
|
},
|
|
267
|
+
getBgImage(){
|
|
268
|
+
let bg = '';
|
|
269
|
+
if(this.$xdUniHelper.checkVarType(this.background) === 'object'
|
|
270
|
+
|| this.$xdUniHelper.checkVarType(this.background) === 'array'
|
|
271
|
+
) {
|
|
272
|
+
if(!this.$xdUniHelper.isEmpty(this.background)) {
|
|
273
|
+
return getServiceUrl(this.background.url)
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
return bg
|
|
277
|
+
},
|
|
278
|
+
outPadding(){
|
|
279
|
+
try {
|
|
280
|
+
let defaultvalue = 0;
|
|
281
|
+
if(this.$xdUniHelper.isEmpty(this.background)) defaultvalue = 20
|
|
282
|
+
console.log(this.bgImagePadding,'this.paddingthis.paddingthis.padding');
|
|
283
|
+
let padding = `${this.bgImagePadding.top !== null ? this.bgImagePadding.top : defaultvalue}rpx`;
|
|
284
|
+
padding = `${padding} ${this.bgImagePadding.right !== null ? this.bgImagePadding.right : defaultvalue}rpx`;
|
|
285
|
+
padding = `${padding} ${this.bgImagePadding.bottom !== null ? this.bgImagePadding.bottom : defaultvalue}rpx`;
|
|
286
|
+
padding = `${padding} ${this.bgImagePadding.left !== null ? this.bgImagePadding.left : defaultvalue}rpx`;
|
|
287
|
+
return padding;
|
|
288
|
+
} catch (error) {
|
|
289
|
+
console.log(error,'amamamam');
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
},
|
|
266
293
|
},
|
|
267
294
|
watch: {
|
|
268
295
|
container(value) {
|
|
@@ -447,8 +474,8 @@
|
|
|
447
474
|
this.rows = getContainerPropsValue(container, 'content.rows', 1);
|
|
448
475
|
this.isSupport = getContainerPropsValue(container, 'content.isSupport', 'Y');
|
|
449
476
|
this.mS = getContainerPropsValue(container, 'content.margin', this.getDefualtValue('margin'));
|
|
450
|
-
this.background = getContainerPropsValue(container, "content.background",
|
|
451
|
-
|
|
477
|
+
this.background = getContainerPropsValue(container, "content.background", 'none');
|
|
478
|
+
this.bgImagePadding = getContainerPropsValue(container, 'content.bgImagePadding', {top: 20, left: 20, right: 20, bottom: 20});
|
|
452
479
|
//content
|
|
453
480
|
|
|
454
481
|
this.mode = getContainerPropsValue(container, 'content.dot_type', 'dot');
|
|
@@ -12,47 +12,15 @@
|
|
|
12
12
|
*/
|
|
13
13
|
module.exports = [
|
|
14
14
|
{
|
|
15
|
-
mapFnName: '
|
|
16
|
-
title: '
|
|
17
|
-
path: '/
|
|
15
|
+
mapFnName: 'getListPosterContent', //自定义方法名字(必选)
|
|
16
|
+
title: '获取内容',
|
|
17
|
+
path: '/cms/v1/ad-content',
|
|
18
18
|
isRule: false,
|
|
19
19
|
params: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
disabled: true,
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
mapFnName: 'updateFilmPaiqiDate', //自定义方法名字(必选)
|
|
28
|
-
title: '更新排期',
|
|
29
|
-
path: '/api/account/film/paiqi-date',
|
|
30
|
-
isRule: false,
|
|
31
|
-
params: {
|
|
32
|
-
film_id: ['电影id', 'Number', '必选'],
|
|
33
|
-
cinema_id: ['影院id', 'Number', '必选'],
|
|
34
|
-
},
|
|
35
|
-
isConsole: true,
|
|
36
|
-
disabled: true,
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
mapFnName: 'removeFilmAddress', //自定义方法名字(必选)
|
|
40
|
-
title: '删除我的配送地址',
|
|
41
|
-
path: '/api/account/film/paiqi-date',
|
|
42
|
-
isRule: false,
|
|
43
|
-
params: {
|
|
44
|
-
film_id: ['电影id', 'Number', '必选'],
|
|
45
|
-
},
|
|
46
|
-
isConsole: true,
|
|
47
|
-
disabled: true,
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
mapFnName: 'addFilmcart', //自定义方法名字(必选)
|
|
51
|
-
title: '添加购物车',
|
|
52
|
-
path: '/api/account/film/paiqi-date',
|
|
53
|
-
isRule: false,
|
|
54
|
-
params: {
|
|
55
|
-
film_id: ['电影id', 'Number', '必选'],
|
|
20
|
+
scene: ['使用场景', 'String', '选填'],
|
|
21
|
+
container_id: ['插件ID', 'String', '必填'],
|
|
22
|
+
page_id: ['页面ID', 'String', '必填'],
|
|
23
|
+
page_size: ['记录条数', 'Number', '必填'],
|
|
56
24
|
},
|
|
57
25
|
isConsole: true,
|
|
58
26
|
disabled: true,
|