jufubao-base 1.0.194-beta4 → 1.0.194-beta5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.194-beta4",
+  "version": "1.0.194-beta5",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseImageBlock/JfbBaseImageBlock.vue

@@ -14,7 +14,6 @@
     </view>
     <!-- #endif -->
     <view class="jfb-base-image-block__body">
-      <view class="x-line"></view>
       <view class="image" :style="[bodyStyle]">
         <image :src="backgroundImageComp" alt="bgImage"></image>
       </view>
@@ -110,9 +109,15 @@
   .jfb-base-image-block {
     min-height: 20rpx!important;
     &__body{
-      .image image {
-        height: 100%;
-        width: 100%;
+      display: inline-block;
+      width: 100%;
+
+      .image{
+        position: relative;
+        & >  image {
+          height: 100%;
+          width: 100%;
+        }
       }
     }
   }

package/src/components/JfbBasePoster/JfbBasePoster.vue

@@ -194,15 +194,25 @@
       },
       getConfig(){
         let cell = this.posterType === '2' ? 2: (this.posterType === '3' ? 3 : 4);
+
+        //间距值
         let spacing = Math.floor((cell - 1) * this.padding * this.$rpxNum);
+
+        //主题填充
         let paddingDefault = 0;
         if(this.background === 'none' || this.background === '' || this.$xdUniHelper.isEmpty(this.background)) paddingDefault = 20;
-        let addPadding = this.checkValue(this.bgImagePadding.right, paddingDefault) +  this.checkValue(this.bgImagePadding.left, paddingDefault);
-        addPadding = addPadding * this.$rpxNum;
-        let margin = (this.checkValue(this.mS.right, 0) + this.checkValue(this.mS.left, 0)) *  this.$rpxNum;
-        let viewWidth = uni.getSystemInfoSync().safeArea.width -margin - addPadding - spacing;
-        let width = Math.floor(viewWidth / cell);
+        let outPaddingRL = this.checkValue(this.bgImagePadding.right, paddingDefault) + this.checkValue(this.bgImagePadding.left, paddingDefault);
+        outPaddingRL = outPaddingRL * this.$rpxNum;
+
+        //外边距
+        let marginRL = (this.checkValue(this.mS.right, 0) + this.checkValue(this.mS.left, 0)) *  this.$rpxNum;
+
+        //总统
+        let viewWidth = uni.getSystemInfoSync().safeArea.width - marginRL - outPaddingRL - spacing;
+        let width = viewWidth / cell;
         let height = this.height * width / this.width;
+
+
         return {
           mode: this.getMode,
           dotStyleData: this.dotStyleData,
@@ -658,6 +668,9 @@
   .jfb-base-poster {
     min-height: 60rpx!important;
     &__body{
+      display: inline-block;
+      width: 100%;
+
       & > view.jfb-base-poster-cont {
         box-sizing: border-box;
         overflow: hidden;

package/src/components/JfbBasePoster/MoreScreen.vue

@@ -65,7 +65,7 @@
                   marginTop: indext < config.cell ? 0 : config.padding + 'rpx',
                 }"
               >
-                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url" mode="widthFix"></image>
+                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url"></image>
               </view>
             </view>
           </swiper-item>
@@ -102,7 +102,7 @@
                 }"
                 @click="handleClick(it)"
               >
-                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url" mode="widthFix"></image>
+                <image :style="{ width: width + 'px', height: height + 'px'}" :src="it.image_url"></image>
               </view>
             </view>
           </template>