jufubao-base 1.0.341-beta2 → 1.0.341-beta3

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/JfbBaseCardInfo/JfbBaseCardInfo.vue +29 -5
  3. package/src/components/JfbBaseCardInfoEntry/JfbBaseCardInfoEntry.vue +51 -28
  4. package/src/components/JfbBaseCardSweepInfo/JfbBaseCardSweepInfo.vue +26 -3
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-beta3",
4
4
  "private": false,
5
5
  "description": "聚福宝业务组件基础插件包",
6
6
  "main": "index.js",
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': isItemExpanded === item.multiple_id, 'no-shadow': 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 === 'Y'&&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>
@@ -229,8 +229,8 @@ export default {
229
229
  key: "end_time",
230
230
  },
231
231
  ],
232
- card_number: "", //卡号
233
- card_password: "", //卡密码
232
+ card_number: "101001000009505", //卡号
233
+ card_password: "699274151775", //卡密码
234
234
  isPassword: true,
235
235
  card_num_placeholder: "",
236
236
  card_pwd_placeholder: "",
@@ -509,6 +509,7 @@ export default {
509
509
  this.showCardTypeChoose = res.multiple_info.is_support_multiple === 'Y';
510
510
  this.cardTypeList = res.multiple_info.multiple_list.map(item => {
511
511
  item.business_codes_name = '';
512
+ // item.multiple_desc = "打死哈苏里科夫绝代风华都是浪费很多时间返回时看见电话就开始打算开发好看"
512
513
  res.site_entry_settings.map(Sitem => {
513
514
  if (item.business_codes.includes(Sitem.business_code)) {
514
515
  item.business_codes_name += Sitem.entry_name + '、';
@@ -790,11 +791,34 @@ export default {
790
791
  overflow: hidden;
791
792
  text-overflow: ellipsis;
792
793
  margin-bottom: unit(10, rpx);
794
+ position: relative;
795
+
796
+ &::after {
797
+ content: '';
798
+ position: absolute;
799
+ bottom: 0;
800
+ left: 0;
801
+ right: 0;
802
+ height: 70%;
803
+ background: linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
804
+ box-shadow: 0 -unit(6, rpx) unit(30, rpx) rgba(0, 0, 0, 0.2);
805
+ z-index: 1;
806
+ }
793
807
 
794
808
  &.expanded {
795
809
  -webkit-line-clamp: 9999;
796
810
  overflow: visible;
797
811
  text-overflow: clip;
812
+
813
+ &::after {
814
+ display: none;
815
+ }
816
+ }
817
+
818
+ &.no-shadow {
819
+ &::after {
820
+ display: none;
821
+ }
798
822
  }
799
823
  }
800
824
 
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': isItemExpanded === item.multiple_id, 'no-shadow': 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 === 'Y'&&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>
@@ -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/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': isItemExpanded === item.multiple_id, 'no-shadow': 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 === 'Y'&&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>
@@ -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