react项目的ant-design-mobile的使用

现在测试一下ant-design-mobile的使用，引用一个Button

react项目的ant-design-mobile的使用没有样式

这个问题是没有引入样式

解决方法有两种

react项目的ant-design-mobile的使用这种方法自己弄不出来，然后用另外一种方法

引入样式：

import 'antd-mobile/dist/antd-mobile.css';

然后就解决了。

react项目的ant-design-mobile的使用

另外补充点东西，根据ant-design-mobile文档的说明，项目的入口页面还需要配置点东西，预防出现的bug

<!DOCTYPE html>

<html>

<head>

  <!-- set `maximum-scale` for some compatibility issues -->

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

  <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('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');

    }

  </script>

</head>

<body></body>

</html>

秒客网

react项目的ant-design-mobile的使用

相关文章