瀏覽代碼

기본 이미지 처리

허용운 5 年之前
父節點
當前提交
a004dacb28
共有 5 個文件被更改,包括 15 次插入1 次删除
  1. 二進制
      assets/default-image.jpg
  2. 1 1
      pages/index.vue
  3. 5 0
      pages/login/index.vue
  4. 5 0
      pages/register/index.vue
  5. 4 0
      store/index.js

二進制
assets/default-image.jpg


+ 1 - 1
pages/index.vue

@@ -123,7 +123,7 @@
           <div class="md-list-item-text">
             <span><a :href="headline.url" target="_blank">{{ headline.title }}</a></span>
             <span>{{ headline.source.name }}</span>
-            <span>View comments</span>
+            <span @click="saveHeadline(headline)">View comments</span>
           </div>
 
           <md-button @click="removeHeadlineFromFeed(headline)" class="md-icon-button md-list-action">

+ 5 - 0
pages/login/index.vue

@@ -52,6 +52,11 @@
         {{ form.email }} was successfully logged in!
       </md-snackbar>
     </md-card>
+
+    <!-- Back Button -->
+    <md-button @click="$router.go(-1)" class="md-fixed md-fab-bottom-right md-fab md-primary">
+      <md-icon>arrow_back</md-icon>
+    </md-button>
   </div>
 </template>
 

+ 5 - 0
pages/register/index.vue

@@ -52,6 +52,11 @@
         {{ form.email }} was successfully registerd!
       </md-snackbar>
     </md-card>
+
+    <!-- Back Button -->
+    <md-button @click="$router.go(-1)" class="md-fixed md-fab-bottom-right md-fab md-primary">
+      <md-icon>arrow_back</md-icon>
+    </md-button>
   </div>
 </template>
 

+ 4 - 0
store/index.js

@@ -3,6 +3,7 @@ import md5 from 'md5'
 import slugify from 'slugify'
 import db from '~/plugins/firestore'
 import { saveUserData, clearUserData } from '~/utils'
+import defaultImage from '~/assets/default-image.jpg'
 
 const createStore = () => {
   return new Vuex.Store({
@@ -58,6 +59,9 @@ const createStore = () => {
             replacement: '-',
             remove: /[^a-zA-Z0-9 -]/g
           })
+          if (!article.urlToImage) {
+            article.urlToImage = defaultImage
+          }
           const headline = { ...article, slug }
           return headline
         })