React之Antd-mobile使用方式及配置自定义主题颜色

文章目录

  • 一、使用Antd-mobile
    • (1)下载antd-mobile
    • (2)使用
  • 二、修改配置颜色
    • (1)安装包
    • (2)修改package.json
    • (3)根目录新建config-overrides.js
      • 法一:直接在modifyVars修改
      • 法二:根目录下新建antd-theme.json文件
  • 注意:

一、使用Antd-mobile

(1)下载antd-mobile

$ npm install antd-mobile --save

(2)使用

找到react 项目下的public文件夹下的index.html文件

  1. 修改meta 的viewport为以下:
 <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  1. 在head标签中添加两个script标签,属性为下:
 <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js">script>
  <script>
    if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function () {
        FastClick.attach(document.body);
      }, false);
    }
    if (!window.Promise) {
      document.writeln('
                    
                    

你可能感兴趣的:(react,css,reactjs)