react项⽬的ant-design-mobile的使⽤
现在测试⼀下ant-design-mobile的使⽤,引⽤⼀个Button
没有样式
这个问题是没有引⼊样式
解决⽅法有两种
这种⽅法⾃⼰弄不出来,然后⽤另外⼀种⽅法新版耐克react
引⼊样式:
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="as.alipayobjects/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="as.alipayobjects/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>'); }
</script>
</head>
<body></body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论