jufubao-base 1.0.76 → 1.0.77-beta10

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.
Files changed (25) hide show
  1. package/package.json +1 -1
  2. package/src/components/JfbBaseAfterOrderList/JfbBaseAfterOrderList.vue +101 -44
  3. package/src/components/JfbBaseCard/JfbBaseCard.vue +75 -65
  4. package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue +93 -43
  5. package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue +161 -92
  6. package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue +101 -45
  7. package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue +24 -14
  8. package/src/components/JfbBaseEntry/JfbBaseEntry.vue +19 -1
  9. package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue +1 -1
  10. package/src/components/JfbBaseLogin/Api.js +9 -0
  11. package/src/components/JfbBaseLogin/Attr.js +29 -6
  12. package/src/components/JfbBaseLogin/JfbBaseLogin.vue +113 -15
  13. package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue +3 -0
  14. package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue +194 -114
  15. package/src/components/JfbBasePoster/Attr.js +21 -1
  16. package/src/components/JfbBasePoster/JfbBasePoster.vue +7 -2
  17. package/src/components/JfbBasePosterBigSmall/Api.js +60 -0
  18. package/src/components/JfbBasePosterBigSmall/Attr.js +106 -0
  19. package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmall.vue +110 -0
  20. package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmallLess.less +80 -0
  21. package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmallMixin.js +30 -0
  22. package/src/components/JfbBasePosterBigSmall/Mock.js +5 -0
  23. package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue +95 -30
  24. package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue +3 -0
  25. package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue +58 -28
@@ -19,137 +19,171 @@
19
19
  <view
20
20
  class="jfb-base-order-list__body"
21
21
  >
22
- <xd-tab
23
- v-if="initStatus"
24
- :tabIndex="tabIndex"
25
- :list="tabList"
26
- show-footer-line
27
- @onTab="handleChange"
28
- ></xd-tab>
29
- <view
30
- v-if="orderList && orderList.length > 0"
31
- class="jfb-base-order-list__body-order"
32
- :style="{ padding: outMargin }"
33
- >
34
- <view
35
- @click="handleToLink(detailPath, item)"
36
- class="jfb-base-order-list__body-order-item"
37
- v-for="item in orderList"
38
- :key="item.main_order_id"
39
- :style="{
40
- background: backgroundColor,
41
- border: borderBox,
42
- borderRadius: radius + 'rpx',
43
- boxShadow: shadowBox,
44
- marginBottom: padding + 'rpx',
45
- }"
22
+ <view class="fixed_top" :style="{top: (layoutInfo.top-2)+'rpx'}">
23
+ <xd-tab
24
+ v-if="initStatus"
25
+ :tabIndex="tabIndex"
26
+ :list="tabList"
27
+ show-footer-line
28
+ @onTab="handleChange"
29
+ ></xd-tab>
30
+ </view>
31
+ <view style="height: 100rpx;"></view>
32
+ <view v-if="loadingList" class="jfb-base-order-list__body-order skeleton-wrap">
33
+ <view class="jfb-base-order-list__body-order-item"
34
+ v-for="i in 5" :key="i"
46
35
  >
47
- <view class="jfb-base-order-list__body-order-item-biz">
48
- <xd-font-icon
49
- v-if="item.biz_code_icon"
50
- :icon="item.biz_code_icon"
51
- :size="item['biz_code_icon_size']"
52
- ></xd-font-icon>
53
- <view :class="{ marginLeft: item.biz_code_icon }">{{
54
- item.biz_code_name
55
- }}</view>
56
- </view>
36
+ <view class="jfb-base-order-list__body-order-item-biz"><view></view></view>
57
37
  <view class="jfb-base-order-list__body-order-item-title">
58
- <view>订单编号:{{ item.main_order_id }}</view>
59
- <view
60
- :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
61
- >{{ item.status.status_name }}</view>
38
+ <view></view>
39
+ <view></view>
62
40
  </view>
63
41
  <view class="order-list">
64
42
  <view
65
- class="jfb-base-order-list__body-order-item-content"
66
- v-for="(Sitem, Sindex) in item.products"
67
- :key="Sitem.product_id + Sindex"
68
- v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
69
- <image
70
- :src="Sitem.product_thumb"
71
- style="background: #ffffff"
72
- mode="aspectFit"
73
- ></image>
43
+ class="jfb-base-order-list__body-order-item-content">
44
+ <image></image>
74
45
  <view class="jfb-base-order-list__body-order-item-content-info">
75
- <view
76
- class="jfb-base-order-list__body-order-item-content-info-name"
77
- >{{ Sitem.product_name }}</view
78
- >
79
- <view
80
- v-if="Sitem.product_sku_name"
81
- class="jfb-base-order-list__body-order-item-content-info-skuname"
82
- >规格:{{ Sitem.product_sku_name }}</view
83
- >
84
- <view
85
- class="jfb-base-order-list__body-order-item-content-info-price"
86
- >
87
- <view :style="{ fontSize: '32rpx', color: mainColor }">
88
- <xd-unit
89
- :isOld="false"
90
- :price="Sitem.sale_price"
91
- :color="mainColor"
92
- :fontSize="32"
93
- v-if="item.biz_code !== 'gift'"
94
- ></xd-unit>
95
- </view>
96
- <view class="info-price">
97
- <text>X</text>
98
- <text>{{ Sitem.product_num }}</text>
99
- </view>
46
+ <view class="jfb-base-order-list__body-order-item-content-info-name"></view>
47
+ <view class="jfb-base-order-list__body-order-item-content-info-price">
48
+ <view></view>
49
+ <view class="info-price"></view>
100
50
  </view>
101
51
  </view>
102
52
  </view>
103
- <view
104
- class="order-list-icon"
105
- :style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
106
- v-if="item.products.length > showLen"
107
- @click.stop="item['isOpen'] = !item['isOpen']"
108
- >
109
- <view :style="{ background: backgroundColor }">
110
- <xd-font-icon
111
- color="#666"
112
- :icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
113
- size="24"
114
- ></xd-font-icon>
115
- </view>
116
- </view>
117
53
  </view>
118
54
  <view class="jfb-base-order-list__body-order-item-bottom">
119
- <view>下单时间:{{ item.created_time_text }}</view>
120
- <view v-if="item.biz_code !== 'gift'">
121
- <text>合计:</text>
122
- <xd-unit
123
- :isOld="false"
124
- :price="item.total_amount"
125
- :color="mainColor"
126
- :fontSize="28"
127
- ></xd-unit>
128
- </view>
55
+ <view></view>
56
+ <view></view>
129
57
  </view>
58
+ </view>
59
+ </view>
60
+ <template v-else>
61
+ <view
62
+ v-if="orderList && orderList.length > 0"
63
+ class="jfb-base-order-list__body-order"
64
+ :style="{ padding: outMargin }"
65
+ >
130
66
  <view
131
- class="jfb-base-order-list__body-order-item-pay"
132
- v-if="item.buttons.length"
67
+ @click="handleToLink(detailPath, item)"
68
+ class="jfb-base-order-list__body-order-item"
69
+ v-for="item in orderList"
70
+ :key="item.main_order_id"
71
+ :style="{
72
+ background: backgroundColor,
73
+ border: borderBox,
74
+ borderRadius: radius + 'rpx',
75
+ boxShadow: shadowBox,
76
+ marginBottom: padding + 'rpx',
77
+ }"
133
78
  >
134
- <view v-for="(btn,index) in item.buttons" :key="btn.action+index">
135
- <xd-button
136
- :type="getBtnType(btn.action)"
137
- size="mini"
138
- @click="handleBtnEvent(btn.action, item)"
139
- >{{ btn.text }}
140
- </xd-button>
79
+ <view class="jfb-base-order-list__body-order-item-biz">
80
+ <xd-font-icon
81
+ v-if="item.biz_code_icon"
82
+ :icon="item.biz_code_icon"
83
+ :size="item['biz_code_icon_size']"
84
+ ></xd-font-icon>
85
+ <view :class="{ marginLeft: item.biz_code_icon }">{{
86
+ item.biz_code_name
87
+ }}</view>
88
+ </view>
89
+ <view class="jfb-base-order-list__body-order-item-title">
90
+ <view>订单编号:{{ item.main_order_id }}</view>
91
+ <view
92
+ :style="{color:item.status.status_type !== 'error' ? mainColor : '#999999',}"
93
+ >{{ item.status.status_name }}</view>
94
+ </view>
95
+ <view class="order-list">
96
+ <view
97
+ class="jfb-base-order-list__body-order-item-content"
98
+ v-for="(Sitem, Sindex) in item.products"
99
+ :key="Sitem.product_id + Sindex"
100
+ v-if="(item['isOpen'] === false && Sindex < showLen) || item['isOpen']">
101
+ <image
102
+ :src="Sitem.product_thumb"
103
+ style="background: #ffffff"
104
+ mode="aspectFit"
105
+ ></image>
106
+ <view class="jfb-base-order-list__body-order-item-content-info">
107
+ <view
108
+ class="jfb-base-order-list__body-order-item-content-info-name"
109
+ >{{ Sitem.product_name }}</view
110
+ >
111
+ <view
112
+ v-if="Sitem.product_sku_name"
113
+ class="jfb-base-order-list__body-order-item-content-info-skuname"
114
+ >规格:{{ Sitem.product_sku_name }}</view
115
+ >
116
+ <view
117
+ class="jfb-base-order-list__body-order-item-content-info-price"
118
+ >
119
+ <view :style="{ fontSize: '32rpx', color: mainColor }">
120
+ <xd-unit
121
+ :isOld="false"
122
+ :price="Sitem.sale_price"
123
+ :color="mainColor"
124
+ :fontSize="32"
125
+ v-if="item.biz_code !== 'gift'"
126
+ ></xd-unit>
127
+ </view>
128
+ <view class="info-price">
129
+ <text>X</text>
130
+ <text>{{ Sitem.product_num }}</text>
131
+ </view>
132
+ </view>
133
+ </view>
134
+ </view>
135
+ <view
136
+ class="order-list-icon"
137
+ :style="{ bottom: item['isOpen'] ? '-30rpx' : '-54rpx' }"
138
+ v-if="item.products.length > showLen"
139
+ @click.stop="item['isOpen'] = !item['isOpen']"
140
+ >
141
+ <view :style="{ background: backgroundColor }">
142
+ <xd-font-icon
143
+ color="#666"
144
+ :icon="item['isOpen'] ? 'iconshang_up' : 'iconxia_down'"
145
+ size="24"
146
+ ></xd-font-icon>
147
+ </view>
148
+ </view>
149
+ </view>
150
+ <view class="jfb-base-order-list__body-order-item-bottom">
151
+ <view>下单时间:{{ item.created_time_text }}</view>
152
+ <view v-if="item.biz_code !== 'gift'">
153
+ <text>合计:</text>
154
+ <xd-unit
155
+ :isOld="false"
156
+ :price="item.total_amount"
157
+ :color="mainColor"
158
+ :fontSize="28"
159
+ ></xd-unit>
160
+ </view>
161
+ </view>
162
+ <view
163
+ class="jfb-base-order-list__body-order-item-pay"
164
+ v-if="item.buttons.length"
165
+ >
166
+ <view v-for="(btn,index) in item.buttons" :key="btn.action+index">
167
+ <xd-button
168
+ :type="getBtnType(btn.action)"
169
+ size="mini"
170
+ @click="handleBtnEvent(btn.action, item)"
171
+ >{{ btn.text }}
172
+ </xd-button>
173
+ </view>
141
174
  </view>
142
175
  </view>
143
176
  </view>
144
- </view>
145
- <view v-else class="jfb-base-order-list__body-no">
146
- <xd-font-icon
147
- size="120"
148
- color="#ccc"
149
- icon="iconzanwudingdan"
150
- ></xd-font-icon>
151
- <view>暂无订单</view>
152
- </view>
177
+ <view v-else class="jfb-base-order-list__body-no">
178
+ <xd-font-icon
179
+ size="120"
180
+ color="#ccc"
181
+ icon="iconzanwudingdan"
182
+ ></xd-font-icon>
183
+ <view>暂无订单</view>
184
+ </view>
185
+ </template>
186
+
153
187
  </view>
154
188
  </view>
155
189
  </template>
@@ -189,6 +223,7 @@ export default {
189
223
  payPath: "",
190
224
  status: null, //全部、已完成、已取消
191
225
  initStatus: false,
226
+ loadingList: false,
192
227
 
193
228
  //基础
194
229
  radius: 0,
@@ -387,6 +422,7 @@ export default {
387
422
  this.$xdShowLoading({});
388
423
  let tab = "all";
389
424
  if (status) tab = this.tabList[this.tabIndex].status;
425
+ this.loadingList = true;
390
426
  jfbRootExec("getBaseOrderList", {
391
427
  vm: this,
392
428
  data: {
@@ -396,6 +432,7 @@ export default {
396
432
  },
397
433
  })
398
434
  .then((res) => {
435
+ this.loadingList = false;
399
436
  this.$xdHideLoading();
400
437
  console.log(res.list, "list");
401
438
  let list = res.list.map((item) => {
@@ -482,6 +519,14 @@ export default {
482
519
 
483
520
  .jfb-base-order-list {
484
521
  &__body {
522
+ .fixed_top{
523
+ position: fixed;
524
+ top: 0;
525
+ left: 0;
526
+ width: 100%;
527
+ background: #FFFFFF;
528
+ z-index: 999;
529
+ }
485
530
  &-no {
486
531
  display: flex;
487
532
  justify-content: center;
@@ -496,6 +541,12 @@ export default {
496
541
  }
497
542
  &-order {
498
543
  &-item {
544
+ .skeleton-wrap & {
545
+ background-color: #FFFFFF;
546
+ border: 1px solid #EEEEEE;
547
+ border-radius: 10rpx;
548
+ margin: 20rpx;
549
+ }
499
550
  &-biz {
500
551
  color: #333333;
501
552
  font-size: unit(28, rpx);
@@ -504,6 +555,12 @@ export default {
504
555
  border-bottom: unit(2, rpx) solid #eee;
505
556
  display: flex;
506
557
  align-items: center;
558
+
559
+ & > view{
560
+ .skeleton-wrap &{
561
+ .skeleton-item(100rpx, 28rpx);
562
+ }
563
+ }
507
564
  }
508
565
 
509
566
  &-title {
@@ -517,9 +574,15 @@ export default {
517
574
 
518
575
  & > view:first-child {
519
576
  color: #333;
577
+ .skeleton-wrap &{
578
+ .skeleton-item(300rpx, 28rpx);
579
+ }
520
580
  }
521
581
 
522
582
  & > view:nth-child(2) {
583
+ .skeleton-wrap &{
584
+ .skeleton-item(100rpx, 28rpx);
585
+ }
523
586
  }
524
587
  }
525
588
 
@@ -534,6 +597,9 @@ export default {
534
597
  height: unit(160, rpx);
535
598
  border-radius: unit(8, rpx);
536
599
  flex-shrink: 0;
600
+ .skeleton-wrap &{
601
+ .skeleton-item(160rpx, 160rpx);
602
+ }
537
603
  }
538
604
 
539
605
  &-info {
@@ -549,6 +615,10 @@ export default {
549
615
  font-weight: 500;
550
616
  .uni-max-cut(1, 64);
551
617
  line-height: unit(64, rpx);
618
+
619
+ .skeleton-wrap &{
620
+ .skeleton-item(160rpx, 48rpx);
621
+ }
552
622
  }
553
623
 
554
624
  &-skuname {
@@ -573,6 +643,10 @@ export default {
573
643
  display: flex;
574
644
  justify-content: space-between;
575
645
  align-items: center;
646
+ .skeleton-wrap &{
647
+ .skeleton-item(100%, 32rpx);
648
+ margin-top: 20rpx;
649
+ }
576
650
  }
577
651
  }
578
652
  }
@@ -588,6 +662,9 @@ export default {
588
662
 
589
663
  & > view:first-child {
590
664
  color: #999;
665
+ .skeleton-wrap &{
666
+ .skeleton-item(300rpx, 28rpx);
667
+ }
591
668
  }
592
669
 
593
670
  & > view:nth-child(2) {
@@ -596,6 +673,9 @@ export default {
596
673
  & > view {
597
674
  margin-left: unit(10, rpx);
598
675
  }
676
+ .skeleton-wrap &{
677
+ .skeleton-item(300rpx, 28rpx);
678
+ }
599
679
  }
600
680
  }
601
681
 
@@ -8,6 +8,7 @@ import console from "@dcloudio/uni-h5/src/core/helpers/console";
8
8
  export default {
9
9
  style:[],
10
10
  content:(params)=>{
11
+ console.log(params,'anananananana');
11
12
  if(!params['isCarousel']) params['isCarousel'] = 1;
12
13
  return [
13
14
  {
@@ -220,7 +221,26 @@ export default {
220
221
  {required: true, message: '请选择广告位置', trigger: 'change'},
221
222
  ],
222
223
  },
223
- params.poster && params.poster['type'] !== '1' && {
224
+ params.poster && params.poster['type']&& params.poster['type'] !== '1' && {
225
+ label: '广告背景图:',
226
+ ele: 'xd-upload',
227
+ valueKey: 'background',
228
+ value: params.background || {},
229
+ defaultValue: params.background || null,
230
+ slot: true,
231
+ oneWidth: 100,
232
+ oneHeight: 100,
233
+ elinputClassName: 'input40',
234
+ tipsformet: '上传文件格式:@imageType@,不超过@size@MB.',
235
+ type: ['jpg', 'png', 'jpeg'],
236
+ styleType: 'one',
237
+ uploadType: 'aliyun',
238
+ size: 5,
239
+ action: 'action',
240
+ sort: true,
241
+ maxlen: 100,
242
+ },
243
+ params.poster && params.poster['type']&& params.poster['type'] !== '1' && {
224
244
  label: '广告位内容间距设置:',
225
245
  ele: 'el-input',
226
246
  type: 'number',
@@ -17,7 +17,10 @@
17
17
  class="jfb-base-poster__body"
18
18
  v-if="noData"
19
19
  :style="{
20
- margin: margin
20
+ margin: margin,
21
+ background: `url(${background})`,
22
+ backgroundSize: '100% 100%',
23
+ backgroundRepeat: 'no-repeat',
21
24
  }
22
25
  ">
23
26
  <!--一分屏-->
@@ -116,7 +119,7 @@
116
119
  mixins: [componentsMixins,extsMixins,JfbBasePosterMixin],
117
120
  data() {
118
121
  return {
119
- selfMask: true,
122
+ selfMask: false,
120
123
  params: {},
121
124
 
122
125
  //Swiper 配置
@@ -146,6 +149,7 @@
146
149
  },
147
150
  isPreview: false,
148
151
  noData:false,
152
+ background: '',
149
153
 
150
154
  test: {
151
155
  "content_id": "KpBbUKdj4aBejwe7Fh1ki",
@@ -412,6 +416,7 @@
412
416
  this.rows = getContainerPropsValue(container, 'content.rows', 1);
413
417
  this.isSupport = getContainerPropsValue(container, 'content.isSupport', 'Y');
414
418
  this.mS = getContainerPropsValue(container, 'content.margin', this.getDefualtValue('margin'));
419
+ this.background = getContainerPropsValue(container, "content.background", {path: "",}).path;
415
420
 
416
421
  //content
417
422
 
@@ -0,0 +1,60 @@
1
+ 'use strict';
2
+
3
+ /**
4
+ * @description API模型
5
+ * 建议:Ffff=>模块 Xxxx=>自定义名字
6
+ * 获取单记录(getByIdFfffXxxx)
7
+ * 获取列表记录(getByListFfffXxxx)
8
+ * 添加列表记录(addFfffXxxxx)
9
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
10
+ * 更新列表记录(updateFfffXxxxx)
11
+ * @type {*[]}
12
+ */
13
+ module.exports = [
14
+ {
15
+ mapFnName: 'getByIdFilmSquate', //自定义方法名字(必选)
16
+ title: '获取电影广场列表',
17
+ path: '/api/account/film/list-film-square',
18
+ isRule: false,
19
+ params: {
20
+ last_key: ['当前页', 'Number', '必选'],
21
+ page_size: ['每页数量', 'Number', '必选'],
22
+ },
23
+ isConsole: true,
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', '必选'],
56
+ },
57
+ isConsole: true,
58
+ disabled: true,
59
+ },
60
+ ];
@@ -0,0 +1,106 @@
1
+ 'use strict';
2
+
3
+ /**
4
+ * @description 当表单组件中有联动操作时候,使用方法进行返回
5
+ */
6
+ export default {
7
+ style: [],
8
+ content: (data) => {
9
+ return [
10
+ {
11
+ label: '背景颜色:', //label
12
+ ele: 'xd-color', //package 名称
13
+ valueKey: 'bgcolor', //form[valueKey]
14
+ value: data.bgcolor || '', //v-model
15
+ placeholder: '请输入占位框背景颜色',
16
+ classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
17
+ rules: [
18
+ {
19
+ required: true,
20
+ message: '请输入占位框背景颜色',
21
+ trigger: 'blur'
22
+ },
23
+ ]
24
+ },
25
+ {
26
+ label: '选中路径:', //label
27
+ ele: 'xd-select-pages-path', //package 名称
28
+ valueKey: 'select-pages-path', //form[valueKey]
29
+ value: data['select-pages-path'] || {},
30
+ setting: {
31
+ router: XdBus.getParentApi('getPagesTree')
32
+ },
33
+ inline: false,
34
+ },
35
+ data.bgcolor && {
36
+ label: '高度:', //label
37
+ ele: 'el-input', //package 名称
38
+ type: 'number',
39
+ valueKey: 'height', //form[valueKey]
40
+ value: data.height || 100, //v-model
41
+ placeholder: '请输入占位框高度,单位像素,默认:10px',
42
+ className: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
43
+ rules: [
44
+ {
45
+ required: true,
46
+ message: '请输入占位框高度',
47
+ trigger: 'blur'
48
+ },
49
+ ]
50
+ },
51
+ {
52
+ label: '', //label
53
+ ele: 'slot', //package 名称
54
+ slot: 'is_reference',
55
+ },
56
+ ].filter(i=>i)
57
+ },
58
+ advanced: [
59
+ {
60
+ label: '背景颜色:', //label
61
+ ele: 'xd-color', //package 名称
62
+ valueKey: 'bgcolor', //form[valueKey]
63
+ value: '', //v-model
64
+ placeholder: '请输入占位框背景颜色',
65
+ classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
66
+ rules: [
67
+ {
68
+ required: true,
69
+ message: '请输入占位框背景颜色',
70
+ trigger: 'blur'
71
+ },
72
+ ]
73
+ },
74
+ {
75
+ label: '选中路径:', //label
76
+ ele: 'xd-select-pages-path', //package 名称
77
+ valueKey: 'select-pages-path', //form[valueKey]
78
+ value: null,
79
+ setting: {
80
+ router: XdBus.getParentApi('getPagesTree')
81
+ },
82
+ inline: false,
83
+ },
84
+ {
85
+ label: '高度:', //label
86
+ ele: 'el-input', //package 名称
87
+ type: 'number',
88
+ valueKey: 'height', //form[valueKey]
89
+ value: null, //v-model
90
+ placeholder: '请输入占位框高度,单位像素,默认:10px',
91
+ classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
92
+ rules: [
93
+ {
94
+ required: true,
95
+ message: '请输入占位框高度',
96
+ trigger: 'blur'
97
+ },
98
+ ]
99
+ },
100
+ {
101
+ label: '', //label
102
+ ele: 'slot', //package 名称
103
+ slot: 'is_reference',
104
+ },
105
+ ],
106
+ };