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


 

現在測試一下ant-design-mobile的使用,引用一個Button

沒有樣式

這個問題是沒有引入樣式

解決方法有兩種

這種方法自己弄不出來,然后用另外一種方法

引入樣式:

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

然后就解決了。

 

 

另外補充點東西,根據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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM