jufubao-base 1.0.258-beta1 → 1.0.258-beta2

package/package.json

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

package/src/components/JfbBasePosterType/Attr.js

@@ -307,6 +307,7 @@ export default {
         list: [
           {"label": "焦点图显示", "value": 1},
           {"label": "轮播图显示", "value": 2},
+          {"label": "滑块", "value": 3},
         ]
       },
       params['isCarousel'] === 2 && {
@@ -361,6 +362,8 @@ export default {
         valueKey: 'jdRows',
         groupKey:'content',
         value: params.jdRows,
+        defaultValue: params['isCarousel']===3?1:params.jdRows,
+        disabled: params['isCarousel']===3,
         className: 'input60',
         labelInline: true,
         list: [

package/src/components/JfbBasePosterType/FourScreen.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="sreen">
-		<view
+    <view v-if="!config['carouselType']">
+      <view
 			class="sreen__box notCarousel"
 			:class="{
 				cell4: config['column'] === 4,
@@ -128,6 +129,30 @@
         <!--#endif-->
 			</xd-swiper-dot>
 		</view>
+    </view>
+    <view v-else>
+      <scroll-view scroll-x="true">
+        <view class="scroll-box">
+          <view
+          v-for="item in content"
+          :key="item['content_id']"
+          @click="handleClick(item)"
+          :style="[config['iconItemStyleComp']]"
+        >
+            <view :style="[config['iconItemBoxStyleComp']]">
+              <view :style="[config['iconStyleComp']]" class="image">
+                <image :src="item.image_url"></image>
+              </view>
+            </view>
+            <view
+              class="content_name"
+              v-if="item['content_name']"
+              :style="[config['titleStyle']]"
+            >{{item['content_name']}}</view>
+          </view>
+        </view>
+      </scroll-view>
+    </view>
 	</view>
 </template>
 
@@ -207,6 +232,8 @@
 
     },
     created() {
+      console.log(this.content,'content');
+      
       this.isPreview = this.$configProject.isPreview;
       this.init();
     },
@@ -344,6 +371,12 @@
         }
       }
 		}
+    .scroll-box {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+    }
 	}
 
 

package/src/components/JfbBasePosterType/JfbBasePosterType.vue

@@ -83,6 +83,7 @@
         bgColor:'rgba(0,0,0,0)',
         bgRadius: 0,
         bgImage: "",
+        carouselType: ''
       }
     },
 		computed: {
@@ -147,7 +148,8 @@
           height: this.iconWH.height,
           width: this.iconWH.width,
           titleStyle: this.titleStyle,
-          dotStyleData: this.dotStyleData
+          dotStyleData: this.dotStyleData,
+          carouselType: this.carouselType
 				}
 			},
       iconItemStyleComp(){
@@ -242,7 +244,11 @@
 
         //content
         this.mode = getContainerPropsValue(container, 'content.dot_type', 'round');
-        this.isCarousel = getContainerPropsValue(container, 'content.isCarousel', 1) === 2;
+        this.isCarousel = getContainerPropsValue(container, 'content.isCarousel', 1);
+        if(this.isCarousel===3){
+          this.carouselType='slider'
+        }
+        this.isCarousel = this.isCarousel=== 2
         this.carouselTime = Number(getContainerPropsValue(container, 'content.carouselTime', 5)) * 1000;
         let useNumberDefault = 20;
         if(this.isCarousel === false) useNumberDefault = this.row * this.column;