jufubao-base 1.0.204 → 1.0.205-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/JfbBaseBackground/JfbBaseBackground.vue +6 -2
- package/src/components/JfbBaseEntry/JfbBaseEntry.vue +49 -38
- package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue +2 -4
- package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +11 -4
- package/src/components/JfbBasePoster/JfbBasePoster.vue +11 -2
- package/src/components/JfbBasePosterType/Attr.js +199 -81
- package/src/components/JfbBasePosterType/FourScreen.vue +115 -233
- package/src/components/JfbBasePosterType/JfbBasePosterType.vue +161 -80
- package/src/mixins/componentsMixins.js +51 -47
package/package.json
CHANGED
|
@@ -14,7 +14,11 @@
|
|
|
14
14
|
</view>
|
|
15
15
|
<!-- #endif -->
|
|
16
16
|
<view class="jfb-base-background__body">
|
|
17
|
-
<view
|
|
17
|
+
<view
|
|
18
|
+
:style="{background:backgroundColor,color:warningColor}"
|
|
19
|
+
class="jfb-base-background__body-pop"
|
|
20
|
+
v-if="isPreview"
|
|
21
|
+
>设置背景模式方便编辑(占位),在线上此模块不显</view>
|
|
18
22
|
</view>
|
|
19
23
|
</view>
|
|
20
24
|
</template>
|
|
@@ -95,7 +99,7 @@ export default {
|
|
|
95
99
|
|
|
96
100
|
.jfb-base-background {
|
|
97
101
|
&__body {
|
|
98
|
-
|
|
102
|
+
|
|
99
103
|
&-pop {
|
|
100
104
|
min-height: 100rpx;
|
|
101
105
|
text-align: center;
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
this.$xdHideLoading();
|
|
155
155
|
let isH5FilterEntryList = [];
|
|
156
156
|
let isMpFilterEntryList = [];
|
|
157
|
-
|
|
157
|
+
let entryList = res.list.filter(item=>{
|
|
158
158
|
//#ifdef H5
|
|
159
159
|
//在H5平台应用中不可跳转到微信小程序应用
|
|
160
160
|
if(item.redirect_data.appType === 'wxmp'){
|
|
@@ -172,59 +172,70 @@
|
|
|
172
172
|
}
|
|
173
173
|
return true
|
|
174
174
|
//#endif
|
|
175
|
-
})
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
175
|
+
})
|
|
176
|
+
.map(item => {
|
|
177
|
+
const {dir, path, host,appType} = item['redirect_data'];
|
|
178
|
+
if(appType === undefined) item.redirect_data.appType = 'h5';
|
|
179
|
+
item['image_url'] = getServiceUrl(item.image_url);
|
|
180
|
+
item['image_url2'] = item.image_url2 ? getServiceUrl(item.image_url2) : "";
|
|
181
|
+
item['image_url3'] = item.image_url3 ? getServiceUrl(item.image_url3) : "";
|
|
182
|
+
let nsp = Base64.encodeURI(JSON.stringify({business_code: item['business_code']}));
|
|
182
183
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
184
|
+
//外站配置地址
|
|
185
|
+
if(item.redirect_type === 'URL') {
|
|
186
|
+
if(item['redirect_data']['path'].indexOf('?') === -1) {
|
|
187
|
+
item['redirect_data']['path'] = `${item['redirect_data']['path']}?x-common=${nsp}&vs=${new Date().getTime()}`
|
|
188
|
+
}
|
|
189
|
+
else item['redirect_data']['path'] = `${item['redirect_data']['path']}&x-common=${nsp}&vs=${new Date().getTime()}`;
|
|
190
|
+
return item;
|
|
187
191
|
}
|
|
188
|
-
else item['redirect_data']['path'] = `${item['redirect_data']['path']}&x-common=${nsp}&vs=${new Date().getTime()}`;
|
|
189
|
-
return item;
|
|
190
|
-
}
|
|
191
192
|
|
|
192
|
-
|
|
193
|
+
let jumpUrl = path;
|
|
193
194
|
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
195
|
+
//域名相同并且应用路径不相同时候处理
|
|
196
|
+
if(host === this.projectAttr.host && this.projectAttr['deploy_dir'] !== dir){
|
|
197
|
+
jumpUrl = `//${host}/${dir}${path}`;
|
|
198
|
+
//#ifdef MP-WEIXIN
|
|
199
|
+
jumpUrl = `https:${jumpUrl}`;
|
|
200
|
+
//#endif
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
//获取自定义卡券登录地址(微信小程序跳转到H5平台起作用)
|
|
204
|
+
let cardPathStr = '';
|
|
197
205
|
//#ifdef MP-WEIXIN
|
|
198
|
-
|
|
206
|
+
if(item.redirect_data.appType === 'h5') {
|
|
207
|
+
const custom_redirect_data = this.$xdUniHelper.checkVarType(item['custom_redirect_data']) === 'object'?item['custom_redirect_data']:{};
|
|
208
|
+
const cardPathObject = this.getCardPath(custom_redirect_data);
|
|
209
|
+
if(cardPathObject !== null) {
|
|
210
|
+
const {cardPath, cardSelf} =cardPathObject
|
|
211
|
+
if(cardPath) cardPathStr = `&card-login=${encodeURIComponent(cardPath)}&cardSelf=${cardSelf}`
|
|
212
|
+
}
|
|
213
|
+
}
|
|
199
214
|
//#endif
|
|
200
|
-
|
|
215
|
+
item['redirect_data']['path'] = `${jumpUrl}?x-common=${nsp}&vs=${new Date().getTime()}${cardPathStr}`
|
|
216
|
+
return item;
|
|
217
|
+
});
|
|
201
218
|
|
|
202
|
-
//获取自定义卡券登录地址(微信小程序跳转到H5平台起作用)
|
|
203
|
-
let cardPathStr = '';
|
|
204
|
-
//#ifdef MP-WEIXIN
|
|
205
|
-
if(item.redirect_data.appType === 'h5') {
|
|
206
|
-
const custom_redirect_data = this.$xdUniHelper.checkVarType(item['custom_redirect_data']) === 'object'?item['custom_redirect_data']:{};
|
|
207
|
-
const cardPathObject = this.getCardPath(custom_redirect_data);
|
|
208
|
-
if(cardPathObject !== null) {
|
|
209
|
-
const {cardPath, cardSelf} =cardPathObject
|
|
210
|
-
if(cardPath) cardPathStr = `&card-login=${encodeURIComponent(cardPath)}&cardSelf=${cardSelf}`
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
//#endif
|
|
214
|
-
item['redirect_data']['path'] = `${jumpUrl}?x-common=${nsp}&vs=${new Date().getTime()}${cardPathStr}`
|
|
215
|
-
return item;
|
|
216
|
-
});
|
|
217
219
|
//#ifdef MP-WEIXIN
|
|
218
220
|
console.warn(`微信小程序端被过滤的入口列表:${JSON.stringify(isMpFilterEntryList.map(item=> `${item.redirect_data.appType}:${item.entry_name}:${item.redirect_data['frontPath']}`),null,2)}`)
|
|
219
221
|
//#endif
|
|
220
222
|
//#ifdef H5
|
|
221
223
|
console.warn(`H5端被过滤的入口列表:${JSON.stringify(isH5FilterEntryList.map(item=> `${item.redirect_data.appType}:${item.entry_name}:${item.redirect_data['frontPath']}`),null,2)}`)
|
|
222
224
|
//#endif
|
|
223
|
-
console.warn(`福利入口链接列表:${JSON.stringify(
|
|
224
|
-
|
|
225
|
+
console.warn(`福利入口链接列表:${JSON.stringify(entryList.map(item=> `${item.redirect_data.appType}:${item.redirect_data['path']}`),null,2)}`);
|
|
226
|
+
|
|
227
|
+
//一条数据直接跳转到入口
|
|
228
|
+
if(entryList.length === 1){
|
|
229
|
+
this.toLink(entryList[0]);
|
|
230
|
+
return
|
|
231
|
+
}
|
|
232
|
+
//无数据提示
|
|
225
233
|
if(res.list.length === 0) {
|
|
226
234
|
this.$xdAlert({content: '当前票券暂无支持服务'})
|
|
235
|
+
return;
|
|
227
236
|
}
|
|
237
|
+
//复制
|
|
238
|
+
this.entryList = entryList;
|
|
228
239
|
})
|
|
229
240
|
},
|
|
230
241
|
toLink(item){
|
|
@@ -242,18 +242,16 @@
|
|
|
242
242
|
|
|
243
243
|
.jfb-base-fast-link {
|
|
244
244
|
display: flex;
|
|
245
|
-
min-height: unit(100, rpx);
|
|
246
245
|
|
|
247
246
|
&__body{
|
|
248
247
|
flex: 1;
|
|
249
248
|
|
|
250
249
|
&-pop {
|
|
251
|
-
min-height:
|
|
250
|
+
min-height: 100rpx;
|
|
252
251
|
text-align: center;
|
|
253
|
-
line-height:
|
|
252
|
+
line-height: 100rpx;
|
|
254
253
|
color: #666;
|
|
255
254
|
font-size: unit(24, rpx);
|
|
256
|
-
padding:unit(20, rpx);
|
|
257
255
|
}
|
|
258
256
|
}
|
|
259
257
|
}
|
|
@@ -678,7 +678,7 @@
|
|
|
678
678
|
size="28"
|
|
679
679
|
icon="iconxia_down"
|
|
680
680
|
></xd-font-icon>
|
|
681
|
-
</view>
|
|
681
|
+
</view>
|
|
682
682
|
</view>
|
|
683
683
|
<view class="jfb-base-order-detail__body-html" v-if="showAllProductDetail">
|
|
684
684
|
<view v-html="info.productDetail"></view>
|
|
@@ -967,7 +967,7 @@ export default {
|
|
|
967
967
|
this.getCountDown();
|
|
968
968
|
}
|
|
969
969
|
},
|
|
970
|
-
getOrderDetail() {
|
|
970
|
+
getOrderDetail() {
|
|
971
971
|
jfbRootExec("getBaseOrderDetail", {
|
|
972
972
|
vm: this,
|
|
973
973
|
data: {
|
|
@@ -979,6 +979,13 @@ export default {
|
|
|
979
979
|
},
|
|
980
980
|
})
|
|
981
981
|
.then((res) => {
|
|
982
|
+
|
|
983
|
+
//跳转到第三方订单
|
|
984
|
+
if(res['third_order_detail_url']) {
|
|
985
|
+
this.$xdUniHelper.redirectTo({url: res['third_order_detail_url']}, false, false);
|
|
986
|
+
return;
|
|
987
|
+
}
|
|
988
|
+
|
|
982
989
|
this.biz_code = res.biz_code;
|
|
983
990
|
this.is_not_show_price = res.is_not_show_price;
|
|
984
991
|
|
|
@@ -1135,9 +1142,9 @@ export default {
|
|
|
1135
1142
|
});
|
|
1136
1143
|
} catch (error) {
|
|
1137
1144
|
console.log(error,'apapapa');
|
|
1138
|
-
|
|
1145
|
+
|
|
1139
1146
|
}
|
|
1140
|
-
|
|
1147
|
+
|
|
1141
1148
|
}
|
|
1142
1149
|
else {
|
|
1143
1150
|
this.info = res;
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
:current="current"
|
|
69
69
|
circular
|
|
70
70
|
@animationfinish="handleAnimationfinish"
|
|
71
|
+
@change="handleChange"
|
|
71
72
|
>
|
|
72
73
|
<swiper-item v-for="(item,index) in info" :key="index" @click.stop="handleClick(item,index)">
|
|
73
74
|
<image :style="{width: getOneWidth + 'rpx', height: getOneHeight + 'rpx'}" :src="item['image_url']" mode="aspectFill"></image>
|
|
@@ -83,6 +84,7 @@
|
|
|
83
84
|
:height="getOneHeight + 'rpx'"
|
|
84
85
|
:interval="carouselTime"
|
|
85
86
|
@onClickItem="handleClick"
|
|
87
|
+
@change="handleChange"
|
|
86
88
|
@animationfinish="handleAnimationfinish"
|
|
87
89
|
>
|
|
88
90
|
<template slot-scope="{ item, index}">
|
|
@@ -446,7 +448,14 @@
|
|
|
446
448
|
}
|
|
447
449
|
return temp
|
|
448
450
|
},
|
|
449
|
-
|
|
451
|
+
|
|
452
|
+
handleAnimationfinish(e){
|
|
453
|
+
|
|
454
|
+
},
|
|
455
|
+
|
|
456
|
+
handleChange(e) {
|
|
457
|
+
this.current = e.detail.current;
|
|
458
|
+
|
|
450
459
|
//不支持背景不处理
|
|
451
460
|
if(this.isSupport==='N') return;
|
|
452
461
|
console.warn(`handleAnimationfinish.start`)
|
|
@@ -469,7 +478,6 @@
|
|
|
469
478
|
let bg = null;
|
|
470
479
|
if(this.currentImage) bg = this.currentImage;
|
|
471
480
|
this.$xdRoot.$emit("setLayoutPageBg", bg);
|
|
472
|
-
this.current = e.detail.current;
|
|
473
481
|
}
|
|
474
482
|
},
|
|
475
483
|
|
|
@@ -544,6 +552,7 @@
|
|
|
544
552
|
}
|
|
545
553
|
})
|
|
546
554
|
},
|
|
555
|
+
|
|
547
556
|
handleOne(list){
|
|
548
557
|
this.info = this.handleImage(list);
|
|
549
558
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
import
|
|
3
|
+
import {oldTonNewBorAndSha} from "@/utils/AttrTools";
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @description 当表单组件中有联动操作时候,使用方法进行返回
|
|
@@ -14,9 +14,26 @@ export default {
|
|
|
14
14
|
if (params['shadow'] === undefined) params['shadow'] = 2;
|
|
15
15
|
if (!params['cells']) params['cells'] = 4;
|
|
16
16
|
if (!params['jdRows']) params['jdRows'] = 1;
|
|
17
|
-
if (!params['radius']) params['radius'] = '20';
|
|
18
17
|
if (!params['carouselTime']) params['carouselTime'] = 5;
|
|
19
|
-
if(params['cells'] === 4) defaultPadding =
|
|
18
|
+
if(params['cells'] === 4) defaultPadding = 25;
|
|
19
|
+
let iconSetBaseStyle = 'Y';
|
|
20
|
+
if(params['iconSetBaseStyle']) iconSetBaseStyle = params['iconSetBaseStyle'];
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
let defContShadow = oldTonNewBorAndSha(
|
|
24
|
+
params['iconShadow'],
|
|
25
|
+
params.shadow===1?'Y':'N',
|
|
26
|
+
'10',
|
|
27
|
+
params.shadowColor|| 'rgba(0,0,0,0)',
|
|
28
|
+
);
|
|
29
|
+
if(defContShadow.type === 'Y' && params.shadow ===1) {
|
|
30
|
+
params.shadow = 2
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
let fontColor = '#333';
|
|
34
|
+
if(params['textColor']) fontColor = params['textColor']
|
|
35
|
+
if(params.titleStyle && params.titleStyle.color) fontColor = params.titleStyle.color;
|
|
36
|
+
|
|
20
37
|
return [
|
|
21
38
|
{
|
|
22
39
|
label: '导航配置:',
|
|
@@ -255,36 +272,68 @@ export default {
|
|
|
255
272
|
label: '导航显示方式:',
|
|
256
273
|
ele: 'xd-radio',
|
|
257
274
|
valueKey: 'isCarousel',
|
|
258
|
-
value: params['isCarousel'],
|
|
275
|
+
value: params['isCarousel'] || 1,
|
|
259
276
|
groupKey:'content',
|
|
260
|
-
|
|
261
|
-
{required: true, message: '请选择导航显示方式', trigger: ['blur', 'change']}
|
|
262
|
-
],
|
|
277
|
+
labelInline: true,
|
|
263
278
|
list: [
|
|
264
279
|
{"label": "焦点图显示", "value": 1},
|
|
265
280
|
{"label": "轮播图显示", "value": 2},
|
|
266
281
|
]
|
|
267
282
|
},
|
|
268
|
-
{
|
|
269
|
-
|
|
283
|
+
params['isCarousel'] === 2 && {
|
|
284
|
+
labelInline: true,
|
|
285
|
+
label: '轮播速度:',
|
|
270
286
|
ele: 'el-input',
|
|
271
287
|
type: 'number',
|
|
272
288
|
isKey: true,
|
|
273
289
|
groupKey:'content',
|
|
274
290
|
valueKey: 'carouselTime',
|
|
275
291
|
value: params.carouselTime,
|
|
276
|
-
placeholder: '
|
|
292
|
+
placeholder: '请输入轮播速度,单位秒',
|
|
277
293
|
className: 'input60',
|
|
278
294
|
inline: false,
|
|
279
|
-
notice: '
|
|
295
|
+
notice: '轮播速度设置仅在“<span style="color:red">轮播图显示</span>”生效,单位:<span style="color:red">秒</span>',
|
|
280
296
|
},
|
|
281
|
-
{
|
|
282
|
-
|
|
297
|
+
params['isCarousel'] === 2 && {
|
|
298
|
+
labelInline: true,
|
|
299
|
+
label: '导航数量:',
|
|
300
|
+
ele: 'el-input',
|
|
301
|
+
type: 'number',
|
|
302
|
+
valueKey: 'number',
|
|
303
|
+
groupKey:'content',
|
|
304
|
+
value: params.number || '20',
|
|
305
|
+
placeholder: '请输入导航数量',
|
|
306
|
+
className: 'input60',
|
|
307
|
+
unit:'条',
|
|
308
|
+
},
|
|
309
|
+
params['isCarousel'] === 2 && {
|
|
310
|
+
label: '广告显示dot类型:',
|
|
283
311
|
ele: 'xd-select-list',
|
|
312
|
+
valueKey: 'dot_type',
|
|
313
|
+
value: params['dot_type'] || 'round',
|
|
314
|
+
groupKey:'content',
|
|
315
|
+
placeholder: '请选择广告显示dot类型',
|
|
316
|
+
multiple: false,
|
|
317
|
+
className: 'input80',
|
|
318
|
+
list:[
|
|
319
|
+
{label: '显示圆点', value: 'dot'},
|
|
320
|
+
{label: '显示长方形', value: 'default'},
|
|
321
|
+
{label: '显示圆点+长条', value: 'round'},
|
|
322
|
+
{label: '显示索引+标题', value: 'nav'},
|
|
323
|
+
{label: '显示索引', value: 'indexes'},
|
|
324
|
+
{label: '不显示', value: 'normal'},
|
|
325
|
+
],
|
|
326
|
+
notice: '在使用非通屏显示类型广告位之外的样式时,<span style="color: red">(显示索引+标题|显示索引)</span>使用"<span style="color: red">显示圆点</span>"',
|
|
327
|
+
inline: false,
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
label: '导航显示行数:',
|
|
331
|
+
ele: 'xd-radio',
|
|
284
332
|
valueKey: 'jdRows',
|
|
285
333
|
groupKey:'content',
|
|
286
334
|
value: params.jdRows,
|
|
287
335
|
className: 'input60',
|
|
336
|
+
labelInline: true,
|
|
288
337
|
list: [
|
|
289
338
|
{"label": "一行", "value": 1},
|
|
290
339
|
{"label": "两行", "value": 2},
|
|
@@ -292,57 +341,91 @@ export default {
|
|
|
292
341
|
]
|
|
293
342
|
},
|
|
294
343
|
{
|
|
295
|
-
label: '
|
|
296
|
-
ele: '
|
|
297
|
-
type: 'number',
|
|
298
|
-
valueKey: 'number',
|
|
299
|
-
groupKey:'content',
|
|
300
|
-
value: params.number,
|
|
301
|
-
placeholder: '请输入导航内容置使用张数',
|
|
302
|
-
className: 'input60',
|
|
303
|
-
unit:'张',
|
|
304
|
-
rules: [
|
|
305
|
-
{
|
|
306
|
-
required: true,
|
|
307
|
-
message: '请输入导航内容置使用张数',
|
|
308
|
-
trigger: 'blur'
|
|
309
|
-
},
|
|
310
|
-
]
|
|
311
|
-
},
|
|
312
|
-
{
|
|
313
|
-
label: '导航内容显示列数:',
|
|
314
|
-
ele: 'xd-select-list',
|
|
344
|
+
label: '导航显示列数:',
|
|
345
|
+
ele: 'xd-radio',
|
|
315
346
|
valueKey: 'cells',
|
|
316
347
|
groupKey:'content',
|
|
317
348
|
value: params.cells,
|
|
318
349
|
className: 'input60',
|
|
350
|
+
labelInline: true,
|
|
319
351
|
list: [
|
|
320
352
|
{"label": "四列", "value": 4},
|
|
321
353
|
{"label": '五列', "value": 5},
|
|
322
354
|
]
|
|
323
355
|
},
|
|
324
356
|
{
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
357
|
+
ele: 'title',
|
|
358
|
+
label: '导航ICON设置',
|
|
359
|
+
size: 'small',
|
|
328
360
|
groupKey:'content',
|
|
329
|
-
value: params.iconPadding || null,
|
|
330
|
-
setting: {
|
|
331
|
-
type: 'margin',
|
|
332
|
-
},
|
|
333
|
-
placeholder: '请设置外边距',
|
|
334
|
-
inline: false,
|
|
335
|
-
notice: `ICON图标填充设置,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">${defaultPadding}</span> 像素,<br/><span style="color: red">注意</span>:上下填充数值相加=左右填充数值相加时,ICON才会时正方形。`,
|
|
336
361
|
},
|
|
337
362
|
{
|
|
338
|
-
label: '
|
|
339
|
-
ele: 'xd-
|
|
340
|
-
valueKey: '
|
|
341
|
-
value:
|
|
363
|
+
label: '基础样式设置:',
|
|
364
|
+
ele: 'xd-radio',
|
|
365
|
+
valueKey: 'iconSetBaseStyle',
|
|
366
|
+
value: iconSetBaseStyle,
|
|
342
367
|
groupKey:'content',
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
368
|
+
labelInline: true,
|
|
369
|
+
list: [
|
|
370
|
+
{"label": "默认", "value": 'N'},
|
|
371
|
+
{"label": "自定义", "value": 'Y'},
|
|
372
|
+
]
|
|
373
|
+
},
|
|
374
|
+
iconSetBaseStyle === 'Y' && {
|
|
375
|
+
label: "ICON大小设置:",
|
|
376
|
+
groupKey: 'content',
|
|
377
|
+
labelInline: true,
|
|
378
|
+
ele: 'xd-slider',
|
|
379
|
+
valueKey: "columnSpacing",
|
|
380
|
+
value: params['columnSpacing'] === undefined?0:params['columnSpacing'],
|
|
381
|
+
className: "input80",
|
|
382
|
+
setting:{
|
|
383
|
+
min: 0,
|
|
384
|
+
max: 60,
|
|
385
|
+
step:1,
|
|
386
|
+
showStops:false,
|
|
387
|
+
}
|
|
388
|
+
},
|
|
389
|
+
iconSetBaseStyle === 'Y' && {
|
|
390
|
+
label: "ICON圆角:",
|
|
391
|
+
groupKey: 'content',
|
|
392
|
+
labelInline: true,
|
|
393
|
+
ele: 'xd-slider',
|
|
394
|
+
valueKey: "radius",
|
|
395
|
+
value: params['radius'] === undefined?20:params['radius'],
|
|
396
|
+
className: "input80",
|
|
397
|
+
setting:{
|
|
398
|
+
min: 0,
|
|
399
|
+
max: 100,
|
|
400
|
+
step:1,
|
|
401
|
+
showStops:false,
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
iconSetBaseStyle === 'Y' && {
|
|
405
|
+
label: "ICON边距设置:",
|
|
406
|
+
groupKey: 'content',
|
|
407
|
+
labelInline: true,
|
|
408
|
+
ele: 'xd-slider',
|
|
409
|
+
valueKey: "iconMargin",
|
|
410
|
+
value: params['iconMargin'] === undefined?defaultPadding:params['iconMargin'],
|
|
411
|
+
className: "input80",
|
|
412
|
+
setting:{
|
|
413
|
+
min: 0,
|
|
414
|
+
max: 60,
|
|
415
|
+
step:1,
|
|
416
|
+
showStops:false,
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
iconSetBaseStyle === 'Y' && {
|
|
420
|
+
label: '投影设置:',
|
|
421
|
+
ele: 'xd-shadow',
|
|
422
|
+
groupKey:'content',
|
|
423
|
+
labelInline: true,
|
|
424
|
+
valueKey: 'iconShadow',
|
|
425
|
+
value: defContShadow,
|
|
426
|
+
setting: {
|
|
427
|
+
selected: defContShadow.type,
|
|
428
|
+
},
|
|
346
429
|
handleCustom({action, data}) {
|
|
347
430
|
XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
|
|
348
431
|
.then(res => {
|
|
@@ -350,10 +433,48 @@ export default {
|
|
|
350
433
|
})
|
|
351
434
|
.catch(error => {
|
|
352
435
|
console.error(error);
|
|
436
|
+
data.cb([])
|
|
353
437
|
});
|
|
354
438
|
},
|
|
355
439
|
},
|
|
356
|
-
{
|
|
440
|
+
iconSetBaseStyle === 'Y' && {
|
|
441
|
+
label: "导航文字设置:",
|
|
442
|
+
ele: "xd-font",
|
|
443
|
+
valueKey: "titleStyle",
|
|
444
|
+
value: params.titleStyle || {},
|
|
445
|
+
groupKey:'content',
|
|
446
|
+
setting: {
|
|
447
|
+
color:true,
|
|
448
|
+
fontSize: true,
|
|
449
|
+
decoration: true,
|
|
450
|
+
weight: true,
|
|
451
|
+
lineHeight: true,
|
|
452
|
+
icon: false,
|
|
453
|
+
style:false,
|
|
454
|
+
align:false,
|
|
455
|
+
isEmpty: true,
|
|
456
|
+
default:{
|
|
457
|
+
color: fontColor,
|
|
458
|
+
fontSize:'24rpx',
|
|
459
|
+
lineHeight: '36rpx',
|
|
460
|
+
decoration:'none',
|
|
461
|
+
weight:'normal'
|
|
462
|
+
}
|
|
463
|
+
},
|
|
464
|
+
handleCustom({action, data}) {
|
|
465
|
+
XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
|
|
466
|
+
.then(res => {
|
|
467
|
+
data.cb(res.list)
|
|
468
|
+
})
|
|
469
|
+
.catch(error => {
|
|
470
|
+
data.cb([])
|
|
471
|
+
console.error(error);
|
|
472
|
+
});
|
|
473
|
+
},
|
|
474
|
+
|
|
475
|
+
},
|
|
476
|
+
|
|
477
|
+
iconSetBaseStyle === 'Y' && {
|
|
357
478
|
label: '导航ICON是否阴影设置:',
|
|
358
479
|
ele: 'xd-radio',
|
|
359
480
|
valueKey: 'shadow',
|
|
@@ -361,12 +482,14 @@ export default {
|
|
|
361
482
|
value: params['shadow'],
|
|
362
483
|
placeholder: '请选择导航ICON阴影设置',
|
|
363
484
|
className: 'input60',
|
|
485
|
+
hidden:true,
|
|
364
486
|
list: [
|
|
365
487
|
{"label": "是", "value": 1},
|
|
366
488
|
{"label": "否", "value": 2},
|
|
367
489
|
]
|
|
368
490
|
},
|
|
369
|
-
|
|
491
|
+
iconSetBaseStyle === 'Y' && {
|
|
492
|
+
hidden:true,
|
|
370
493
|
label: '导航ICON阴影颜色配置:',
|
|
371
494
|
ele: 'xd-color',
|
|
372
495
|
valueKey: 'shadowColor',
|
|
@@ -376,12 +499,7 @@ export default {
|
|
|
376
499
|
classNmae: 'input60',
|
|
377
500
|
},
|
|
378
501
|
|
|
379
|
-
|
|
380
|
-
ele: 'title',
|
|
381
|
-
label: '样式设置',
|
|
382
|
-
size: 'small',
|
|
383
|
-
groupKey:'style',
|
|
384
|
-
},
|
|
502
|
+
|
|
385
503
|
{
|
|
386
504
|
label: '背景颜色:',
|
|
387
505
|
ele: 'xd-color',
|
|
@@ -390,27 +508,27 @@ export default {
|
|
|
390
508
|
value: params['bgColor'] || '',
|
|
391
509
|
placeholder: '请选择背景颜色',
|
|
392
510
|
classNmae: 'input60',
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
label: '背景圆角设置:',
|
|
396
|
-
ele: 'xd-site-select-list',
|
|
397
|
-
valueKey: 'bgRadius',
|
|
398
|
-
value: params['bgRadius'],
|
|
399
|
-
groupKey:'style',
|
|
400
|
-
placeholder: '请选择背景圆角设置',
|
|
401
|
-
multiple: false,
|
|
402
|
-
className: 'input60',
|
|
403
|
-
handleCustom({action, data}) {
|
|
404
|
-
XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
|
|
405
|
-
.then(res => {
|
|
406
|
-
data.cb(res.list)
|
|
407
|
-
})
|
|
408
|
-
.catch(error => {
|
|
409
|
-
console.error(error);
|
|
410
|
-
});
|
|
511
|
+
setting: {
|
|
512
|
+
showAlpha: true
|
|
411
513
|
},
|
|
412
514
|
},
|
|
413
515
|
{
|
|
516
|
+
label: "圆角设置:",
|
|
517
|
+
groupKey: 'style',
|
|
518
|
+
labelInline: true,
|
|
519
|
+
ele: 'xd-slider',
|
|
520
|
+
valueKey: "bgRadius",
|
|
521
|
+
value: params['bgRadius'] === undefined?'':params['bgRadius'],
|
|
522
|
+
className: "input80",
|
|
523
|
+
setting:{
|
|
524
|
+
isOptions: true,
|
|
525
|
+
min: 0,
|
|
526
|
+
max: 100,
|
|
527
|
+
step:1,
|
|
528
|
+
showStops:false,
|
|
529
|
+
}
|
|
530
|
+
},
|
|
531
|
+
iconSetBaseStyle === 'Y' && {
|
|
414
532
|
label: '文字颜色:',
|
|
415
533
|
ele: 'xd-color',
|
|
416
534
|
valueKey: 'textColor',
|
|
@@ -420,7 +538,7 @@ export default {
|
|
|
420
538
|
classNmae: 'input80',
|
|
421
539
|
},
|
|
422
540
|
{
|
|
423
|
-
label: '
|
|
541
|
+
label: '外边距设置:',
|
|
424
542
|
ele: 'xd-margin-padding',
|
|
425
543
|
valueKey: 'margin',
|
|
426
544
|
groupKey:'style',
|
|
@@ -430,10 +548,10 @@ export default {
|
|
|
430
548
|
},
|
|
431
549
|
placeholder: '请设置外边距',
|
|
432
550
|
inline: false,
|
|
433
|
-
notice: '
|
|
551
|
+
notice: '外边距设置,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">0</span> 像素',
|
|
434
552
|
},
|
|
435
553
|
{
|
|
436
|
-
label: '
|
|
554
|
+
label: '填充设置:',
|
|
437
555
|
ele: 'xd-margin-padding',
|
|
438
556
|
valueKey: 'contentPadding',
|
|
439
557
|
groupKey:'style',
|
|
@@ -441,10 +559,10 @@ export default {
|
|
|
441
559
|
setting: {
|
|
442
560
|
type: 'padding',
|
|
443
561
|
},
|
|
444
|
-
placeholder: '内容设置填充',
|
|
445
562
|
inline: false,
|
|
446
|
-
notice: '
|
|
563
|
+
notice: '设置填充设置,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">0</span> 像素',
|
|
447
564
|
},
|
|
565
|
+
|
|
448
566
|
].filter(i=>i)
|
|
449
567
|
},
|
|
450
568
|
advanced: [
|