jufubao-base 1.0.77-beta10 → 1.0.77-beta14

package/package.json

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

package/src/components/JfbBasePoster/JfbBasePoster.vue

@@ -76,7 +76,6 @@
 							</template>
 						</xd-swiper>
 					</xd-swiper-dot>
-
 					<view v-if="isPreview" class="carousel-mask"></view>
 				</view>
 			</template>
@@ -87,9 +86,11 @@
 				:content="info"
 			></more-screen>
     </view>
+    <!--解决图片缓冲预加载问题-->
     <view v-for="(item,index) in info" :key="index" style="position: absolute; top: -19999px; left: -100000px">
-        <image :src="item.image_background_url" ></image>
-      </view>
+      <image :src="item.image_background_url" ></image>
+    </view>
+    <!--解决图片缓冲预加载问题-->
   </view>
 </template>
 
@@ -120,6 +121,7 @@
     data() {
       return {
         selfMask: false,
+        pageShow:false,
         params: {},
 
 				//Swiper 配置
@@ -319,14 +321,32 @@
         return temp
 			},
       handleAnimationfinish(e) {
-        this.currentImage = this.info[e.detail.current]['image_background_url']
-        if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2 && this.$root.$isShow === true) {
+        //不支持背景不处理
+        if(this.isSupport==='N') return;
+
+        //当前组件已被隐藏或者轮播图记录为0条处理
+        if(this.$root.$isShow === false
+          || this.info.length === 0
+          || !(this.rows===1 && this.isCarousel===2) //可用模式
+        ) {
+          this.currentImage = null;
+          this.current = 0;
+          this.$xdRoot.$emit("setLayoutPageBg", null);
+          console.warn(`handleAnimationfinish.disabel.poster`)
+          return
+        }
+
+        //开启背景图模式并且为轮播图模式
+        if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2) {
+          console.warn(`handleAnimationfinish.start.poster`)
+          this.currentImage = this.info[e.detail.current]['image_background_url']
           let bg = null;
-          if(this.info[e.detail.current]['image_background_url']) bg = this.info[e.detail.current]['image_background_url'];
+          if(this.currentImage) bg = this.currentImage;
           this.$xdRoot.$emit("setLayoutPageBg", bg);
+          this.current = e.detail.current;
         }
-        this.current = e.detail.current;
       },
+
       handleClick(item) {
         //内部链接跳转地址
         if (item.redirect_type === 'INN') {
@@ -387,6 +407,9 @@
 			},
       handleOne(list){
         this.info = this.handleImage(list);
+
+        //轮播图记录为0条处理
+        if( this.info.length === 0)  return
         let current = this.current || 0;
         this.currentImage = this.info[current]['image_background_url']
         if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2) {
@@ -460,6 +483,15 @@
       },
 
       onJfbShow(){
+        //不支持背景不处理
+        if(this.isSupport==='N') return;
+
+        //隐藏模式或者数据为0不处理
+        if(this.$root.$isShow === false  || this.info.length === 0) {
+          this.$xdRoot.$emit("setLayoutPageBg", null);
+          return;
+        }
+
         if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2) {
           this.$xdRoot.$emit("setLayoutPageBg", this.currentImage);
         }

package/src/components/JfbBaseUserInfo/JfbBaseUserInfo.vue

@@ -217,7 +217,7 @@
         this.address_url = getContainerPropsValue(container, 'content.address_url', {value: ''});
         this.color = getContainerPropsValue(container, 'content.textColor', '#333');
         this.backgroundColor = getContainerPropsValue(container, 'content.backgroundColor', 'rgba(0,0,0,0)');
-        this.textType = "N";//getContainerPropsValue(container, 'content.text_type', 'N');
+        this.textType = getContainerPropsValue(container, 'content.text_type', 'N');
 
         this.is_shadow = getContainerPropsValue(container, 'content.is_shadow', 'N');
         this.is_shadow_bg = getContainerPropsValue(container, 'content.is_shadow_bg', '#fff');