jufubao-mall 2.0.33 → 2.0.35-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.
Files changed (36) hide show
  1. package/package.json +1 -1
  2. package/src/components/CusCouponChose/CusCouponChose.vue +10 -13
  3. package/src/components/CusEnter/CusEnter.vue +9 -1
  4. package/src/components/CusListItem/CusListItem.vue +141 -0
  5. package/src/components/CusPoster/CusPoster.vue +17 -62
  6. package/src/components/CusPrice/CusPrice.vue +391 -0
  7. package/src/components/CusProduct/CusProduct.vue +576 -184
  8. package/src/components/CusShops/CusShops.vue +409 -209
  9. package/src/components/CusTab/CusTab.vue +159 -22
  10. package/src/components/CusVipList/CusVipList.vue +169 -0
  11. package/src/components/JfbMallConfirm/Api.js +1 -1
  12. package/src/components/JfbMallConfirm/Attr.js +167 -453
  13. package/src/components/JfbMallConfirm/JfbMallConfirm.vue +362 -162
  14. package/src/components/JfbMallConfirm/Mock.js +61 -43
  15. package/src/components/JfbMallConfirm/XdAddrDefault.vue +26 -13
  16. package/src/components/JfbMallConfirm/XdAddrOld.vue +9 -7
  17. package/src/components/JfbMallConfirm/XdListItem.vue +10 -2
  18. package/src/components/JfbMallConfirm/cusAttr/advanced.js +91 -0
  19. package/src/components/JfbMallConfirm/cusAttr/content.js +355 -0
  20. package/src/components/JfbMallConfirm/cusAttr/style.js +628 -0
  21. package/src/components/JfbMallConfirm/shopList.vue +84 -42
  22. package/src/components/JfbMallNetworkMedia/Api.js +94 -0
  23. package/src/components/JfbMallNetworkMedia/Attr.js +20 -0
  24. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMedia.vue +1167 -0
  25. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaLess.less +80 -0
  26. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaMixin.js +30 -0
  27. package/src/components/JfbMallNetworkMedia/Mock.js +372 -0
  28. package/src/components/JfbMallNetworkMedia/cusAttr/advanced.js +60 -0
  29. package/src/components/JfbMallNetworkMedia/cusAttr/content.js +230 -0
  30. package/src/components/JfbMallNetworkMedia/cusAttr/font.js +123 -0
  31. package/src/components/JfbMallNetworkMedia/cusAttr/icon.js +257 -0
  32. package/src/components/JfbMallNetworkMedia/cusAttr/style.js +12 -0
  33. package/src/components/JfbMallProductInfo/cusAttr/content.js +2 -0
  34. package/src/components/JfbMallProductList/JfbMallProductList.vue +7 -1
  35. package/src/components/JfbMallProductList/XdCateV1.vue +0 -1
  36. package/src/components/SkeProduct/SkeProduct.vue +88 -3
package/src/components/SkeProduct/SkeProduct.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <view class="skeleton-wrap-item" :class="{display: cell===1}">
2
+ <view class="skeleton-wrap-item" :class="{display: cell===1 && columnOneLayout === 'H',display0:cell===1 && columnOneLayout === 'V' }">
3
3
  <template v-if="cell===1">
4
4
  <view class="image skeleton-item" :style="{marginRight:cellSpacing + 'rpx'}"></view>
5
5
  <view class="content">
@@ -25,7 +25,7 @@
25
25
  </view>
26
26
  </template>
27
27
  <template v-if="cell >= 2">
28
- <view class="image2 skeleton-item" :style="{marginBottom:rowSpacing + 'rpx', height: height + 'rpx'}"></view>
28
+ <view class="image2 skeleton-item" :style="{marginBottom:cellSpacing + 'rpx', height: height + 'rpx'}"></view>
29
29
  <view class="content2">
30
30
  <view class="top">
31
31
  <view class="title skeleton-item"></view>
@@ -75,6 +75,10 @@ export default {
75
75
  type:Object|null,
76
76
  default: null
77
77
  },
78
+ columnOneLayout:{
79
+ type: String,
80
+ default:'H'
81
+ }
78
82
  }
79
83
  }
80
84
  </script>
@@ -95,6 +99,7 @@ export default {
95
99
  }
96
100
 
97
101
 
102
+
98
103
  & .content {
99
104
  flex: 1;
100
105
  min-height: 200rpx;
@@ -164,6 +169,86 @@ export default {
164
169
  }
165
170
  }
166
171
 
172
+ &.display0 {
173
+ & .image {
174
+ .skeleton-item(100%, 740rpx);
175
+ margin-bottom: 20rpx;
176
+ }
177
+
178
+ & .content {
179
+ flex: 1;
180
+ min-height: 200rpx;
181
+
182
+ .top {
183
+ height: 140rpx;
184
+
185
+ & .title {
186
+ .skeleton-item(100%, 60rpx);
187
+
188
+ }
189
+
190
+ & .brand {
191
+ margin-top: 16rpx;
192
+ .skeleton-item(70%, 32rpx);
193
+ }
194
+
195
+ .tags {
196
+ display: flex;
197
+ justify-content: flex-start;
198
+ align-items: center;
199
+ flex-flow: wrap;
200
+ margin-top: 16rpx;
201
+
202
+ & > view {
203
+ margin-bottom: 16rpx;
204
+ .skeleton-item(80rpx, 36rpx);
205
+ margin-left: 10rpx;
206
+
207
+ &:first-child {
208
+ margin-left: 0;
209
+ width: 120rpx;
210
+ }
211
+ }
212
+ }
213
+ }
214
+
215
+ .bottom {
216
+ display: flex;
217
+ justify-content: flex-end;
218
+ align-content: center;
219
+ align-items: center;
220
+ width: 100%;
221
+ height: 60rpx;
222
+ margin-top: 20rpx;
223
+
224
+ & .price {
225
+ flex-shrink: 0;
226
+ .skeleton-item(120rpx, 35rpx);
227
+ }
228
+
229
+ & .orgPrice {
230
+ flex-shrink: 0;
231
+ margin-left: 20rpx;
232
+ .skeleton-item(130rpx, 20rpx);
233
+ }
234
+
235
+ & .cart {
236
+ flex: 1;
237
+ display: flex;
238
+ justify-content: flex-end;
239
+ align-items: center;
240
+ & > view {
241
+ .skeleton-item(64rpx, 64rpx);
242
+ border-radius: 32rpx;
243
+ }
244
+ }
245
+ }
246
+ }
247
+
248
+ }
249
+
250
+
251
+
167
252
  & .image2 {
168
253
  .skeleton-item();
169
254
  }
@@ -172,7 +257,7 @@ export default {
172
257
  flex: 1;
173
258
 
174
259
  .top {
175
- min-height: 140rpx;
260
+ //min-height: 140rpx;
176
261
 
177
262
  & .title {
178
263
  .skeleton-item(100%, 60rpx);