达人推荐增加左右滑动条

zhiyangdu
1 parent 9f5a1e15
Showing 3 changed files with 17 additions and 6 deletions
src/components/horizList/horizList.vue
src/components/recommendDaren/recommendDaren.vue
src/pages/newDaren/newDaren.vue
@@ -45,6 +45,10 @@
                             <swiper-item v-if="com == '4'" @jump="jump"
                                 :item="item">
                             </swiper-item>
+                            <recommend-Daren v-if="com == '5'" @jump="jump"
+                                            :item="item">
+
+                            </recommend-Daren>
 						</div>
 					</div>
 				</div>
@@ -60,7 +64,7 @@
 	import goodsItem2 from "@/components/goodsItem_2/goodsItem_2";
 	import goodsItem3 from "@/components/goodsItem_3/goodsItem_3";
 	import swiperItem from "@/components/swiperItem/swiperItem";
-	
+    import recommendDaren from "@/components/recommendDaren/recommendDaren";
     export default {
 		name: "horizList",
         data() {
@@ -74,7 +78,8 @@
 			goodsItem1,
 			goodsItem2,
 			goodsItem3,
-            swiperItem
+            swiperItem,
+            recommendDaren
         },
 		methods: {
@@ -35,6 +35,7 @@
       }
     },
+    porps:["item"],
     created(){
     },
@@ -10,7 +10,11 @@
         <!--达人信息-->
         <darenInfo :darenInfo="darenInfo"></darenInfo>
         <!--推荐达人-->
-        <recommendDaren></recommendDaren>
+        <!--导航-->
+        <horiz-list class="components-box" v-if="recommendDaren && recommendDaren.length" @jump="jump"
+                    :lists="recommendDaren"
+                    com="5">
+        </horiz-list>
         <!-- 达人动态列表 -->
         <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
             :lists="[
@@ -177,14 +181,15 @@
 	import darenListBox from "@/components/darenListBox/darenListBox";
 	import textTitleBox from "@/components/textTitleBox/textTitleBox";
     import darenInfo from "@/components/darenInfo/darenInfo";
-    import recommendDaren from "@/components/recommendDaren/recommendDaren";
+    import horizList from "@/components/horizList/horizList";
     export default {
         name: "darenList",
         data() {
             return {
                 title: "",              // 标题
                 darenInfo:null,         // 达人信息
-                banner:null             // 轮播
+                banner:null,             // 轮播
+                recommendDaren:[1,2]      // 达人推荐列表
             }
         },
         components:{
@@ -192,7 +197,7 @@
             textTitleBox,
             swiper,
             darenInfo,
-            recommendDaren
+            horizList
         },
         created() {