Browse Source

增加首页大标题

zhy 1 week ago
parent
commit
1976df468f
1 changed files with 18 additions and 1 deletions
  1. 18 1
      src/views/Home.vue

+ 18 - 1
src/views/Home.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="container">
+    <a class="title" target="_blank" :href="configurationdata.homeUrl" v-if="configurationdata.isShowTitle">{{ configurationdata.homeTitle }}</a>
     <banner></banner>
     <!-- 关于我们 -->
     <div class="about w">
@@ -110,6 +111,7 @@ import moment from 'moment'
 import { createNamespacedHelpers } from 'vuex'
 const { mapState: pagemapState, mapActions: pagemapActions } = createNamespacedHelpers('page')
 const { mapState: contentnmapState, mapActions: contentmapActions } = createNamespacedHelpers('content')
+const { mapActions: configmapActions, mapState: configmapState } = createNamespacedHelpers('webconfig')
 const { mapActions: menumapActions } = createNamespacedHelpers('menu')
 export default {
   components: {
@@ -133,6 +135,7 @@ export default {
     ...pagemapActions(['getdetails']),
     ...contentmapActions(['getcontent']),
     ...menumapActions(['getmenu']),
+    ...configmapActions(['configurationquery']),
     // 移入事件
     mouseOver (e) {
       this.mous = e
@@ -165,6 +168,7 @@ export default {
     }
   },
   async mounted () {
+    this.configurationquery()
     const pagelist = await this.getmenu()
     if (pagelist.data.errcode === 0) {
       const res = pagelist.data.data.filter(p => p.code === '1')
@@ -201,7 +205,8 @@ export default {
   },
   computed: {
     ...pagemapState(['pageitem']),
-    ...contentnmapState({ contentitems: 'items', contenttotal: 'total' })
+    ...contentnmapState({ contentitems: 'items', contenttotal: 'total' }),
+    ...configmapState(['configurationdata'])
   },
   filters: {
     dates (e) {
@@ -521,5 +526,17 @@ export default {
     }
   }
 }
+.title {
+  width: 80%;
+  padding: 2%;
+  font-size: 2.375em;
+  font-weight: bold;
+  line-height: 130%;
+  text-align: center;
+  margin: 0 auto;
+  color: #32449a;
+  text-decoration: none;
+  display: block;
+}
 @import '../assets/compatible.less';
 </style>