antd项目基础配置

本文介绍了如何使用Ant Design创建项目,包括基本的安装步骤、配置项解析以及常用组件的应用,帮助开发者快速上手Ant Design框架。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//defaultSettings.js 一般来说做一些公共参数,默认字符串在此配置  
module.exports = {
  navTheme: 'dark', // theme for nav menu
  primaryColor: '#1890FF', // 主题色?primary color of ant design 
  layout: 'sidemenu', // nav menu position: sidemenu or topmenu
  contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
  fixedHeader: false, // sticky header
  autoHideHeader: false, // auto hide header
  fixSiderbar: false, // sticky siderbar
  menu: {
    disableLocal: false,
  },
  title: 'ued分包管理平台',//页面名称
  pwa: false,
  // Your custom iconfont Symbol script Url
  // eg://at.alicdn.com/t/font_1039637_btcrd5co4w.js
  // 注意:如果需要图标多色,Iconfont 图标项目里要进行批量去色处理
  // Usage: https://github.com/ant-design/ant-design-pro/pull/3517


  //项目中小图标如何配置
  //https://www.iconfont.cn/
  //进入阿里矢量图标库
  //然后用账号登陆上去,然后会有一个名字  Niyadeer
  //然后点击   图标管理_我的项目_

  iconfontUrl: '//at.alicdn.com/t/font.js',
  //跨域的配置
  proxyUrl: '/aaa'
};
//server.js
import request from '@/utils/request';
import defaultSettings from '@/defaultSettings';

const { proxyUrl } = defaultSettings;

//需求列表
export async function getDemandList_one(params) {   
  console.log('params',params)
  return request(`${proxyUrl}/business/process`, {
    method: 'POST',
    data: { ...params } 
  });
}




//antd pro 的各个log 更改位置

左侧菜单栏的log位置在 :  crowd_sourcing/src/assets/logo.svg
引入位置在 : crowd_sourcing/src/components/SiderMenu/BaseMenu.js
//在log 属性上
<SiderMenu log={log}></SiderMenu> 


网页title上的log位置在 : 
	crowd_sourcing/public/logo@3.png
引入位置在 : 
	crowd_sourcing/src/pages/document.ejs

<link rel="icon" href="/logo@3.png" type="image/x-icon" />
//crowd_sourcing/src/components/SiderMenu/SiderMenu.js

//crowd_sourcing/src/components/SiderMenu/SiderMenu.js
<div className={styles.logo} id="logo">
   <Link to="/">
   		//log
      <img src={logo} alt="logo" />
      //标题
      <h1 style={{color:"#000"}}>{title}</h1>
    </Link>
</div>

//
crowd_sourcing/src/components/SiderMenu/BaseMenu.js
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值