パンくずリスト等の修正

hikarut · Nov 2, 2019 · c07b6a2 · c07b6a2
1 parent c03120e
commit c07b6a2
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 5 deletions.
diff --git a/components/molecules/ListImg.vue b/components/molecules/ListImg.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="tile-parent">
     <div>
-      <img v-lazy="img" :alt="alt" :class="[isDesktop ? 'responsive' : '']"
+      <img v-lazy="imgUrl" :alt="alt" :class="[isDesktop ? 'responsive' : '']"
            src="/loading.png"
            class="tile">
     </div>
@@ -22,6 +22,11 @@ export default {
       type: String,
       default: ''
     }
+  },
+  computed: {
+    imgUrl() {
+      return this.img === '' ? process.env.constant.newsImage : this.img
+    }
   }
 }
 </script>

diff --git a/mixins/menu.js b/mixins/menu.js
@@ -3,6 +3,7 @@ export default {
     menus: [
       { title: 'Top', url: '/', icon: 'fas fa-home' },
       { title: 'About', url: '/about', icon: 'fas fa-question-circle' },
+      { title: 'News', url: '/news', icon: 'fas fa-newspaper' },
       { title: 'Posts', url: '/posts', icon: 'far fa-newspaper' },
       { title: 'Contact', url: '/contact', icon: 'far fa-envelope' },
       { title: 'Privacy', url: '/privacy', icon: 'fas fa-key' }

diff --git a/pages/news/_month/_day.vue b/pages/news/_month/_day.vue
@@ -85,6 +85,11 @@ export default {
           disabled: false,
           url: '/'
         },
+        {
+          text: '複業ニュース',
+          disabled: false,
+          url: '/news'
+        },
         {
           text: addDateString(this.month),
           disabled: false,

diff --git a/pages/news/_month/index.vue b/pages/news/_month/index.vue
@@ -87,6 +87,11 @@ export default {
           disabled: false,
           url: '/'
         },
+        {
+          text: '複業ニュース',
+          disabled: false,
+          url: '/news'
+        },
         {
           text: addDateString(this.month),
           disabled: true,

diff --git a/pages/news/index.vue b/pages/news/index.vue
@@ -3,6 +3,8 @@
     <v-layout row wrap>
       <v-flex :class="[isDesktop ? 'xs8' : 'xs12']" >
         <div class="top">
+          <bread-list :items="breadItems"/>
+
           <template v-if="loading">
             <v-progress-linear :indeterminate="true"/>
           </template>
@@ -15,9 +17,7 @@
 
       </v-flex>
 
-      <template v-if="isDesktop">
-        <side-menu />
-      </template>
+      <side-menu />
     </v-layout>
   </v-container>
 </template>
@@ -32,6 +32,7 @@ import ButtonLink from '~/components/atoms/Button.vue'
 import Subheader from '~/components/atoms/Subheader.vue'
 import MenuLink from '~/components/molecules/Menu.vue'
 import SideMenu from '~/components/molecules/SideMenu.vue'
+import BreadList from '~/components/organisms/BreadList.vue'
 import device from '~/mixins/device'
 
 export default {
@@ -41,14 +42,29 @@ export default {
     ButtonLink,
     Subheader,
     MenuLink,
-    SideMenu
+    SideMenu,
+    BreadList
   },
   mixins: [device],
   async fetch({ store }) {
     // news記事の取得
     await store.dispatch('news/getTopNews')
   },
   computed: {
+    breadItems() {
+      return [
+        {
+          text: 'トップ',
+          disabled: false,
+          url: '/'
+        },
+        {
+          text: '複業ニュース',
+          disabled: true,
+          url: '/news'
+        }
+      ]
+    },
     ...mapGetters('news', ['topNews', 'loading'])
   },
   methods: {
@@ -77,4 +93,8 @@ export default {
   margin-top: -20px;
   padding-bottom: 30px;
 }
+/* リストページだけ場所を調整 */
+.v-breadcrumbs {
+  padding: 20px 0px 20px 24px !important;
+}
 </style>