iT邦幫忙

0

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

w100 2021-09-15 11:58:251379 瀏覽
  • 分享至 

  • xImage

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

看更多先前的討論...收起先前的討論...
自己想改又改不動,開 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 處理排版
frank575 iT邦新手 4 級 ‧ 2021-09-15 23:02:26 檢舉
像是 better-scroll 插件是適配移動端滾動用的 js 庫,所以 pc 會無法滾動,要使用左鍵長壓滑動那樣(就像你平常操作手機APP/WEB的使用方式)
這可能單純就是以APP為主下去做的,要重新思考切版,如果你真的要做web的版型
w100 iT邦新手 5 級 ‧ 2021-09-16 09:25:10 檢舉
原來是better-scroll的關係! 謝謝各位的回答!
我是初學新手,想說拿個現成的實例來研究看看!
看起來這個例子不是純vue,還用了一些套件,
看來還是先把基礎學好再來研究了!
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答