Vue小Demo,仿lofter移動端

2021-08-09 17:42:13 字數 854 閱讀 5403

vue2.0全家桶 + axios + vuex + mint-ui + mock.js + stylus

預覽位址(pc端建議在chrome下開啟除錯模式或移動端瀏覽)

原始碼位址✨✨✨求你的小星星~

歷時半個多月的敲**過程,終於完成了這款仿lofter的專案,通過這個專案熟悉了對vue2.0的使用,在專案中使用vuex的狀態管理模組,統一的狀態的管理,讓我們更好的去對資料操作,對axios的跨域問題有了更深了解。遇到問題時一定要去閱讀文件,可以發現使用時遺漏或者沒有注意的地方。打包檔案時也要注意修改路徑不然就踩坑了¬_¬。當然這個專案還有些功能沒有實現,後續會進行完善的

vue路由小demo練習

路由知識詳解位址 接著前面的demo位址繼續練習路由知識.主要完成首頁和電影無重新整理跳轉切換以及動態路由.實際就是元件之間的切換 先上效果圖 首頁 簡單表示一下 電影頁 假設有乙個電影詳情頁,詳情頁需要根據電影的id來獲取電影物件,然後渲染元件 那麼電影詳情頁的位址中就需要包含電影的id 這裡就涉...

基於vue使用canvas的小demo

今天接到乙個需求,在vue element管理後台中新增乙個儲存canvas的需求,所以先寫了乙個小demo html中 contain mycanvas width 500 height 500 ref mycanvas canvas div js中 drowcanvas 生成 的格式 let i...

vue 吸頂選單效果小demo

整個吸頂小demo 場景描述,如下圖 功能描述 當滾動條劃過輪播圖的時候 讓正在熱映和即將上映 這塊吸頂,滾動條滾動回去的時候吸頂消失 吸頂效果邏輯 當滾動條滾動一定的距離例如 輪播圖 的時候加乙個class 滾回來刪除那個class 如果滾動距離大於等於輪播的高度 fixed 小於 unfixed...