pc端预备调整rem单位
根据单位的响应式完成了对pc端页面的调整。
function px2rem() {
// 页面10等份
let clientWidth = document.documentElement.clientWidth / 10
document.documentElement.style.fontSize = clientWidth + 'px'
}
// window.addEventListener('resize', px2rem)/
px2rem()
PC端的antd-mobile组件库使用的方法
yarn add antd-mobile@2
import {
Button,} from 'antd-mobile'
//引入全局样式
import 'antd-mobile/dist/antd-mobile.css'
<Button type="primary">primary</Button>
<Button type="warning">warning</Button>
实现按需加载样式
按需安装需要:
yarn add -D babel-plugin-import
config-overrides.js 用于修改默认配置
// 按需要加载css,无用的css在打包时,不会打包到项目中
利用fixBabelImports
const {
override, fixBabelImports } = require('customize-cra')
fixBabelImports('import', {
libraryName: "antd-mobile", style: "css" })