原文:十一、VueJs 填坑日记之使用Amaze ui调整列表和内容页面

上一篇博文我们整合了Amaze ui,并且调整了一个头部header和底部footer文件,其实做起来也很简单,只要按照步骤来做,完全没有问题。今天我们来重新调整一下列表页面和内容页面,使我们做的后台管理系统更有范儿。 制作左侧菜单一个后台管理系统,大致的样式都是分为南北东西的,而西 也就是左侧 一般是我们的菜单。如图: 我们今天就来把我们的项目完成到如上图的样式,首先我们来制作左侧的菜单,在 s ...

2017-11-30 09:58 0 1010 推荐指数:

查看详情

十、VueJs 日记之在项目中使用Amaze UI

上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI)。先来介绍一下妹子UIAmaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。最主要是妹子UI ...

Wed Nov 29 18:50:00 CST 2017 2 2291
八、VueJs 日记之参数传递及内容页面的开发

我们在上一篇博文中,渲染出来了一个列表,并在列表使用了router-link标签,标签内的:to就是链接地址,昨天咱们是<router-link :to="'/content/' + i.id">这样写的,今天我们来完成内容页面的渲染。 编写内容页面还是废话少说,先上代码,将以 ...

Fri Nov 24 19:19:00 CST 2017 0 1191
二、VueJs 日记之基础项目构建

在上一篇文章中,大致介绍了一下本系列博文以及学习vuejs我们需要了解的一些概念,希望大家认真阅读,所谓知己知彼,百战百胜,学习也一样,工欲善其事,必先利其器,要想学好vuejs,那前提的概念一定要熟悉。否则在接下来的博文中,遇到一些概念很有可能理解不了。 由于不能翻墙,所以之下大部分的操作都是 ...

Wed Nov 15 22:41:00 CST 2017 6 2322
十二、VueJs 日记之项目打包发布

通过上一篇博文的学习,我们其实已经完成了我们设想的项目的开发。但是,我们做好的这套东西,是基于 nodejs 开发的。而我们最终希望,我们开发的项目,生成好一堆文件,然后随便通过任何一个 http 服务就能跑起来,也就是,还原成我们熟悉的 html+css+js 的模式。这章,我们来讲解这部分内容 ...

Fri Dec 01 18:27:00 CST 2017 6 900
三、VueJs 日记之项目文件认识

上一篇博文,我们搭建了一套基础的vuejs的环境,首先安装node.js,然后利用npm包管理器,安装vue-cli,设置淘宝镜像,初始化项目,安装依赖,运行。在这一篇,我们将认识vuejs项目里的各个目录结构。 基础项目目录 build // 编译配置文件,一般不用 ...

Thu Nov 16 19:35:00 CST 2017 0 2231
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM