基本說明

• commit規範
• pull &push口訣
• 各種指令
• js檔案名稱，寫跟html頁面一樣
• 所有輸入框都要包在<form>裡
• 新增一隻scss時, 要把檔案import到 src/assets/sass/style.scss裡， 找到對應分類，寫在最後面

重要提醒!!

• 每一次push dev後，點回自己的分支
• dist資料夾裡的檔案不可以編輯!!
• 所有編輯都是在"dev"資料夾裡進行
• source tree上，不要push自己的分支
• pull 不要用reset, 要用revert
• scss- Yuni 已經有下好scoped, 不汙染彼此scss, 命名方式請展開後參考
• PublicImage命名方式

Coding良好習慣

• class, Id都用複製貼上
• 隨時參考assest/scss/mixin/mixin.scss裡的組件有哪些可以用

動態路徑新增方式

• 查看詳情

字型、字體大小、顏色

• 中文: 　Noto Sans TC
• 英文: 　Noto Sans
• 預設1.125rem
• h1: 　預設2rem
• h2:　 預設1.5rem
• h3:　 預設1.25rem, 行高 ??
• Banner專用字: 3rem
• 不重要資訊:　 預設1rem, #aaa,
• PC字體大小
• H5字體大小
• 行高區

color(顏色變數)

• 網站色
• 透明色

路由、JS特殊設定

• 前台路由規格
• 前台 router-link 注意事項
• 各頁面Vue檔案 template <img> 標籤注意事項

若有需要創建新檔案, 務必注意!!!

常用組件

• 組件建立方式
• 按鈕(基礎按鈕結構、有框線按鈕、無框線按鈕、音樂播放圓形按鈕)
• 尺寸(按鈕尺寸、卡片尺寸、圓角)
• FontAwesome
• 置中

RWD寫法、變數

• 斷點變數

class/ id

• class/ id駝峰式、語意化
• 首字母小寫!
• 命名範例

頁面命名(若頁面中還有其他頁面,請以相關名稱命名)

• 首頁: index
• 音樂快訊: activity
• 探索: find
• 關於謬思: about
• 排行榜: ranking
• 周邊販售: shop
• 註冊頁: register
• 後台: backend

Z-index

• header 100
• player懸浮播放器 100
• player蓋板播放器 200
• #addSl 300
• #NewSl 400
• .pageTop_robot 10;
• robot 10