摘要:又一個酷炫的后臺管理,依然前后端分離用打開,還沒適配移動端。如果覺得還行,歡迎項目地址項目后臺地址我的博客地址好了,溜了溜了。。。
又一個Vue+Cnavas酷炫的后臺管理,依然前后端分離(用PC打開,還沒適配移動端)。
項目地址: https://github.com/hzzly/canv...
demo地址: http://hjingren.cn/curriculum...
賬號:hzzly 密碼:123456
歡迎大家的star啦~
前臺:
vue-cli
vue
vue-router
webpak
canvas
ajax
后臺:
功能說明wamp
PHP(ThinkPHP)
mysql
登錄
用戶登錄
管理員登錄
注冊
用戶注冊
Canvas
流星滑過
星星閃閃
后臺折線
折線跟著鼠標(biāo)滑動
Vue
彈出框組件
路由切換動畫
通過Ajax調(diào)用后臺接口
留言板(時間軸)
添加房屋信息
出租 求租
出售 求購
個人信息修改
密碼修改
......
1.登錄注冊模塊,流星與星星為canvas,登錄注冊切換動畫為vue transition
2.后臺管理頁面,背景為canvas(會動的折線+跟著鼠標(biāo)滑動) 功能模塊切換為vue transition
目錄結(jié)構(gòu)3.留言板(時間軸特效)
|——canvas-vue/ | |——build/ | |——confg/ | |——node_modules/ | |——src/ | | |——assets/ //靜態(tài)文件 | | |——components/ //頁面組件 | | | |——Menu.vue //登錄注冊加載頁面 | | | |——Home.vue //后臺首頁 | | | |——Login.vue //登錄頁面 | | | |——Regist.vue //注冊頁面 | | | |——Navbar.vue //我的發(fā)布 | | | |——Messageboard.vue //留言板頁面 | | | |——... //等等 | | |——router/ | | | |——index.js //頁面路由 | | |——App.vue //父組件 | | |——main.js //入口文件 | |——static/ | |——.babelrc | |——.editorconfig | |——.gitgnore | |——index.html | |——package.json | |——README.md總結(jié)
這個項目還沒有完成,后期將不定期更新,敬請期待。。
如果覺得還行,歡迎star
項目地址: https://github.com/hzzly/canv...
項目后臺(PHP)地址: https://github.com/hzzly/canv...
我的博客地址:https://hzzly.github.io/
好了,溜了溜了。。。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82131.html
摘要:的三維元素比正常大,而時則比正常小,大小程度由該屬性的值決定屬性指定了觀察者與平面的距離,使具有三維位置變換的元素產(chǎn)生透視效果。 showImg(https://segmentfault.com/img/bVzAjp); 項目地址:https://github.com/BUPT-HJM/c...demo地址:https://bupt-hjm.github.io/cs...歡迎大家的st...
摘要:的三維元素比正常大,而時則比正常小,大小程度由該屬性的值決定屬性指定了觀察者與平面的距離,使具有三維位置變換的元素產(chǎn)生透視效果。 showImg(https://segmentfault.com/img/bVzAjp); 項目地址:https://github.com/BUPT-HJM/c...demo地址:https://bupt-hjm.github.io/cs...歡迎大家的st...
摘要:前陣子因業(yè)務(wù)需求,需要對圖片進行一些特殊處理,例如反相,高亮,黑白等,都是使用來實現(xiàn)要實現(xiàn)上述所說的各種效果,最核心的事情便是對圖片的對象進行改動。后兩個代表的是圖片的寬高,不用多說。 前陣子因業(yè)務(wù)需求,需要對圖片進行一些特殊處理,例如反相,高亮,黑白等,都是使用Canvas來實現(xiàn) ImageData 要實現(xiàn)上述所說的各種效果,最核心的事情便是對圖片的ImageData對象進行改動。 ...
閱讀 1682·2019-08-30 15:54
閱讀 3332·2019-08-26 17:15
閱讀 3522·2019-08-26 13:49
閱讀 2582·2019-08-26 13:38
閱讀 2291·2019-08-26 12:08
閱讀 3035·2019-08-26 10:41
閱讀 1369·2019-08-26 10:24
閱讀 3376·2019-08-23 18:35