react
gosenkle
这个作者很懒,什么都没留下…
展开
-
极客react之Ant Design Pro系列快速入门(一)--启动篇
启动 启动文件: app/src/index.js 加载全局数据模型./models/global 加载全局路由./router import React from 'react'; import { routerRedux, Route, Switch } from 'dva/router'; import { LocaleProvider } from ...原创 2018-08-13 10:25:04 · 5075 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(九)-- 使用地图(高德地图)
使用地图(高德地图)主页加入高德地图的引用脚本 <script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.8&key=key值'></script> <!-- UI组件库 1.0 --> <script src="https://webapi.amap...原创 2018-08-20 18:34:56 · 5213 阅读 · 5 评论 -
极客react之Ant Design Pro系列快速入门(八)-- 使用echarts
使用echarts安装echarts和react的echarts模块 npm install --save echarts 导入echarts // 引入 ECharts 主模块 import echarts from 'echarts/lib/echarts'; // 引入柱状图 import 'echarts/lib/chart/bar'; // 引入提示框和...原创 2018-08-20 17:34:41 · 2640 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(七)-- 使用新的布局
定义一个新的布局loayout文件夹定义布局的js文件和less样式文件 /common/router.js中定义使用新布局的路径 '/data': { component: dynamicWrapper(app, [], () => import('../layouts/DataCenterLayout')), } /router.js路由转发时使用加载该...原创 2018-08-20 14:19:02 · 1653 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(六)--绑定model
绑定model 界面加载所使用的model '/user/login': { component: dynamicWrapper(app, ['login'], () => import('../routes/User/LoginNew')),}, ['login']中的login就是所要使用的model的namespace dynamicWrapp...原创 2018-08-20 13:35:25 · 3778 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(五)--更改控件的默认样式
更改控件默认样式对于ant design的控件都有自己的默认样式,如输入框默认背景,checkbox也是一样,可以使用global属性更改找到样式对应的css类,input为.ant-input,CheckBox为.ant-checkbox-inner less文件中重写使用属性global重写类 :global { .ant-input { background-colo...原创 2018-08-20 12:11:12 · 5205 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(四)--界面新增
新增界面src/routes文件下新建目录NewPage,进入该目录添加文件 新建界面样式NewPage.less @import "~antd/lib/style/themes/default.less"; 新建页面文件NewPage.js import React, { PureComponent, Fragment } from 'react';import {...原创 2018-08-13 17:36:12 · 2493 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(三)--菜单与权限
菜单与权限 文件目录:app/src/common/menu.js 自定义菜单 export const getMenuData = () => formatter(menuData); 可以重定义menuData的获取方式,如:通过rest去获取菜单功能 菜单权限(authority代表了功能菜单所需的权限) { name: '详...原创 2018-08-13 13:49:43 · 5813 阅读 · 0 评论 -
极客react之Ant Design Pro系列快速入门(二)--登录与默认路径篇
登录 在启动篇中加载全局路由时有一句代码如下,方法返回路径和对应的界面 const routerData = getRouterData(app); 路由配置对象 const routerConfig = { '/': { component: dynamicWrapper(app, ['user', 'login'], () => i...原创 2018-08-13 12:09:25 · 14572 阅读 · 3 评论 -
npm安装node-sass失败
1、设置淘宝镜像npm set sass_binary_site=https://npm.taobao.org/mirrors/node-sass/2、执行安装npm i原创 2018-12-19 16:58:07 · 349 阅读 · 2 评论