测试完成，可以放到首页了~

王强
1 parent 38790f78
Showing 4 changed files with 39 additions and 69 deletions
src/components/style_7/style_7.less
src/components/style_7/style_7.vue
src/components/titleBox/titleBox.vue
src/pages/com/com.vue
 @charset "UTF-8";
-.style-1-com {
+.style-7-com {
 	background-color: transparent;
 	width: 100%;
 	height: auto;
 <template>
-    <div class="style-1-com" v-if="styles">
+    <div class="style-7-com" v-if="styles">
 		<div class="com">
 			<!-- 引入标题 -->
-			<title-box v-if="styles.titles" @more="more"
-				:titles="styles.titles">
+			<title-box v-if="styles.simg" @more="more"
+				:titles="{
+					simg: styles.simg,
+					is_more: '1',
+					more_data: {
+						type: '13',
+						to: (this.$route.query.id || 0),
+						shop_type: ''
+					}
+				}">
 			</title-box>
 			<!-- Banner图 -->
 <template>
-    <div class="title-box" v-if="titles">
+    <!-- <div class="title-box" v-if="titles"> -->
+    <div class="title-box">
 		<div class="box">
 			<div class="title-img-box">
 				<img :src="titles.simg" class="title-img" mode="widthFix" />
@@ -3,17 +3,10 @@
         <!-- style_1组件 -->
-        <style-7 @more="moreA" @bannerJump="bannerJumpA" @jump=jumpA @addCart=addCartA
+        <style-7 @more="more" @bannerJump="bannerJump" @jump=jump @addCart=addCart
             :styles="styleA">
         </style-7>
-
-
-
-
-
-
-
     </div>
 </template>
@@ -23,10 +16,6 @@
     // 引入组件
     import { Toast, Indicator } from "mint-ui";
     import style7 from "@/components/style_7/style_7";
-    
-
-
-
     export default {
         data () {
@@ -126,23 +115,10 @@
         methods: {
             /**
-             * 更多A
-             * @param {object} item [数据对象]
-             */
-            moreA(item) {
-                
-
-                console.log("moreA", item);
-                
-
-
-            },
-
-            /**
-             * Banner跳转A
+             * 更多
              * @param {object} item [数据对象]
              */
-            bannerJumpA(item) {
+            more(item) {
                 // 判断并调用通用跳转
                 if (typeof this.$parent.gotoDetail === "function") {
@@ -151,62 +127,48 @@
             },
             /**
-             * 跳转A
-             * @param {object} item [数据对象]
-             */
-            jumpA(item) {
-                
-
-                console.log("jumpA", item);
-                
-
-
-            },
-
-            /**
-             * 加入购物车A
+             * Banner跳转
              * @param {object} item [数据对象]
              */
-            addCartA(item) {
-                
-
-                console.log("addCartA", item);
+            bannerJump(item) {
-
-
+                // 判断并调用通用跳转
+                if (typeof this.$parent.gotoDetail === "function") {
+                    this.$parent.gotoDetail(item);
+                }
             },
             /**
-             * 更多B
+             * 跳转
              * @param {object} item [数据对象]
              */
-            moreB(item) {
-                
+            jump(item) {
-                console.log("moreB", item);
-                
+                // 判断并调用通用跳转
+                if (typeof this.$parent.gotoDetail === "function") {
+                    // 构造跳转详情页参数
+                    let options = {
+                        type: "2",
+                        to: item.id,
+                        shop_type: item.shop_type
+                    }
-            },
-            /**
-             * 跳转A
-             * @param {object} item [数据对象]
-             */
-            jumpB(item) {
-                
+                    console.log(options);
+                    
-                console.log("jumpA", item);
-                
+                    this.$parent.gotoDetail(options);
+                }
             },
             /**
-             * 加入购物车A
+             * 加入购物车
              * @param {object} item [数据对象]
              */
-            addCartB(item) {
+            addCart(item) {
                 console.log("addCartA", item);
@@ -218,7 +180,6 @@
-
         },
         head: {
             title () {