vue寫的網頁在手機正常操作但是在PC卻很奇怪

vue.js

w100 2021-09-15 11:58:25 ‧ 1391 瀏覽

分享至

在github找到一個專案 https://github.com/SimonZhangITer/VueDemo_Sell_Eleme
我是第一次接觸vue,想要來研究一下,但發現這個網頁可以在手機上正常操作,
但是在個人電腦上網頁可以正常顯示,但是用滑鼠點某個餐品顯示放大圖片沒有作用！
就是如果用拖曳的方式小拖一下就會放大圖了！在放大圖的左上角會有一個《符號,一樣在這個符號上往右小拖曳一下（但不是很靈敏,有時要多試幾下）就可以隱藏大圖了！
有人知道這是那裡的問題嗎？
下面是這個網頁的demo網址: https://simonzhangiter.github.io/VueDemo_Sell_Eleme
雖然有網頁vue原始碼,但是我初學完全看不出來那裡的問題,懇請懂vue的前輩抽空幫忙看看！
謝謝！

看更多先前的討論...收起先前的討論...

耿直小伙 iT邦新手 1 級 ‧ 2021-09-15 16:32:31 檢舉

自己想改又改不動，開 issue 給作者不是比較快？

frank575 iT邦新手 4 級 ‧ 2021-09-15 22:51:51 檢舉

這個映像中是幾年前的 udemy 的課程，這個是面向移動端 web 開發的，他使用的技術也是純移動端 web 用，並沒有對 web 調適，因為客群不再那，大陸這種多稱之為 h5 web app

frank575 iT邦新手 4 級 ‧ 2021-09-15 22:53:36 檢舉

如果你要做的很像的話，可以查看這個課程 https://www.udemy.com/course/vuejs-app/

frank575 iT邦新手 4 級 ‧ 2021-09-15 22:54:48 檢舉

不過課程內容有點老就是了，vue2 版本較舊，是使用 webpack config 配置的，而不是最新的 vue2, 3 是用 vue.config 配置，然後資料來源是用 json 假資料 fetch 進來，印象中是沒有真實 API 的，而且寫的 css 比較老，沒用到 flex 之類的 css 處理排版