jufubao-base 1.0.341-beta2 → 1.0.341-beta4

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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/components/JfbBaseCardInfo/Attr.js +1 -1
  3. package/src/components/JfbBaseCardInfo/JfbBaseCardInfo.vue +29 -6
  4. package/src/components/JfbBaseCardInfoEntry/Attr.js +1 -1
  5. package/src/components/JfbBaseCardInfoEntry/JfbBaseCardInfoEntry.vue +53 -30
  6. package/src/components/JfbBaseCardSweepInfo/Attr.js +1 -1
  7. package/src/components/JfbBaseCardSweepInfo/JfbBaseCardSweepInfo.vue +28 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jufubao-base",
3
- "version": "1.0.341-beta2",
3
+ "version": "1.0.341-beta4",
4
4
  "private": false,
5
5
  "description": "聚福宝业务组件基础插件包",
6
6
  "main": "index.js",
package/src/components/JfbBaseCardInfo/Attr.js CHANGED
@@ -55,7 +55,7 @@ export default {
55
55
  label: "配置套餐描述是否默认展开:",
56
56
  ele: "xd-radio",
57
57
  valueKey: "isExpandDesc",
58
- value: "N",
58
+ value: "Y",
59
59
  list: [
60
60
  { label: "展示", value: "Y" },
61
61
  { label: "隐藏", value: "N" }
package/src/components/JfbBaseCardInfo/JfbBaseCardInfo.vue CHANGED
@@ -153,11 +153,11 @@
153
153
  <view class="jfb-base-card-info__body-type-choose-item-divider"></view>
154
154
 
155
155
  <!-- 底部业务线描述 -->
156
- <view class="jfb-base-card-info__body-type-choose-item-business">
157
- <view :class="{ 'expanded': isItemExpanded === item.multiple_id }">
156
+ <view v-if="item.multiple_desc" class="jfb-base-card-info__body-type-choose-item-business">
157
+ <view :class="{ 'expanded': isExpandDesc==='N'?isItemExpanded === item.multiple_id:true, 'no-shadow':isExpandDesc==='Y'|| isItemExpanded === item.multiple_id || item.multiple_desc.length < 16 }">
158
158
  功能说明: {{ item.multiple_desc}}
159
159
  </view>
160
- <view :style="{color:mainColor}" v-if="isExpandDesc === 'Y'" class="jfb-base-card-info__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
160
+ <view :style="{color:mainColor}" v-if="isExpandDesc === 'N'&&item.multiple_desc.length >= 16" class="jfb-base-card-info__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
161
161
  {{ isItemExpanded === item.multiple_id ? '收起描述' : '展开描述' }}
162
162
  <XdFontIcon style="margin-left:20rpx" size="26" :icon="isItemExpanded === item.multiple_id?'iconshang_up':'iconxia_down'"></XdFontIcon>
163
163
  </view>
@@ -255,7 +255,7 @@ export default {
255
255
  ], // 票券类型列表
256
256
  multiple_id: '', // 多场景ID
257
257
  multiple_scene: '', // 多场景场景
258
- isExpandDesc: "N", // 配置套餐描述是否默认展开
258
+ isExpandDesc: "Y", // 配置套餐描述是否默认展开
259
259
  isItemExpanded: null, // 当前展开的项目ID
260
260
  };
261
261
  },
@@ -403,8 +403,7 @@ export default {
403
403
  this.card_pwd_placeholder = getContainerPropsValue(container, "content.card_pwd_placeholder", "请输入密码");
404
404
  this.is_show_balance = getContainerPropsValue(container, 'content.is_show_balance', "N");
405
405
  this.my_card_url = getContainerPropsValue(container, 'content.my_card_url', { value: "" }).value;
406
- this.isExpandDesc = getContainerPropsValue(container,'content.isExpandDesc',"N")
407
- this.isExpandDesc = "Y"
406
+ this.isExpandDesc = getContainerPropsValue(container,'content.isExpandDesc',"Y")
408
407
  },
409
408
  onJfbLoad(options) {
410
409
  this.qrcode = options.qrcode || options.pa;
@@ -509,6 +508,7 @@ export default {
509
508
  this.showCardTypeChoose = res.multiple_info.is_support_multiple === 'Y';
510
509
  this.cardTypeList = res.multiple_info.multiple_list.map(item => {
511
510
  item.business_codes_name = '';
511
+ // item.multiple_desc = "打死哈苏里科夫绝代风华都是浪费很多时间返回时看见电话就开始打算开发好看"
512
512
  res.site_entry_settings.map(Sitem => {
513
513
  if (item.business_codes.includes(Sitem.business_code)) {
514
514
  item.business_codes_name += Sitem.entry_name + '、';
@@ -790,11 +790,34 @@ export default {
790
790
  overflow: hidden;
791
791
  text-overflow: ellipsis;
792
792
  margin-bottom: unit(10, rpx);
793
+ position: relative;
794
+
795
+ &::after {
796
+ content: '';
797
+ position: absolute;
798
+ bottom: 0;
799
+ left: 0;
800
+ right: 0;
801
+ height: 70%;
802
+ background: linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
803
+ box-shadow: 0 -unit(6, rpx) unit(30, rpx) rgba(0, 0, 0, 0.2);
804
+ z-index: 1;
805
+ }
793
806
 
794
807
  &.expanded {
795
808
  -webkit-line-clamp: 9999;
796
809
  overflow: visible;
797
810
  text-overflow: clip;
811
+
812
+ &::after {
813
+ display: none;
814
+ }
815
+ }
816
+
817
+ &.no-shadow {
818
+ &::after {
819
+ display: none;
820
+ }
798
821
  }
799
822
  }
800
823
 
package/src/components/JfbBaseCardInfoEntry/Attr.js CHANGED
@@ -61,7 +61,7 @@ export default {
61
61
  label: "配置套餐描述是否默认展开:",
62
62
  ele: "xd-radio",
63
63
  valueKey: "isExpandDesc",
64
- value: "N",
64
+ value: "Y",
65
65
  list: [
66
66
  { label: "展示", value: "Y" },
67
67
  { label: "隐藏", value: "N" }
package/src/components/JfbBaseCardInfoEntry/JfbBaseCardInfoEntry.vue CHANGED
@@ -173,11 +173,11 @@
173
173
  <view class="jfb-base-card-info-entry__body-type-choose-item-divider"></view>
174
174
 
175
175
  <!-- 底部业务线描述 -->
176
- <view class="jfb-base-card-info-entry__body-type-choose-item-business">
177
- <view :class="{ 'expanded': isItemExpanded === item.multiple_id }">
176
+ <view v-if="item.multiple_desc" class="jfb-base-card-info-entry__body-type-choose-item-business">
177
+ <view :class="{ 'expanded': isExpandDesc==='N'?isItemExpanded === item.multiple_id:true, 'no-shadow':isExpandDesc==='Y'|| isItemExpanded === item.multiple_id || item.multiple_desc.length < 16 }">
178
178
  功能说明: {{ item.multiple_desc}}
179
179
  </view>
180
- <view v-if="isExpandDesc === 'Y'" :style="{color:mainColor}" class="jfb-base-card-info-entry__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
180
+ <view v-if="isExpandDesc === 'N'&&item.multiple_desc.length >= 16" :style="{color:mainColor}" class="jfb-base-card-info-entry__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
181
181
  {{ isItemExpanded === item.multiple_id ? '收起描述' : '展开描述' }}
182
182
  <xd-font-icon style="margin-left:20rpx" size="26" :icon="isItemExpanded === item.multiple_id?'iconshang_up':'iconxia_down'"></xd-font-icon>
183
183
  </view>
@@ -260,7 +260,7 @@ export default {
260
260
  cardTypeList: [], // 票券类型列表
261
261
  multiple_id: '', // 多场景ID
262
262
  multiple_scene: '', // 多场景场景
263
- isExpandDesc: "N", // 配置套餐描述是否默认展开
263
+ isExpandDesc: "Y", // 配置套餐描述是否默认展开
264
264
  isItemExpanded: null, // 当前展开的项目ID
265
265
  };
266
266
  },
@@ -419,7 +419,7 @@ export default {
419
419
  this.my_card_url = getContainerPropsValue(container, 'content.my_card_url', { value: "" }).value;
420
420
  this.is_show_balance = getContainerPropsValue(container, 'content.is_show_balance', "N");
421
421
  this.isShowBuss = getContainerPropsValue(container, 'content.isShowBuss', 'N');
422
- this.isExpandDesc = getContainerPropsValue(container, 'content.isExpandDesc', "N");
422
+ this.isExpandDesc = getContainerPropsValue(container, 'content.isExpandDesc', "Y");
423
423
  //'wechat_mini_program|default'
424
424
  this.entryGroupId = getContainerPropsValue(container,"content.entryGroupId","default");
425
425
  },
@@ -1106,34 +1106,57 @@ export default {
1106
1106
  }
1107
1107
 
1108
1108
  &-business {
1109
- font-size: unit(24, rpx);
1110
- color: #999;
1111
- line-height: unit(36, rpx);
1112
-
1113
- & > view:first-child {
1114
- display: -webkit-box;
1115
- -webkit-line-clamp: 1;
1116
- -webkit-box-orient: vertical;
1117
- overflow: hidden;
1118
- text-overflow: ellipsis;
1119
- margin-bottom: unit(10, rpx);
1109
+ font-size: unit(24, rpx);
1110
+ color: #999;
1111
+ line-height: unit(36, rpx);
1120
1112
 
1121
- &.expanded {
1122
- -webkit-line-clamp: 9999;
1123
- overflow: visible;
1124
- text-overflow: clip;
1113
+ & > view:first-child {
1114
+ display: -webkit-box;
1115
+ -webkit-line-clamp: 1;
1116
+ -webkit-box-orient: vertical;
1117
+ overflow: hidden;
1118
+ text-overflow: ellipsis;
1119
+ margin-bottom: unit(10, rpx);
1120
+ position: relative;
1121
+
1122
+ &::after {
1123
+ content: '';
1124
+ position: absolute;
1125
+ bottom: 0;
1126
+ left: 0;
1127
+ right: 0;
1128
+ height: 70%;
1129
+ background: linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
1130
+ box-shadow: 0 -unit(6, rpx) unit(30, rpx) rgba(0, 0, 0, 0.2);
1131
+ z-index: 1;
1132
+ }
1133
+
1134
+ &.expanded {
1135
+ -webkit-line-clamp: 9999;
1136
+ overflow: visible;
1137
+ text-overflow: clip;
1138
+
1139
+ &::after {
1140
+ display: none;
1141
+ }
1142
+ }
1143
+
1144
+ &.no-shadow {
1145
+ &::after {
1146
+ display: none;
1147
+ }
1148
+ }
1149
+ }
1150
+
1151
+ &-expand {
1152
+ font-size: unit(26, rpx);
1153
+ text-align: center;
1154
+ margin-top: unit(20, rpx);
1155
+ display: flex;
1156
+ align-items: center;
1157
+ justify-content: center;
1125
1158
  }
1126
1159
  }
1127
-
1128
- &-expand {
1129
- font-size: unit(26, rpx);
1130
- text-align: center;
1131
- margin-top: unit(20, rpx);
1132
- display: flex;
1133
- align-items: center;
1134
- justify-content: center;
1135
- }
1136
- }
1137
1160
 
1138
1161
  &-btn-wrap {
1139
1162
  display: flex;
package/src/components/JfbBaseCardSweepInfo/Attr.js CHANGED
@@ -43,7 +43,7 @@ export default {
43
43
  label: "配置套餐描述是否默认展开:",
44
44
  ele: "xd-radio",
45
45
  valueKey: "isExpandDesc",
46
- value: "N",
46
+ value: "Y",
47
47
  list: [
48
48
  { label: "展示", value: "Y" },
49
49
  { label: "隐藏", value: "N" }
package/src/components/JfbBaseCardSweepInfo/JfbBaseCardSweepInfo.vue CHANGED
@@ -108,11 +108,11 @@
108
108
  <view class="jfb-base-card-sweep-info__body-type-choose-item-divider"></view>
109
109
 
110
110
  <!-- 底部业务线描述 -->
111
- <view class="jfb-base-card-sweep-info__body-type-choose-item-business">
112
- <view :class="{ 'expanded': isItemExpanded === item.multiple_id }">
111
+ <view v-if="item.multiple_desc" class="jfb-base-card-sweep-info__body-type-choose-item-business">
112
+ <view :class="{ 'expanded': isExpandDesc==='N'?isItemExpanded === item.multiple_id:true, 'no-shadow':isExpandDesc==='Y'|| isItemExpanded === item.multiple_id || item.multiple_desc.length < 16 }">
113
113
  功能说明: {{ item.multiple_desc}}
114
114
  </view>
115
- <view v-if="isExpandDesc === 'Y'" :style="{color:mainColor}" class="jfb-base-card-sweep-info__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
115
+ <view v-if="isExpandDesc === 'N'&&item.multiple_desc.length >= 16" :style="{color:mainColor}" class="jfb-base-card-sweep-info__body-type-choose-item-business-expand" @click="toggleExpand(item.multiple_id)">
116
116
  {{ isItemExpanded === item.multiple_id ? '收起描述' : '展开描述' }}
117
117
  <xd-font-icon style="margin-left:20rpx" size="26" :icon="isItemExpanded === item.multiple_id?'iconshang_up':'iconxia_down'"></xd-font-icon>
118
118
  </view>
@@ -199,7 +199,7 @@ export default {
199
199
  ], // 票券类型列表
200
200
  multiple_id: '', // 多场景ID
201
201
  multiple_scene: '', // 多场景场景
202
- isExpandDesc: "N", // 配置套餐描述是否默认展开
202
+ isExpandDesc: "Y", // 配置套餐描述是否默认展开
203
203
  isItemExpanded: null, // 当前展开的项目ID
204
204
  };
205
205
  },
@@ -320,7 +320,7 @@ export default {
320
320
  this.backUrl = getContainerPropsValue( this.container, "content.back_url", { value: "" }).value;
321
321
  this.back_detail_url = getContainerPropsValue( this.container, "content.back_detail_url", { value: "" }).value;
322
322
  this.is_show_balance = getContainerPropsValue(this.container, 'content.is_show_balance', "N");
323
- this.isExpandDesc = getContainerPropsValue(this.container, 'content.isExpandDesc', "N");
323
+ this.isExpandDesc = getContainerPropsValue(this.container, 'content.isExpandDesc', "Y");
324
324
  },
325
325
  handleConfirmBind(item) {
326
326
  if (!item) {
@@ -632,11 +632,34 @@ export default {
632
632
  overflow: hidden;
633
633
  text-overflow: ellipsis;
634
634
  margin-bottom: unit(10, rpx);
635
+ position: relative;
636
+
637
+ &::after {
638
+ content: '';
639
+ position: absolute;
640
+ bottom: 0;
641
+ left: 0;
642
+ right: 0;
643
+ height: 70%;
644
+ background: linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
645
+ box-shadow: 0 -unit(6, rpx) unit(30, rpx) rgba(0, 0, 0, 0.2);
646
+ z-index: 1;
647
+ }
635
648
 
636
649
  &.expanded {
637
650
  -webkit-line-clamp: 9999;
638
651
  overflow: visible;
639
652
  text-overflow: clip;
653
+
654
+ &::after {
655
+ display: none;
656
+ }
657
+ }
658
+
659
+ &.no-shadow {
660
+ &::after {
661
+ display: none;
662
+ }
640
663
  }
641
664
  }
642
665