自助建站节前保存

自助建站节前保存

src/layout/components/template/pages/index/sector.vue

@@ -12,7 +12,7 @@
       </div>
       <div class="sectorItemTitle">网站导航</div>
     </div> -->
-    <div class="sectorItemBox" @click="addModule('imgTitleSector',8,imgTitleSector)" @drag="drag('imgTitleSector',8,imgTitleSector)" @dragend="dragend('imgTitleSector',8,imgTitleSector)" >
+    <div class="sectorItemBox" @click="addModule('imgTitleSector',9,imgTitleSector)" @drag="drag('imgTitleSector',9,imgTitleSector)" @dragend="dragend('imgTitleSector',9,imgTitleSector)" >
       <div class="sectorItem">
         <img src="@/assets/template/sector/imgTitleSector.png"/>
       </div>

src/views/componentGallery/imgList.vue

@@ -833,7 +833,7 @@ input[aria-hidden=true] {
   }
 
 .pic {
-    width: 18px;
+    max-width: 160px;
     height: 18px;
     display: block;
 }

src/views/template/page/pageArticle.vue

@@ -20,7 +20,7 @@
     >
       <grid-layout 
         :auto-size="true"
-        :class="this.$store.state.template.pageData.index.length == 0 ? 'FixedMainModuleBox' : 'FixedMainModuleBoxAuto'"
+        :class="this.$store.state.template.pageData.article.length == 0 ? 'FixedMainModuleBox' : 'FixedMainModuleBoxAuto'"
         ref="gridlayout"
         :layout="this.$store.state.template.pageData.article" 
         :layout.sync="this.$store.state.template.pageData.article"

src/views/template/page/pageList.vue

@@ -21,7 +21,7 @@
         >
             <grid-layout 
             :auto-size="true"
-                :class="this.$store.state.template.pageData.index.length == 0 ? 'FixedMainModuleBox' : 'FixedMainModuleBoxAuto'"
+                :class="this.$store.state.template.pageData.list.length == 0 ? 'FixedMainModuleBox' : 'FixedMainModuleBoxAuto'"
                 ref="gridlayout" 
                 :layout="this.$store.state.template.pageData.list"
                 :layout.sync="this.$store.state.template.pageData.list" 

src/views/template/style/components/advertisement/1.vue

@@ -25,11 +25,9 @@ export default {
 
 <style scoped lang="less">
   .advertisementBox {
-    width: 100%;
-    height: 58px;
     img {
-      width: 100%;
-      height: 58px;
+      width: 1200px;
+      height: 90px;
       display: block;
     }
   }

src/views/template/style/sector/4.vue

@@ -1,110 +1,69 @@
 <template>
-  <div :class="['imgTitleSectorBox', {buildingBorder: this.$store.state.template.previewStatus==false}]">
-    <div class="imgSectorBox">
-      <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="3" :size="1" :y="y"/>
-      <convertBtn :id="id" :dataSort="dataSort" :sort="0" :type="3"/>
-      <!--index页面-->
-      <div v-if="this.$store.state.template.pageStatus == 1">
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 1">
-          <useStyle1 />
+    <div :class="['imgTitleSectorBox', { buildingBorder: this.$store.state.template.previewStatus == false }]">
+        <div class="imgSectorBox">
+            <editBtn :id="id" :dataSort="dataSort" :sort="0" :type="3" :size="1" :y="y" />
+            <div>
+                <div class="imgSector" v-if="this.$store.state.template.editWebsiteClass==1">
+                    <img src="http://img.bjzxtw.org.cn/pre/image/png/20250530/1748588901281358.png" alt="自助建站广告示例图">
+                </div>
+                <div class="imgSector" v-if="this.$store.state.template.editWebsiteClass==2">
+                    <img src="http://img.bjzxtw.org.cn/pre/image/png/20250530/1748590803130975.png" alt="自助建站广告示例图">
+                </div>
+            </div>
         </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 2">
-          <useStyle2 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 3">
-          <useStyle3 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.index[dataSort].content.componentList[0].component_style == 4">
-          <useStyle4 />
-        </div>
-      </div>
-      <!--list页面-->
-      <div v-if="this.$store.state.template.pageStatus == 3">
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 1">
-          <useStyle1 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 2">
-          <useStyle2 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 3">
-          <useStyle3 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.list[dataSort].content.componentList[0].component_style == 4">
-          <useStyle4 />
-        </div>
-      </div>
-      <!--article页面-->
-      <div v-if="this.$store.state.template.pageStatus == 4">
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 1">
-          <useStyle1 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 2">
-          <useStyle2 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 3">
-          <useStyle3 />
-        </div>
-        <div v-if="this.$store.state.template.pageData.article[dataSort].content.componentList[0].component_style == 4">
-          <useStyle4 />
-        </div>
-      </div>
-
     </div>
-  </div>
 </template>
 
 <script>
 import editBtn from '../../public/editBtn.vue'
-import convertBtn from '../../public/convertBtn.vue'
-import useStyle1 from '../components/advertisement/1.vue'
-import useStyle2 from '../components/advertisement/2.vue'
-import useStyle3 from '../components/advertisement/3.vue'
-import useStyle4 from '../components/advertisement/4.vue'
 
 export default {
-  components: {
-    editBtn,
-    convertBtn,
-    useStyle1,
-    useStyle2,
-    useStyle3,
-    useStyle4
-  },
-  props: {
-    id:{
-      type:Number,
-      default:0
+    components: {
+        editBtn
     },
-    y:{
-      type:Number,
-      default:0
+    props: {
+        id: {
+            type: Number,
+            default: 0
+        },
+        y: {
+            type: Number,
+            default: 0
+        },
+        dataSort: {
+            type: Number,
+            default: 0
+        }
+    },
+    data() {
+        return {
+
+        };
     },
-    dataSort:{
-      type:Number,
-      default:0
-    }
-  },
-  data() {
-    return {
-      
-    };
-  },
 };
 </script>
 
 <style scoped lang="less">
-  .imgTitleSectorBox {
+.buildingBorder {
+    border: 2px dashed #999;
+}
+.imgTitleSectorBox {
     width: 100%;
-    height: auto;
     display: flex;
     justify-content: center;
     align-items: flex-start;
-    height: 60px;
+
     .imgSectorBox {
-      //border: 2px dashed #999;
-      width: 80%;
-      height: 60px;
-      position: relative;
+        //border: 2px dashed #999;
+        width: 1200px;
+        position: relative;
+        margin: 0 auto;
+    }
+
+    .imgSector {
+        img {
+            display: block;
+        }
     }
-  }
+}
 </style>