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

時間 2019-11-20

標籤 react 項目 ant design mobile 使用欄目 React 简体版

原文原文鏈接

如今測試一下ant-design-mobile的使用，引用一個Buttoncss

沒有樣式html

這個問題是沒有引入樣式es6

解決方法有兩種promise

這種方法本身弄不出來，而後用另一種方法antd

引入樣式：測試

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

而後就解決了。spa

另外補充點東西，根據ant-design-mobile文檔的說明，項目的入口頁面還須要配置點東西，預防出現的bugscala

<!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+typescript+mobx+antdesignmobile