search

sp1daTomm / SelectWave

A vote website
https://select-wave.vercel.app
2 stars 2 forks source link

nav, footer 元件切版與基本點選功能 #3

Closed eee317 closed 8 months ago

eee317 commented 8 months ago

新增元件 components ，RWD已切版完成

  1. navbar
  2. footer
  3. top 按鈕

tailwind.config.js 新增

  1. fadeIn 動態
  2. dropShadow
echocarriet commented 8 months ago
  1. img_components 資料夾中的圖片要統一在 「public」中嗎？(印象老師有提到圖片可放此資料夾，不對再請糾正 >< )
  2. navbar 文字部分 ≤ 866px 時會斷行
  3. 我這邊 import FooterEl.vue 命名為 Footer 的話會顯示「error Name "Footer" is reserved in HTML vue/no-reserved-component-names」，是否可協助改名。 / 其他部分我這裡沒問題喔。
eee317 commented 8 months ago

@echocarriet 已經修正並且推一版新的囉 有順手把 router 巢狀做上去，這樣可以直接吃到 navbar, footer

echocarriet commented 8 months ago

  1. router > index.js 出現下方錯誤訊息，我這邊嘗試在 children 中的 HomeView.vue 加上 name 屬性與名稱，可消除。 [Vue Router warn]: The route named "Home" has a child without a name and an empty path. Using that name won't render the empty path child so you probably want to move the name to the child instead. If this is intentional, add a name to the child route to remove the warning.

  2. navbar 文字部分 ≤ 866px 時會斷行(附圖於 Discord)

以上再麻煩了！！感謝

eee317 commented 8 months ago

@echocarriet 問題1已經修正 問題2 主要是因為還沒有做未登入跟已登入狀態，有了這個狀態之後就不會有文字斷行的問題囉（因為元件不會全部顯示）

image