初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)


Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库。因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很高,今天 特来分享一个完整版的基于Amaze UI 封装的vue.js组件库。

项目地址

amaze-vue

使用文档

document

开发

结合webpack + vue + amaze-vue进行快速开发

使用vue-cli快速构建

传送门

通过npm安装amaze-vue

npm install amaze-vue --save1

使用amaze-vue进行开发

修改src/main.js 文件

import Vue from 'vue'; import App from './App'; import AmazeVue from 'amaze-vue'; import 'amaze-vue/dist/amaze-vue.css'; Vue.use(AmazeVue); new Vue({     el: '#app',     router,     template: '<App/>',     components: { App } });1234567891011

原生js开发

克隆源代码到本地

git clone https://github.com/sunshineJi/amaze-vue.git1

引入文件

打开clone下来的文件夹 
文件目录

dist目录下的文件拷贝到工程目录下进行后引入 
AMAZEVUE_PATH 是将dist 目录拷贝到项目后的位置

<!DOCTYPE html> <html> <head>     <title>amaze-vue</title>     <link rel="stylesheet" type="text/css" href="AMAZEVUE_PATH/amaze-vue.css"/> </head> <body>     <div id="app">         <am-warning color="success" :closeBtn="true"><h1>这是一个warning提示</h1></am-warning>     </div>     <script src="http://unpkg.com/vue" type="text/javascript"></script>     <script type="text/javascript" src="AMAZEVUE_PATH/amaze-vue.js"></script>     <script type="text/javascript">         new Vue({             el: '#app'         })     </script> </body> </html>

 

本文发表于2017年12月07日 08:33
(c)注:本文转载自https://my.oschina.net/u/3744005/blog/1585945,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除.

阅读 388 讨论 0 喜欢 0

讨论

周娱

君子和而不同
按照自己的方式,去度过人生

4181 1125902
抢先体验

扫码体验
趣味小程序
文字表情生成器

加入组织

扫码添加周娱微信
备注“加入组织”
邀请进开发群

闪念胶囊

人生是一场马拉松,起跑的优劣对于整段路途而言并没有那么重要,笑到最后的都是一直在跑的人,也就是一辈子都在学习的人。

角色是谁并不重要,重要的是会不会抢戏~

在这个世界上,最顶级的趋势叫时代。次一级的趋势才是经济周期,再往下是你所在的单位和公司的经营节奏。一个人赶不赶得上好时代得看运气,但要在好时代里不留下遗憾,得靠见识。

2009年,雷军40岁生日这天,他和几个朋友一起喝酒。雷军感慨,“人是不能推着石头往山上走的,这样会很累,而且会被山上随时滚落的石头给打下去。要做的是,先爬到山顶,随便踢块石头下去。”

离职要果断,入职要缓慢。

这一生,会遇到很多人,经历很多事,得到很多,也会失去很多。但无论如何,有两样东西,绝不能丢弃,一个叫良心,另一个叫理想。

数据结构和算法这个东西,如果你不去学,可能真的这辈子都用不到,也感受不到它的好。但是一旦掌握,你就会常常被它的强大威力所折服。之前你可能需要费很大劲儿来优化的代码,需要花很多心思来设计的架构,用了数据结构和算法之后,很容易就可以解决了。

人生路上,我们会遇到很多的坎。跨过去,你就可以成长,跨不过去就是困难和停滞。而在后面很长的一段时间里,你都需要为这个困难买单。

晚上在理发店烫了个头,本来想烫成陈奕迅的样子,但是最后成了黄渤 ( ̄﹏ ̄)~~~自行脑补

Copyright © 2016 - 2018 Cion.
All Rights Reserved.
备案:鲁ICP备16007319号.