Browse Source

修改宽度

asd123a20 2 years ago
parent
commit
39be401a37
4 changed files with 24 additions and 16 deletions
  1. 1 1
      src/views/constitution.vue
  2. 1 1
      src/views/leader.vue
  3. 1 1
      src/views/org.vue
  4. 21 13
      src/views/pages.vue

+ 1 - 1
src/views/constitution.vue

@@ -79,7 +79,7 @@ export default {
   margin: 5% auto;
 }
 .list{
-  width: 70%;
+  width: 60%;
   margin: 0 auto;
   margin-bottom: 5%;
   .listHome {

+ 1 - 1
src/views/leader.vue

@@ -49,7 +49,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .detailsHome {
-  width: 70%;
+  width: 60%;
   margin: 5% auto;
   .title {
    text-align: center;

+ 1 - 1
src/views/org.vue

@@ -75,7 +75,7 @@ export default {
   margin: 5% auto;
 }
 .list{
-  width: 70%;
+  width: 60%;
   margin: 0 auto;
   margin-bottom: 5%;
   .listHome {

+ 21 - 13
src/views/pages.vue

@@ -1,26 +1,31 @@
 <template>
-  <div class="detailsHome" v-if="pagesItem">
-    <div class="listBoxLeft">
-      <letnav ref="letnav" :menuTree="menu"></letnav>
-    </div>
-    <div class="listBoxRight">
-      <h1 class="title">{{ pagesItem.title }}</h1>
-      <span class="describe">{{ pagesItem.describe }}</span>
-      <span class="date">发表时间: {{ pagesItem.updateAt | dates }}<span class="visit">访问量: {{ pagesItem.visit }}</span></span>
-      <div class="content" v-html="pagesItem.content"></div>
+  <div class="details">
+    <breadcrumb ref="breadcrumb"></breadcrumb>
+    <div class="detailsHome" v-if="pagesItem">
+      <div class="listBoxLeft">
+        <letnav ref="letnav" :menuTree="menu"></letnav>
+      </div>
+      <div class="listBoxRight">
+        <h1 class="title">{{ pagesItem.title }}</h1>
+        <span class="describe">{{ pagesItem.describe }}</span>
+        <span class="date">发表时间: {{ pagesItem.updateAt | dates }}<span class="visit">访问量: {{ pagesItem.visit }}</span></span>
+        <div class="content" v-html="pagesItem.content"></div>
+      </div>
     </div>
+    <el-divider class="divider" v-else>暂无数据</el-divider>
   </div>
-  <el-divider class="divider" v-else>暂无数据</el-divider>
 </template>
 
 <script>
 import moment from 'moment';
 import letnav from '../components/leftmenu/index.vue';
+import breadcrumb from '../components/breadcrumb/index.vue';
 import { mapState, mapActions } from 'vuex';
 export default {
   name: 'pagesHome',
   components: {
-    letnav
+    letnav,
+    breadcrumb
   },
   computed: {
     ...mapState(['pagesItem', 'menusall'])
@@ -53,9 +58,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.detailsHome {
-  width: 70%;
+.details {
+  width: 60%;
   margin: 0 auto;
+}
+.detailsHome {
+  width: 100%;
   display: flex;
   margin-bottom: 5%;
   .listBoxLeft {