初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)
初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)
抽烟的兔子不会跳 发表于5天前
初探 amaze-vue( 基于vue.js封装的Amaze UI 组件库)
  • 发表于 5天前
  • 阅读 386
  • 收藏 13
  • 点赞 0
  • 评论 12

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 一只基于amazeui和vue.js实现的组件库

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>

 

共有 人打赏支持
粉丝 0
博文 2
码字总数 910
作品 1
评论 (12)
红薯
代码放码云呗,我们推荐一下:)
开源中国首席卡牌中单

引用来自“红薯”的评论

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

回复@红薯 : hs,怎么在线显示office所有格式?
魔幻之翼
@红薯 amazeui 的Vue 实现在Github 上被原作者已经放弃了.....
抽烟的兔子不会跳

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

@红薯 amazeui 的Vue 实现在Github 上被原作者已经放弃了.....
那位作者是在npm上占用了amazeui-vue的名字
抽烟的兔子不会跳

引用来自“红薯”的评论

代码放码云呗,我们推荐一下:)
不胜感激 https://gitee.com/XuecongJi/amaze-vue
红薯

引用来自“红薯”的评论

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

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

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

引用来自“红薯”的评论

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

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

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

引用来自“红薯”的评论

已在码云推荐 :)
感谢:+1:,以后我会努力发文,希望多多支持。
魔幻之翼
@抽烟的兔子不会跳 https://github.com/zcoding/amazeui-vue 请参考
抽烟的兔子不会跳

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

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

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

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

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

嗯,看了,看他没写完就扔那了
希望你能继续~~ 我会推荐整合到官方~~ :heart_eyes:
魔幻之翼
@抽烟的兔子不会跳 加油撸~~~ 说不定我也会加入:sweat_smile:
抽烟的兔子不会跳

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

@抽烟的兔子不会跳 加油撸~~~ 说不定我也会加入:sweat_smile:
谢谢,已经撸的完了,除了官方的一些组件,自己也开发了一些常用的,毕竟一个人力量有限,最近一直在自测修bug
×
抽烟的兔子不会跳
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: