摘要: 用的是在antd基础上二次封装的库:ant-design-kit。 👉 文档及 Demo 示例:https://zlinggnilz.github.io/ant-design-kit/form 这里只演示最简单的配置,其他示例参考文档及Demo 内部支持基础组件:'text', 'email', 阅读全文
posted @ 2022-04-20 17:10 萌面猫 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 基于Ant Design Select组件 📙 项目地址 : 📙 GitHub地址: https://github.com/zlinggnilz/work-demo/blob/master/src/components/CustomSelect/index.js 📙 查看在线示例:https: 阅读全文
posted @ 2019-06-21 13:48 萌面猫 阅读(5474) 评论(3) 推荐(1) 编辑
摘要: React-create-app without eject 有些配置可能已更新,请酌情参考 📙 项目参考: 文章中用到的配置可参考 https://github.com/zlinggnilz/react-multi-level-form 📘 具体操作如下 : ▲ 安装 create-react 阅读全文
posted @ 2019-05-24 17:34 萌面猫 阅读(1149) 评论(0) 推荐(0) 编辑
摘要: 此方案已弃用 弃用原因: 渲染[大型表单]时会卡顿。增加表单项过多会卡顿。小型表单可以使用。 此方案当时设计时,增加及删除表单项是强制整个表单重新渲染,考虑欠佳。 项目中已使用 rc-field-form 重新封装。 rc-field-form 采用增量更新方式,性能比 rc-form 提升很多,提 阅读全文
posted @ 2019-04-23 21:52 萌面猫 阅读(3015) 评论(0) 推荐(0) 编辑
摘要: 之前项目需要,单独拿出来做了个demo 目前仅支持首尾加autoheight Github地址:https://github.com/zlinggnilz/React-Fullpage 阅读全文
posted @ 2019-03-19 18:30 萌面猫 阅读(488) 评论(0) 推荐(0) 编辑
摘要: 这篇文章较早,参考时请优先查看官方文档API 和 源码 Mint-UI 的Message Box 是prompt类型时,可以添加正则判断或者function判断条件。具体可以查看Mint-UI源码。 添加正则判断条件: 添加function判断条件 阅读全文
posted @ 2018-03-09 10:28 萌面猫 阅读(4193) 评论(1) 推荐(0) 编辑
摘要: 1. serve 参看 https://www.npmjs.com/package/serve 全局安装serve npm install serve -g 打开需要启动的目录文件夹,执行 serve 即可 serve 带端口号 serve -p 8080 2. VS Code 安装插件 Live 阅读全文
posted @ 2017-12-22 09:34 萌面猫 阅读(1824) 评论(0) 推荐(0) 编辑
摘要: 之前做过一个项目,其中一项功能是查看社交信息流帖子。很多帖子中都包含视频,手机上播放视频后,会有层级混乱的问题。 当时的解决方案是动态的将视频放入Iframe中。以后如果有其他的解决方式会追加进来。 视频使用的是16:9的比例。 示例: HTML: CSS: JS: 阅读全文
posted @ 2017-12-06 16:01 萌面猫 阅读(2855) 评论(0) 推荐(0) 编辑
摘要: Mint-UI Picker组件的三级联动 HTML: JS: 阅读全文
posted @ 2017-12-05 16:20 萌面猫 阅读(7363) 评论(0) 推荐(0) 编辑
摘要: select2 [3.5.3]版本 select2 插件地址 http://select2.github.io/select2/ 支持搜索: JS代码,如果Group不需要勾选,goup不加id就可以了。如果需要三级,可以在二级的基础上做修改。 代码是当时在google上搜到的。不记得是哪里的了。 阅读全文
posted @ 2017-12-05 15:42 萌面猫 阅读(3421) 评论(0) 推荐(0) 编辑