jufubao-base 1.0.63-beta211 → 1.0.63-beta213

package/package.json

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

package/src/components/JfbBaseBackground/JfbBaseBackground.vue

@@ -14,7 +14,7 @@
     </view>
     <!-- #endif -->
     <view class="jfb-base-background__body">
-      <view>1</view>
+      <view :style="{background:backgroundColor,color:warningColor}" class="jfb-base-background__body-pop" v-if="isPreview">设置背景模式方便编辑(占位)，在线上此模块不显</view>
     </view>
   </view>
 </template>
@@ -27,6 +27,7 @@ import { getContainerPropsValue } from "@/utils/xd.base";
 import componentsMixins from "@/mixins/componentsMixins";
 import extsMixins from "@/mixins/extsMixins";
 import getServiceUrl from "@/common/getServiceUrl";
+const Color = require("color");
 export default {
   name: "JfbBaseBackground",
   components: {
@@ -34,7 +35,10 @@ export default {
   },
   mixins: [componentsMixins, extsMixins, JfbBaseBackgroundMixin],
   data() {
-    return {};
+    return {
+      isPreview: false,
+      backgroundColor: ''
+    };
   },
   watch: {
     container(value) {
@@ -42,6 +46,8 @@ export default {
     },
   },
   created() {
+    this.backgroundColor = Color(this.warningColor).alpha(0.2).toString();
+    this.isPreview = this.$configProject["isPreview"];
     this.init(this.container);
   },
   methods: {
@@ -60,7 +66,10 @@ export default {
             page_size: 1,
           },
         }).then((res) => {
+          if(!res.list||res.list.length===0) return
+          console.log(res.list[0]["image_url"],'res.list[0]["image_url"]');
           let bg = getServiceUrl(res.list[0]["image_url"]);
+          console.log(bg,'bgbgbg');
           this.$xdRoot.$emit("setLayoutPageBg", bg);
         });
       } catch (error) {
@@ -70,6 +79,9 @@ export default {
     onJfbScroll(options) {
       console.log("event.onJfbScroll", options);
     },
+    onJfbUpdate() {
+      this.init();
+    }
   },
 };
 </script>
@@ -79,6 +91,15 @@ export default {
 
 .jfb-base-background {
   &__body {
+    min-height: 100rpx;
+    &-pop {
+      min-height: 100rpx;
+      text-align: center;
+      vertical-align: middle;
+      color: #666;
+      font-size: unit(24, rpx);
+      line-height: 100rpx;
+    }
   }
 }
 </style>

package/src/components/JfbBaseVideo/XdVideo.vue

@@ -9,6 +9,7 @@
   >
     <view
       class="thumb"
+      :class="{noImageUrl: !imageUrl}"
       v-if="!playStatus"
       :style="{borderRadius: radius + 'rpx'}"
     >
@@ -172,6 +173,9 @@
 
 <style scoped lang="less">
 .video-box {
+  view.noImageUrl {
+    background: #333;
+  }
   view.thumb {
     height: 100%;
     width: 100%;