开始制作图文组合通栏4

开始制作图文组合通栏4

components/template/component/list/1200x480/1.vue

@@ -0,0 +1,19 @@
+<template>
+    1111111222222
+</template>
+
+<script setup>
+//引入vue
+import {ref} from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink:Object,//板块名称
+    templateData:Array,//新闻数据
+    skinId:String,//皮肤id
+});
+
+</script>
+
+<style lang="less" scoped>
+
+</style>

components/template/component/list/1200x480/2.vue

@@ -0,0 +1,19 @@
+<template>
+    1111111222222
+</template>
+
+<script setup>
+//引入vue
+import {ref} from 'vue';
+//获得新闻数据
+const props = defineProps({
+    titleLink:Object,//板块名称
+    templateData:Array,//新闻数据
+    skinId:String,//皮肤id
+});
+
+</script>
+
+<style lang="less" scoped>
+
+</style>

components/template/sector/body/list/1200x470/1.vue → components/template/sector/body/index/list/1200x470/1.vue

@@ -2,7 +2,7 @@
     <div class="manyPictureSectorBox">
         <div class="manyPictureSector">
             <div class="manyPictureSectorLeft">
-                <div v-if="templateData.componentList[0].component_style.toString()=='2'">
+                <div v-if="templateData.componentList[0].component_style.toString()=='1'">
                     <left1Style 
                         v-if="templateData.componentList[0].data.text.length > 0" 
                         :titleLink="componentTitle1" 
@@ -11,7 +11,7 @@
                     />
                     <nodata v-else :dataStyle="2" :dataWidth="720" :dataHeight="440" />
                 </div>
-                <div v-if="templateData.componentList[0].component_style.toString()=='1'">
+                <div v-if="templateData.componentList[0].component_style.toString()=='2'">
                     <left2Style 
                         v-if="templateData.componentList[0].data.text.length > 0" 
                         :titleLink="componentTitle1" 

components/template/sector/body/list/1200x470/2.vue → components/template/sector/body/index/list/1200x470/2.vue

@@ -25,7 +25,7 @@
                 </div>
             </div>
             <div class="manyPictureSectorRight">
-                <div v-if="templateData.componentList[1].component_style.toString()=='2'">
+                <div v-if="templateData.componentList[1].component_style.toString()=='1'">
                     <right1Style 
                         v-if="templateData.componentList[1].data.text.length > 0" 
                         :titleLink="componentTitle2" 
@@ -34,7 +34,7 @@
                     />
                     <nodata v-else :dataStyle="2" :dataWidth="450" :dataHeight="440" />
                 </div>
-                <div v-if="templateData.componentList[1].component_style.toString()=='1'">
+                <div v-if="templateData.componentList[1].component_style.toString()=='2'">
                     <right2Style 
                         v-if="templateData.componentList[1].data.text.length > 0" 
                         :titleLink="componentTitle2" 

components/template/sector/body/index/list/1200x480/1.vue

@@ -0,0 +1,58 @@
+<template>
+    <div class="onlyImgSectorBox">
+        <div class="onlyImgSector">
+            <div v-if="templateData.componentList[0].component_style.toString()=='1'">
+                <main1Style 
+                    v-if="templateData.componentList[0].data.text.length > 0" 
+                    :titleLink="componentTitle1" 
+                    :templateData="templateData.componentList[0].data"
+                    :skinId="skinId"
+                />
+                <nodata v-else :dataStyle="2" :dataWidth="1200" :dataHeight="480" />
+            </div>
+            <div v-if="templateData.componentList[0].component_style.toString()=='2'">
+                <main2Style 
+                    v-if="templateData.componentList[0].data.text.length > 0" 
+                    :titleLink="componentTitle1" 
+                    :templateData="templateData.componentList[0].data"
+                    :skinId="skinId"
+                />
+                <nodata v-else :dataStyle="2" :dataWidth="1200" :dataHeight="480" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+//组件样式1
+import main1Style from '@/components/template/component/list/1200x480/1.vue'
+//组件样式2
+import main2Style from '@/components/template/component/list/1200x480/2.vue'
+
+const props = defineProps({
+    skinId: Number,//皮肤id
+    templateData:Object,//新闻数据
+});
+//该通栏下只有1个组件
+const componentTitle1 = {
+    alias:props.templateData.componentList[0].data.alias,
+    aLIas_pinyin:props.templateData.componentList[0].data.pinyin,
+    is_url: props.templateData.componentList[0].data.is_url,
+    children_count: props.templateData.componentList[0].data.children_count,
+    cid:props.templateData.componentList[0].data.category_id
+}
+</script>
+
+<style lang="less" scoped>
+.onlyImgSectorBox {
+    width: 100%;
+    height: 480px;
+    .onlyImgSector {
+        width: 1200px;
+        height: 480px;
+        margin: 0 auto;
+        box-sizing: content-box;
+        position: relative;
+    }
+}
+</style>

components/template/sector/body/list/1200x980/1.vue → components/template/sector/body/index/list/1200x980/1.vue

@@ -6,7 +6,7 @@
         <div class="commentSector">
             <div class="commentSectorLeft">
                 <div class="commentSectorLeftTop">
-                    <div v-if="templateData.componentList[0].component_style.toString()=='2'">
+                    <div v-if="templateData.componentList[0].component_style.toString()=='1'">
                         <leftTop1Style 
                             v-if="templateData.componentList[0].data.text.length > 0" 
                             :titleLink="componentTitle1" 
@@ -15,7 +15,7 @@
                         />
                         <nodata v-else :dataStyle="2" :dataWidth="720" :dataHeight="300" />
                     </div>
-                    <div v-if="templateData.componentList[0].component_style.toString()=='1'">
+                    <div v-if="templateData.componentList[0].component_style.toString()=='2'">
                         <leftTop2Style 
                             v-if="templateData.componentList[0].data.text.length > 0" 
                             :titleLink="componentTitle1" 
@@ -26,7 +26,7 @@
                     </div>
                 </div>
                 <div class="commentSectorLeftBottom">
-                    <div v-if="templateData.componentList[1].component_style.toString()=='2'">
+                    <div v-if="templateData.componentList[1].component_style.toString()=='1'">
                         <leftBottom1Style 
                             v-if="templateData.componentList[1].data.text.length > 0" 
                             :titleLink="componentTitle2" 
@@ -35,7 +35,7 @@
                         />
                         <nodata v-else :dataStyle="2" :dataWidth="720" :dataHeight="620" />
                     </div>
-                    <div v-if="templateData.componentList[1].component_style.toString()=='1'">
+                    <div v-if="templateData.componentList[1].component_style.toString()=='2'">
                         <leftBottom2Style 
                             v-if="templateData.componentList[1].data.text.length > 0" 
                             :titleLink="componentTitle2" 
@@ -47,7 +47,7 @@
                 </div>
             </div>
             <div class="commentSectorRight">
-                <div v-if="templateData.componentList[2].component_style.toString()=='2'">
+                <div v-if="templateData.componentList[2].component_style.toString()=='1'">
                     <right1Style 
                         v-if="templateData.componentList[2].data.text.length > 0" 
                         :titleLink="componentTitle3" 
@@ -56,7 +56,7 @@
                     />
                     <nodata v-else :dataStyle="2" :dataWidth="450" :dataHeight="950" />
                 </div>
-                <div v-if="templateData.componentList[2].component_style.toString()=='1'">
+                <div v-if="templateData.componentList[2].component_style.toString()=='2'">
                     <right2Style 
                         v-if="templateData.componentList[2].data.text.length > 0" 
                         :titleLink="componentTitle3" 

pages/index.vue

@@ -19,6 +19,8 @@
         <templateNewSector2 :skinId="skinId" :templateData="testTemplateData"></templateNewSector2>
         <!--图文组合3-->
         <templateNewSector3 :skinId="skinId" :templateData="testTemplateData"></templateNewSector3>
+        <!--图文与广告组合-->
+        <templateNewAndAd :skinId="skinId" :templateData="testTemplateData" :adData="adData"></templateNewAndAd>
     </div>
     <!-- 底部 -->
     <templateFoot></templateFoot>
@@ -40,11 +42,13 @@ import templateBanner from '@/components/template/sector/body/index/banner/1200x
 //0.2.4 静态外链通栏
 import templateStaticLink from '@/components/template/sector/body/index/link/1200x230/1.vue'
 //0.2.5 图文组合1
-import templateNewSector1 from '@/components/template/sector/body/list/1200x470/1.vue'
+import templateNewSector1 from '@/components/template/sector/body/index/list/1200x470/1.vue'
 //0.2.6 图文组合2
-import templateNewSector2 from '@/components/template/sector/body/list/1200x470/2.vue'
+import templateNewSector2 from '@/components/template/sector/body/index/list/1200x470/2.vue'
 //0.2.7 图文组合3
-import templateNewSector3 from '@/components/template/sector/body/list/1200x980/1.vue'
+import templateNewSector3 from '@/components/template/sector/body/index/list/1200x980/1.vue'
+//0.2.8 图文与广告组合
+import templateNewAndAd from '@/components/template/sector/body/index/list/1200x480/1.vue'
 //0.加载全局模板组件 end---------------------------------------->
 
 //1.获得基本信息单元 start---------------------------------------->