![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Umi
Milk595
努力做自己喜欢做的事
展开
-
【Umi+Antd+Ts实战】新增商品弹框组件【V1.0】
新增商品弹框组件先看效果1.点击+符号,弹出新增商品组件路由配置可以参考下面博客https://blog.csdn.net/weixin_43352901/article/details/1085361122.新增商品弹框内容文件目录文件解析const.tsexport const formLayout = { labelCol: { sm: { span: 6 }, xs: { span: 28 } }, wrapperCol: { sm:原创 2020-10-13 21:55:45 · 1101 阅读 · 0 评论 -
【Umi】无数据表格 的简单实现(入门级~高手可以跳过hh)
无数据表格的 简单实现小编是 React 初学者,都是基础知识~大佬们可以跳过hh先看效果 (未调用接口数据时,初始状态)表格是使用react +antd + ts编写的,借用 antd的 table组件文件目录(page/user-manage/table-view.tsx)代码解析/** * 用户管理列表 */import React from 'react'import dayjs from 'dayjs' // 日期时间JS工具库import { Tooltip, Tabl原创 2020-09-12 23:59:57 · 395 阅读 · 0 评论 -
【Umi】Layout 布局的实现!!!
Layout 布局的实现先看效果当点击菜单项时会进行跳转,利用Umi的链接组件<Link></Link>- 当点击用户管理时:- 当点击商品质量时:目录文件这里运用了yarn,这里有详情:https://classic.yarnpkg.com/zh-Hans/docs/install/Umi的官网也有教安装依赖https://umijs.org/zh-CN/docs/getting-startedpackage.jsonlodash官网: 是一原创 2020-09-11 16:55:10 · 11818 阅读 · 0 评论 -
【Umi】history (API)
history (API)可用于获取当前路由信息import { history } from 'umi';// history 栈的实体个数console.log(history.length);// 当前 history 跳转的action, 有push/replace/pop 三种类型console.log(history.action)// location 对象,包含 pathname/search/hashconsole.log(history.location.pathn原创 2020-08-27 12:43:39 · 7911 阅读 · 0 评论 -
【Umi】.umirc.ts 路由配置
.umirc.ts 路由配置import { defineConfig } from 'umi'; // 用于校验和提示用户配置类型 配置ts提示export default defineConfig({ nodeModulesTransform: { // 设置node_modules目录下依赖文件的编译方式 type: 'none', // 不全部编译,可通过 exclude 配置添加额外需要编译的 }, routes: [ // 配置路由 格式为路由信息的数组 {原创 2020-08-27 11:54:48 · 2667 阅读 · 0 评论