没怎么搞过前端,现学现卖之作,各位大佬轻喷 0u0
- 邹老板的腾讯云小水管:
传送门1(链接已失效) - Github Page:传送门2
- 不建议您使用2017年以前的旧版浏览器访问,特别是IE……
- 没有专门处理兼容性问题,个别移动端浏览器可能无法正常使用画板功能
- 图片较多,Github Page 建议挂梯子访问
- 个别地方只有按钮,功能没来得及做 (lll¬ω¬)
网站名称:M++(漫家家)
我们自己设计的LOGO:
前端使用 Vue.js 构建,后端使用 Django 框架
- axios: https://github.com/axios/axios
- vue-awesome-swiper: https://github.com/surmon-china/vue-awesome-swiper
npm install
npm run serve
npm run build
npm run lint
public/pic_res 图片资源目录
public/jsons 数据文件
src/components 自定义组件
src/views 各个页面
自定义组件列表:
MyContentArea.vue 居中内容区域
ContentAreaWide.vue 居中内容区域(宽)
MyNavbar.vue 顶部导航栏
MyGrid.vue 国漫列表网格
AnimationCard.vue 国漫列表卡片
WorkListNavbar.vue 国漫列表导航栏
DropdownButton.vue 下拉菜单按钮
PaintingBoard.vue 画板画布
PaintingBoardGrid.vue 画板界面网格
PaintingBoardNavbar.vue 画板导航栏
PaintingPicture.vue 画板界面临摹图像
PaintingToolbar.vue 画板工具栏
PenTools.vue 画板画笔工具栏
ColorTools.vue 画板颜色工具栏
CardGroupGrid.vue 广场页面卡片组网格
PicTextCard.vue 广场页面图文卡片
SquareTextCard.vue 广场页面文字卡片
CardGroupHeader.vue 卡片组头部
SquareSwiper.vue 广场轮播图
SquareSwiperCard.vue 轮播图卡片
DetailGrid.vue 详情页面网格
DetailIntroduction.vue 介绍卡片
DetailPictureCard.vue 剧照卡片
DetailComment.vue 评论区卡片
DetailNews.vue 新闻卡片
PinkFloatTag.vue 浮动标签组件
Comment.vue 单条评论卡片
FiveStarDisplay.vue 五星评分组件
HomeBaiSheCard.vue 首页白蛇缘起卡片
HomeFirst.vue 首页首屏卡片
HomeDaYu.vue 首页大鱼海棠卡片
HomeNeZha.vue 首页哪吒卡片