文档章节

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

抽烟的兔子不会跳
 抽烟的兔子不会跳
发布于 2017/12/06 23:16
字数 322
阅读 512
收藏 19

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>

 

© 著作权归作者所有

共有 人打赏支持
抽烟的兔子不会跳
粉丝 3
博文 2
码字总数 910
作品 1
程序员
加载中

评论(12)

抽烟的兔子不会跳
抽烟的兔子不会跳

引用来自“魔幻之翼”的评论

@抽烟的兔子不会跳 加油撸~~~ 说不定我也会加入:sweat_smile:
谢谢,已经撸的完了,除了官方的一些组件,自己也开发了一些常用的,毕竟一个人力量有限,最近一直在自测修bug
魔幻之翼
魔幻之翼
@抽烟的兔子不会跳 加油撸~~~ 说不定我也会加入:sweat_smile:
魔幻之翼
魔幻之翼

引用来自“魔幻之翼”的评论

@抽烟的兔子不会跳 https://github.com/zcoding/amazeui-vue 请参考

引用来自“抽烟的兔子不会跳”的评论

嗯,看了,看他没写完就扔那了
希望你能继续~~ 我会推荐整合到官方~~ :heart_eyes:
抽烟的兔子不会跳
抽烟的兔子不会跳

引用来自“魔幻之翼”的评论

@抽烟的兔子不会跳 https://github.com/zcoding/amazeui-vue 请参考
嗯,看了,看他没写完就扔那了
魔幻之翼
魔幻之翼
@抽烟的兔子不会跳 https://github.com/zcoding/amazeui-vue 请参考
抽烟的兔子不会跳
抽烟的兔子不会跳

引用来自“红薯”的评论

代码放码云呗,我们推荐一下:)

引用来自“抽烟的兔子不会跳”的评论

不胜感激 https://gitee.com/XuecongJi/amaze-vue

引用来自“红薯”的评论

已在码云推荐 :)
感谢:+1:,以后我会努力发文,希望多多支持。
红薯
红薯

引用来自“红薯”的评论

代码放码云呗,我们推荐一下:)

引用来自“抽烟的兔子不会跳”的评论

不胜感激 https://gitee.com/XuecongJi/amaze-vue
已在码云推荐 :)
抽烟的兔子不会跳
抽烟的兔子不会跳

引用来自“红薯”的评论

代码放码云呗,我们推荐一下:)
不胜感激 https://gitee.com/XuecongJi/amaze-vue
抽烟的兔子不会跳
抽烟的兔子不会跳

引用来自“魔幻之翼”的评论

@红薯 amazeui 的Vue 实现在Github 上被原作者已经放弃了.....
那位作者是在npm上占用了amazeui-vue的名字
魔幻之翼
魔幻之翼
@红薯 amazeui 的Vue 实现在Github 上被原作者已经放弃了.....
Amaze UI让HTML5 Web应用接近原生体验

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”高调亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。 组件化是Web开发的未...

妹子有爱
2015/08/10
0
0
拭目以待/GridManager-Vue

GridManager Vue 基于 Vue 的 GridManager 封装, 用于便捷的在 Vue 中使用GridManager. 除过Vue特性外,其它API与GridManager API相同。 API 该文档为GridManager的文档,除了中存在差异外,...

拭目以待
06/06
0
0
Vue常用经典开源项目汇总参考-海量

Vue常用经典开源项目汇总参考-海量   Vue是什么?   Vue.js(读音 /vju/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。...

80368704
2017/04/20
0
0
web前端Vue.js经典开源项目汇总

  Vue是什么?   Vue.js(读音/vju/,类似于view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易...

爱前端
2017/12/03
0
0
vue项目如何刷新当前页面的方法_vue.js_脚本之家

vue项目如何刷新当前页面的方法 更新时间:2018年05月18日 16:41:06 作者:敲代码的小老头 我要评论 这篇文章主要介绍了vue项目如何刷新当前页面的方法,小编觉得挺不错的,现在分享给大家,...

这篇文章主要介绍了vue项目如何刷新当前页面的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
07/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

golang使用protobuf简易教程

参考文档:https://blog.csdn.net/qq_15437667/article/details/78425151 一、安装protobuf # 去github.com/golang/protobuf下载源码包,# 拷贝到 $GOPATH/src/github.com/golang/protobuf......

科陆李明
昨天
0
0
8月16日 上课截图

小丑鱼00
昨天
0
0
Nginx负载均衡、配置SSL

Nginx负载均衡 在 /usr/local/nginx/conf/vhost/ 下创建一个文件,写入以下内容 加载后用curl测试可以访问设置的网站 www.qq.com ssl原理 HTTPS是一种加密的http协议,如果HTTP通信的数据包在...

黄昏残影
昨天
0
0
String 源码阅读笔记

String源码阅读 本人学习笔记,内容来自于阅读源码和其他博客,水平有限,如有错误,烦请指正。 详情参考: Java 7 源码学习系列(一)——String 请别再拿“String s = new String("xyz");...

等到烟火清凉_
昨天
4
0
Coding and Paper Letter(十二)

资源整理。<!-- more --> 1 Coding: 1.R语言生成的ppt,GeoStat2018会议报告,时空模式分析的报告。 geostat18 2.欧空局哨兵和SMOS的工具集,关于对地观测数据的处理与分析的docker容器。 ...

胖胖雕
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部