精华内容
下载资源
问答
  • Ant Design Vue

    千次阅读 2019-05-28 09:20:14
    Ant Design Vue Ant Design of Vue Following the Ant Design specification, we developed a Vue UI libraryantdthat contains a set of high quality components and demos for building rich, interactive .....

    Ant Design Vue

    Ant Design of Vue

    Following the Ant Design specification, we developed a Vue UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.

     + 

    Features #

    • An enterprise-class UI design language for web applications.
    • A set of high-quality Vue components out of the box.
    • Shared Ant Design of React design resources.

    Environment Support #

    • Modern browsers and Internet Explorer 9+ (with polyfills)
    • Server-side Rendering

    Version #

    • Stable: npm package

    You can subscribe to this feed for new version notifications: https://github.com/vueComponent/ant-design-vue/releases.atom

    Installation #

    Using npm or yarn #

    We recommend using npm or yarn to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

    $ npm install ant-design-vue --save
    
    $ yarn add ant-design-vue
    

    If you are in a bad network environment,you can try other registries and tools like cnpm.

    Using the new features of vue, like slot-scope(2.5.0+), provide / inject(2.2.0+)

    Import in Browser #

    Add script and link tags in your browser and use the global variable antd.

    We provide antd.js antd.css and antd.min.js antd.min.css under ant-design-vue/dist in antd's npm package. You can also download these files directly from jsdelivr or unpkg.

    We strongly discourage loading the entire files this will add bloat to your application and make it more difficult to receive bugfixes and updates. Antd is intended to be used in conjunction with a build tool, such as webpack, which will make it easy to import only the parts of antd that you are using.

    Note: you should import moment before using antd.js.

    Usage #

    import Vue from 'vue';
    import { DatePicker } from 'ant-design-vue';
    Vue.use(DatePicker);
    

    And import stylesheets manually:

    import 'ant-design-vue/dist/antd.css';  // or 'ant-design-vue/dist/antd.less'
    

    Use modularized antd #

    • Use babel-plugin-import (Recommended)

      // .babelrc or babel-loader option
      {
        "plugins": [
          ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
        ]
      }
      

      Note: Don't set libraryDirectory if you are using webpack 1.

      This allows you to import components from antd without having to manually import the corresponding stylesheet. The antd babel plugin will automatically import stylesheets.

      // import js and css modularly, parsed by babel-plugin-import
      import { DatePicker } from 'ant-design-vue';
      
    • Manually import

      import DatePicker from 'ant-design-vue/lib/date-picker';  // for js
      import 'ant-design-vue/lib/date-picker/style/css';        // for css
      // import 'ant-design-vue/lib/date-picker/style';         // that will import less
      

    Contributing #

    If you'd like to help us improve antd, just create a Pull Request. Feel free to report bugs and issues here.

    If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way and How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!

    THANK YOU #

    Ant Design Team

    展开全文
  • ant Design Vue

    2020-12-10 17:46:36
    ant Design Vue 自定义loading 今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!...

    ant Design Vue 自定义loading

    今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 在这里插入图片描述
    perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 icon 根本满足不了我们 那就相当于 我改loading 还的需要自定义图标 有点不科学。所以这时候,想到了万能的百度,谁知万能的百度也有失误的时候,找了小几个小时,没有找到的合适的答案和有效的灵感,没有办法,又只能在仔细研究文档,认真看文档的每一句话,眼看就要下班了,还是没有找到合适的解决方案及思路,个人的缺点就是 解决不了这个问题 今晚一定睡不好 我不知道你们是否也是这样,但是天冷了 都催着下班了,想着那就下班吧 也许在路上会有一点灵感了 但是知道到家 睡觉都没有想到怎么解决,果不然失眠了,想了一晚上,想出了两个解决方案第一自己写 第二 在找找文档,如果自己写的话 那何必要用框架了 不是写不出来 其实自己写更简单 因为 之前同事说过一句话 既然选择了框架 那么就尽量用框架提供的方法来实现。想想也是。早上上班的第一件事,继续研究一下文档,研究一下有没有提供 全局修改的方法,就在这时 一机灵,看到了一个宝贝
    在这里插入图片描述
    文档写的非常清楚,你可以自定义全局默认元素 这不就是我想了一晚上的答案吗?实现起来非常简单 不BB了 直接上代码吧

    <script>
    import { Spin } from "ant-design-vue";
    export default {
      data() {
        return {};
      },
    mounted() {
        Spin.setDefaultIndicator({
          indicator: {
            render() {
              return (
                <i class="" style="left:calc(50% - 20px)">
                  <img src="https://dlhr.oss-cn-hangzhou.aliyuncs.com/img/201210/fc8557d3b59a4f33b57c8925f99c85474bc7c7a54ce045fba84c08ffa6611ecf.gif" style="width:40px; height:40px;"/>
                </i>
              );
            }
          }
        });
      }
      }
      </script>
    

    在这里插入图片描述
    最终效果 是不是很简单 希望能帮到您

    展开全文
  • Ant Design Vue下拉选择框增加可搜索功能 打开Ant Design Vue官网,找到Select选择器(点击进入),见如下示例: 其中: ①:showSearch属性使框框变为可搜索; ②:option-filter-prop="children"便是绑定下拉选项...

    Ant Design Vue下拉选择框增加可搜索功能

    打开Ant Design Vue官网,找到Select选择器(点击进入),见如下示例:在这里插入图片描述
    其中:
    ①:showSearch属性使框框变为可搜索;
    在这里插入图片描述
    ②:option-filter-prop="children"便是绑定下拉选项中的内容可被搜索(<a-select-option>

    ③:实现。

    期待与您一起探讨关于Ant Design Vue或VUE或原生JS等等前端技术哦~

    展开全文
  • ant design vue.docx

    2021-05-04 18:07:03
    ant design vue
  • Ant Design Vue:一个基于Ant DesignVue的企业级UI组件库
  • 这段时间在使用Ant Design Vue进行项目的前端部分开发,进行一个记录,分享… Ant Design Vue Ant Design VueAnt Design 3.X 的 Vue 实现,开发和服务于企业级后台产品。在GitHub上可以找到几个Ant DesignVue...
  • Ant Design Vue 是蚂蚁金服 Ant Design 官方唯一推荐...Ant Design Vue 是遵循 Ant DesignVue 组件库。是蚂蚁金服 Ant Design 官方唯一推荐的 Vue 版 UI 组件库,它其实是 Ant DesignVue 实现,组件的风格与...

    Ant Design Vue 是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库,组件的风格与Ant Design保持同步,组件的html结构和css样式也保持一致。

    Ant Design Vue 是遵循 Ant Design 的 Vue 组件库。是蚂蚁金服 Ant Design 官方唯一推荐的 Vue 版 UI 组件库,它其实是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致。 用下来发现它的确称得上为数不多的完整的 VUE 组件库与开发方案集成项目。

    Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。

    特性提炼自企业级中后台产品的交互语言和视觉风格。

    开箱即用的高质量 Vue 组件。

    共享 Ant Design of React 设计工具体系。

    支持环境现代浏览器和 IE9 及以上(需要 polyfills)。

    支持服务端渲染。

    安装

    使用 npm 或 yarn 安装

    我们推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。

    关于 ant-design-vue

    众所周知,Ant Design 作为一门设计语言面世,经历过多年的迭代和积累,它对 UI 的设计思想已经成为一套事实标准,受到众多前端开发者及企业的追捧和喜爱,也是 React 开发者手中的神兵利器。希望 ant-design-vue 能够让 Vue 开发者也享受到 Ant Design 的优秀设计。

    ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步,组件的 html 结构和 css 样式也保持一致,真正做到了样式 0 修改,组件 API 也尽量保持了一致。

    Ant Design Vue 致力于提供给程序员愉悦的开发体验。

    展开全文
  • Vue-Ant Design Vue-普通及自定义校验

    万次阅读 多人点赞 2019-04-09 20:19:37
    这段时间在使用Ant Design Vue进行项目的前端部分开发,进行一个记录,分享… Ant Design Vue Ant Design VueAnt Design 3.X 的 Vue 实现,开发和服务于企业级后台产品。在GitHub上可以找到几个Ant DesignVue...
  • 近日阿里的蚂蚁金服的体验团队正式官宣发布了针对Vueant-design-vue组件,这对广发Vue开发者来说是一大福音。直以来,国内的前端开发者大多使用的是React和Vue进行前端页面开发,而Vue作为一...
  • ant design vue踩坑日记

    2021-03-24 09:31:44
    目录ant design vue踩坑日记Unexpected token, expected "," (40:6) ant design vue踩坑日记 Unexpected token, expected “,” (40:6) 分析就是在40行代码之前,有着代码的缺少符号,要么就是缺少了{或者 }
  • ant design vue 初体验

    2020-10-28 19:40:56
    Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。 按官方文档用vuecli 3.0搭建了一个开放环境,引入了ant design vue 。具体流程不说了,参考...
  • 本文档主要是本人对VueAnt Design Vue学习后总结的经验,方便其它同事能够通过该文档对该技术有所了解 , 同时方便产品团队对前后分离的技术有增加知识储备。 目录如下 2.Vue经验分享 2.1 Vue介绍 2.2 Vue的MVVM...
  • 配置vue3.0 + Ant Design Vue

    千次阅读 2021-01-06 10:54:10
    前言:上篇文章记录了如何搭建vue3.0版本的项目,今天来对vue3.0来记录一下如何开配置UI框架Ant Design Vue以及配置的时候所遇到的一些问题 首先,先把之前用vue-cli搭建好的vue3.0的项目启动起来(找到文件夹,右键...
  • Ant Design Vue快速入门教程

    千次阅读 2020-11-04 07:42:16
    Ant Design Vue Ant Design是蚂蚁金服出品的一款前端UI库,官方的介绍是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。简而言之就是一款简洁...
  • AntDesignVue运行报错

    2021-04-18 22:47:46
    AntDesignVue 错误日志 ERROR Failed to compile with 1 error 下午10:45:00 error in ./node_modules/ant-design-vue/es/dropdown/style/index.less Syntax Err
  • vue+Ant design vue做项目

    万次阅读 多人点赞 2019-09-17 09:33:14
    哈喽哈喽,这期带来蚂蚁金服的一个Ant DesignVue 实现。 样式还是很现代化的,嗯...现在是2019年9月17,对现在来说还很fashion过几年就不知道了。 话不多说直接上手,喜欢记得关注,顺手右上角来个赏我两个...
  • ant design vue menu 导航菜单ant design vue menu 导航菜单是一个网站或者系统的重要功能,通过导航可以对网站或者系统的功能进行分门别类。水平导航菜单例子 首页 禁用项产品列表 苹果 香蕉胡萝卜西红柿友情链接 -...
  • Ant Design Vue 入坑

    2021-03-23 16:22:34
    1、Ant Design Vue初始化项目之后,按官方配置了babel-plugin-import按需加载之后一直报错,先是缺少less-loader和less 然后又报错 Inline JavaScript is not enabled. Is it set in your options ? 可能是less-...
  • Ant design vue formModel

    2021-02-06 18:40:49
    Ant design vue formModel 在使用 ant-design-vue 的formModel 组件时,遇到了一些问题,简单记录一下 为什么要使用 formModel组件, 而不是form组件? 因为要动态处理一个表单,表单可以进行临时的增加和删除一些...
  • Ant Design Vue 表单验证踩坑

    千次阅读 2020-01-16 17:15:43
    最近一个项目用了 Ant Design Vue ,我也不知道为啥用这个。。。FORM表单验证踩地坑简直是让我哭哭哭 以前用elementUI,Iview,很顺手,v-model简直是标配 可是这个Ant Design Vue 在需要验证的时候 不能用##### v-...
  • Ant Design Vue 的 table 隐藏特定列

    千次阅读 2020-12-19 15:34:58
    Ant Design Vue 的 table 隐藏特定列 Ant Design Vue 的 table 隐藏列主要是通过 列的 colSpan属性和 customRender 实现的,这两个属性官网的解释如下: const columns = [ { title: 'id', dataIndex: 'id', ...
  • Ant Design Vue 修改组件样式

    千次阅读 2020-06-10 17:47:00
    修改Ant Design Vue组件样式 项目中要求使用ant design vue作为第三方ui框架,但是设计图上的要求与ui框架官网的有细微的差别,需要手动修改,当时我的想法就是先f12打开控制器自己先修改样式,改好以后连样式名和...
  • Ant Design Vue 表格行内编辑!!!

    千次阅读 热门讨论 2019-12-18 17:22:19
    Ant Design Vue 表格行内编辑,功能非常全面!
  • ant design vue实现穿梭框单选

    千次阅读 2019-12-13 16:00:05
    最近有一个朋友问了一个问题,ant design vue的穿梭框如何实现单选,且禁用顶部的全选checkbox 之前项目中用到的是ant design pro,没有用到ant design pro of vue,也没有用过穿梭框组件; 所以克隆项目写了一个demo...
  • 按照ant design vue官方说明,使用日期选择器需要在入口文件(main.js)全局设置语言: // 默认语言为 en-US,如果你需要设置其他语言,推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,353
精华内容 1,741
关键字:

antdesignvue

vue 订阅