ycjoyce/mask-map: 基於Vue.js 建立的口罩地圖網站，以Vuex ...

GitHub - ycjoyce/mask-map: 基於Vue.js 建立的口罩地圖網站，以Vuex 管理狀態，地圖採用Leaflet.js。

UI 以SCSS 手刻而成，並支援RWD。

Skiptocontent {{message}} ycjoyce / mask-map Public Notifications Fork 0 Star 0 基於Vue.js建立的口罩地圖網站，以Vuex管理狀態，地圖採用Leaflet.js。

UI以SCSS手刻而成，並支援RWD。

ycjoyce.github.io/mask-map/ 0 stars 0 forks Star Notifications Code Issues 0 Pullrequests 0 Actions Projects 0 Wiki Security Insights More Code Issues Pullrequests Actions Projects Wiki Security Insights Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. master Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 3 branches 2 tags Code Latestcommit   Gitstats 56 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime public     src     .gitignore     README.md     babel.config.js     deploy.sh     package-lock.json     package.json     vue.config.js     Viewcode 口罩即時查口罩地圖網站 線上演示 功能地圖 使用技術 應用介面 聲明 README.md 口罩即時查口罩地圖網站 基於Vue.js建立的口罩地圖網站，以Vuex管理狀態，地圖採用Leaflet.js。

UI皆以SCSS手刻而成，並支援RWD。

線上演示 Demo 功能地圖 藥局列表 可以看到目前所在位置距離5公里的所有藥局（依遠近順序排列） 可以輸入地址或區域搜尋藥局 輸入關鍵字時可以看見符合關鍵字的推薦選項 可以以上下鍵及Enter操作查看及選擇推薦選項 點擊推薦選項可以將該選項帶入搜尋框 點擊「搜尋」可以篩選出符合搜尋條件的藥局 可以重整藥局列表 可以查看購買規則 可以查看藥局詳細資訊，例如該藥局口罩剩餘量（成人、兒童）、店名、距離、營業狀態、地址、電話、備註 藥局口罩剩餘量可以依據數量顯示不同狀態顏色（充足、低庫存、無庫存） 可以點擊「於地圖查看」，跳轉地圖至該藥局，並顯示藥局詳細內容跳窗 可以點擊「撥打電話」撥打藥局電話 可以點擊「查看更多」載入更多符合條件的藥局 可以點擊定位按鈕，跳轉地圖至使用者所在位置 地圖 若無法取得使用者位置，可以自動定位至預設地點 可以顯示藥局的地圖圖標 地圖圖標可以依據該藥局營業狀態顯示不同顏色 點擊地圖圖標可以顯示藥局詳細內容跳窗，顯示藥局口罩剩餘量（成人、兒童）、店名、距離、營業狀態 導航列 可以點擊「口罩怎麼買」查看相關規定及連結 使用技術 Vue.js/Vuex Javascript(ES6+) Leaflet.js SCSS ESLint(Airbnb) 應用介面 藥局列表及地圖 藥局列表-篩選符合關鍵字的推薦選項 藥局列表-查看購買規則 藥局列表-點擊「查看更多」載入更多符合條件的藥局 地圖-點擊地圖圖標顯示藥局詳細內容跳窗 導航列-點擊「口罩怎麼買」查看相關規定及連結 聲明 介接API來自TheF2E2nd UI設計圖稿來自TheF2E2nd（設計師：PY） 本作品內圖片、內容等，純粹為個人練習使用，不做任何商業用途 About 基於Vue.js建立的口罩地圖網站，以Vuex管理狀態，地圖採用Leaflet.js。

UI以SCSS手刻而成，並支援RWD。

ycjoyce.github.io/mask-map/ Topics vue leaflet vuex scss rwd Resources Readme Stars 0 stars Watchers 1 watching Forks 0 forks Releases 2 tags Languages Vue 58.7% SCSS 25.5% JavaScript 14.6% Other 1.2% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.