在react-app中添加ant-mobile 开发手机端应用 create-react-app 是业界最优秀的 React 相关应用开发工具之一,以此工具来使用 antd-mobile 组件。 参考:Ant Design Mobile $ npm install -g create-react-a ...
转载 2021-07-29 16:36:00
189阅读
2评论
在这篇博客中,我将向读者们介绍如何使用 React18 + vite + TypeScript + antDesign搭建一个前端框架。React 是一种流行的 JavaScript 库,用于构建用户界面。vite是一个快速的前端构建工具,能够快速创建现代化的应用程序。TypeScript 是一种开源的编程语言,它可以帮助开发者在编写JavaScript 代码时减少错误。antDesign 是一个
NG-ZORRO-MOBILEAnt Design 移动规范的 Angular 实现。Ant Design 作为服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,用其简单且高效的设计理念,让设计者专注于更好的用户体验。Ant Design 发布之初仅有 React 版本实现,为了让 Angular 开发者也能享受 Ant Desig
文中结合了网易新闻客户端讲解了开源库ActionBarSherklock的使用今天夏老师再给大家讲解一个开源库的使用,它就是ViewPagerIndicator(同样出自JakeWharton之手,ps:这胖子还是蛮厉害的)官网地址:http://viewpagerindicator.com/Github地址:https://github.com/JakeWharton/An
一说到移动端布局,大部分同学会想到用rem,不错rem确实可以解决各种问题,哪怕宽度你都写固定值都没有问题,但是宽度的适配使用大量的数值,是不是算起来有点头疼呢?还有一部分同学会大面积使用弹性盒,宽度的适配用弹性盒真的是太香了,可是弹性盒它并不能兼容所有的设备,那没有弹性盒是不是就没有办法了呢?其实并不是的,我这里提供几个常用布局方式,就算是没有弹性盒,也可以轻松玩转移动端!1、上下固定,中间弹性
转载 6月前
98阅读
问题:在使用Ant Design Vue 过程中发现了他没有限制数量上传的功能,因此自己使用js实现,仅仅一句代码,使用的时候通过change事件进行splice进行截取<a-upload //开启多选 multiple //限制图片类型 accept=“image/png, image/jpeg” //图片上传地址 :action=“uploadImgURL” //上传后显示的样式 lis
转载 2024-08-26 20:06:56
86阅读
导入在使用日期选择器前需要先引入momnet:import moment from "moment"; import "moment/locale/zh-cn"在引入后使用选择器:<a-date-picker format="YYYY-MM-DD HH:mm:ss" v-decorator="['time',{rules: [{ required: true, message: '请输入
转载 2024-04-04 21:50:14
115阅读
Ant Design 是一个很好用的前端组件库,里面包含有很多基础组件,能极大提高我们的开发效率下面先贴出 官方文档,里面的介绍已经十分全面和详细,大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目,然后怎么在项目中引入 Ant Design 呢?首先介绍一下 vue-cli 3 默认生成的目录结构,关于 vue-cli 3 的具体使用可以参
转载 2024-03-20 07:20:35
429阅读
前言面试遇到一道题,使用 React 实现移动端物流单据列表查询功能。好家伙,React 咱已经一年多没碰过了(主要是项目都是用的 vue ,只能额外找时间学习 React )。既然挑战来了,刚好也可以复习一下 React ,所以咱花了一天时间将它封装成了复用组件,当其他页面也用到差不多的列表时,直接搬来用。这里使用到了 Antd-mobile 组件库(毕竟人生苦短,该偷懒还是得偷懒的)废话不多说
转载 2024-05-07 16:43:17
166阅读
内容提要本文分为两个个部分 1.Git教程 2.Github教程第一部分1.什么是GitHubGitHub是世界上最大的软件远程仓库,是一个面向开源和私有软件项目的托管平台,使用Git做分布式版本控制。 简单的来说,GitHub就是全是界程序员和组织发布程序代码的平台之一,全世界各地的程序员讲自己写的代码上传到这里与大家分享。 当你需要完成某个轮子(开发某个东西)的时候,可以尝试先去Gi
转载 6月前
8阅读
参与:一鸣、jamin 去年,GitHub 官方预告了移动端 app 的开发情况。最近这一 app 终于和开发者见面了。除了承诺过的暗黑模式外,app 还有多项新特性,开发者也不用随时随地被绑在电脑前。 GitHub 是非常好用的代码版本托管平台,几乎没有开发者不知道它。但是,一直以来用户都希望官方能够出品移动端 app,方便在没有 pc 的场合完成一些工作。 近日,GitHub Mob
转载 2024-01-19 15:41:07
43阅读
引入: 步骤一:绑定 form 步骤二:绑定 item 步骤三:获取 form 的值 .
转载 2018-07-23 13:33:00
186阅读
2评论
前言今天本来想开源自己写的 CMS应用的,但是由于五一期间笔者的 mac电脑突然崩溃了,所有数据无法恢复,导致部分代码丢失,但庆幸的是 cms的打包文件已上传服务器,感兴趣的朋友可以在文末链接中访问查看。今天要写的 H5朋友圈也是基于笔者开发的 cms搭建的,我将仿照 微信朋友圈,带大家一起开发一个能发布动态(包括图片上传)的朋友圈应用。有关服务端部分笔者在本文中
不同于普通的html+JavaScript+css的网页组合,Ant Design Pro of Vue中的页面是由Vue文件构成的,在下载的默认工程中,Vue文件统一放在/src/views目录下,以其中比较简单的基础表单BasicForm.vue为例,说明一下Vue文件的构成<template> <a-card :body-style="{padding: '24px 3
转载 2024-04-29 20:14:52
373阅读
▒ 目录 ▒? 导读需求开发环境1️⃣ ant-design生态ant-designant-design-vueant-design-pro2️⃣ 表单设计器form-render - 阿里团队开源表单设计器,自家 Antd UI 框架友好form-create - 支持Vue3 及 ElementPlusUI、AntDesign、iview 框架Form Generator Antdvk-fo
转载 2024-02-20 17:26:34
178阅读
前言  本文主要是推荐一些开源、免费、实用、美观的Blazor UI组件库,提供给广大C#/.NET开发者们学习和使用(注意:排名不分先后,都是十分优秀的开源框架和项目?)。本文中的所有框架都已经收录到适合后端程序员的前端框架GitHub Issues知识库中,假如大家有更好组件库推荐欢迎到以下GitHub项目地址留言或者在文末留言。GitHub项目仓库收集地址:https://github.co
https://github.com/vueComponent/ant-design-vue/pull/6173 参照5W1H分析法解释下为什么要提这个pr?what?何事?ant-design-vue(下文以antv简称)是ant-design(下文以antd简称)的vue实现,组件的风格和antd保持同步。why?何因?因为,antd自@4.2.0版本提供了分段控制器(segmented)组件
转载 2024-04-03 09:10:01
456阅读
北京...
转载 2019-11-16 12:16:00
72阅读
2评论
北京时间 2019 年 11 月 14 日 GitHub Universe 2019 大会上,GitHub 正式发布了 GitHub for mobile ,即 GitHub 的移动版本,支持 iOS 与 Android 两大平台。 以下是全文: https://github.blog/2019 1
原创 2021-05-25 13:31:34
159阅读
低版本的antd table组件 官网文档上有可伸缩列功能,但是用起来有很明显的bug,无法直接拿来用;接下来给大家提供一个手写的拖拽方案:1.首先,写好v-table组件,这里最重要的就是table组件中的‘components’属性,官方对component的描述是"覆盖默认的 table 元素",意思就是对table进行重写<a-table :components="component
转载 2024-03-30 09:44:47
396阅读
  • 1
  • 2
  • 3
  • 4
  • 5