UI 框架
UI 框架
花铛
这个作者很懒,什么都没留下…
展开
-
《PC端UI框架》Ant Design V4 中的日期选择框
DatePicker 的 value 是 moment 类型。回填DatePicker:接口返回的数据是以秒为单位的时间戳:const date = moment.unix(create_at)接口返回的数据是以毫秒为单位的时间戳:const date = moment(Number(create_at))获取DatePicker的值:向接口传递以秒为单位的时间戳:const date = moment(value).unix()向接口传递以毫秒为单位的时间戳:const date原创 2021-04-26 14:41:18 · 263 阅读 · 0 评论 -
《PC端UI框架》Ant Design V4 中的表格
分页控件默认显示英文,修改为中文简体:antd 目前的默认文案是英文,如果需要使用简体中文,antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。import zhCN from 'antd/lib/locale/zh_CN';import { ConfigProvider } from 'antd';return ( <ConfigProvider locale={zhCN}> <App /> </Config原创 2021-04-16 15:45:41 · 576 阅读 · 0 评论 -
《PC端UI框架》Ant Design V4 中获取表单实例
V3版本:import React from 'react'import { Form, Input } from 'antd'class FormDemo extends React.Component { submit = () => { const { form } = this.props form.validateFields((err, values) => { console.log(err, values) }) } re原创 2021-02-20 14:26:54 · 632 阅读 · 0 评论 -
《PC端UI框架》Ant Design V4 中表单校验
V3版本:使用getFieldDecorator的rules验证,rules中定义校验规则:message为校验不通过时的提示文字。{getFieldDecorator('name', { rules: [{ required: true, message: '请输入内容!', }], })( <Input />)}使用getFieldDecorator的validator自定原创 2021-02-20 14:24:03 · 1181 阅读 · 2 评论 -
《PC端UI框架》Ant Design V4 中的 Modal
Form表单:Form:form:经 Form.create() 包装过的组件会自带 this.props.form 属性。layout:表单布局。colon:配置 Form.Item 的 colon 的默认值 (只有在属性 layout 为 horizontal 时有效)。labelAlign:label 标签的文本对齐方式。labelCol:label 标签布局,设置 span offset 值。例如 {span: 3, offset: 12}。wrapperCol:需要为输入控件设置布原创 2021-09-22 17:49:28 · 378 阅读 · 0 评论 -
《小程序UI框架》WeUI
WeUI是一套跟微信原生的视觉体验类似的一套UI样式库,由微信官方设计团队为微信内网页和小程序设计的。包含button、cell、dialog、toast、article、icon等各式元素。安装:CMD安装:npm install --save weuiSND引入:在https://github.com/Tencent/weui-wxss下下载之后,直接引用dist/style/weui...原创 2019-03-26 17:45:16 · 200 阅读 · 0 评论 -
使用 iconfont 字体图标
使用字体图标的话,就可以使用字体相关的属性设置图标的 css 属性了。在阿里巴巴矢量图标库中搜索需要的图标。点击图标加入购物车。点击右上角打开购物车,添加图标到指定的项目。选择 Font class 这种方式,点击下载至本地。复制文件到项目中指定的目录下(例如:根目录下的下),即可在项目中使用。原创 2019-04-19 15:22:35 · 421 阅读 · 0 评论 -
《移动端UI框架》Vant
npm安装Vant:npm i vant -S;安装babel-plugin-import:npm i babel-plugin-import -Dbabel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式在.babelrc 中添加配置: "plugins": [ "transform-vue-js...原创 2019-09-24 10:22:53 · 3374 阅读 · 0 评论 -
《PC端UI框架》Element-UI
安装:npm安装:npm i element-ui -Scdn安装:<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https:/原创 2019-03-13 18:50:01 · 369 阅读 · 0 评论