umi如何配置antd-mobile v2的版本

本文只是针对antd-mobile v2的版本,别的版本出了问题有别的解决问题的思路,

1、如果在umi中直接用 antd-mobile v2 会发生问题,问题是按钮,loading发生变小的问题,之前出了一些列的问题,在之前的代码店铺不对了

2、.umirc.ts

在这个文件中,根目录加

theme: {
hd: '2px',
}, 
在umi2 3 中会出现config.js 我们怎么办呢
在文件的根目录上添加
hd: true,
 
3、在根目录加这个代码可以进行转码操作
extraPostCSSPlugins: [
pxToViewPort({
viewportWidth: 750,
viewportHeight: 1334,
unitPrecision: 3,
viewportUnit: 'vw',
selectorBlackList: ['node_modules', '.hairlines'],
minPixelValue: 1,
mediaQuery: false,
}),
],

具备的文档我们可以参考,请注意是参考

https://antd-mobile-v2.surge.sh/docs/react/customize-theme-cn

{
    ...
    "theme": {
        "hd": "2px",
        "brand-primary": "red",
        "color-text-base":  "#333",
        ...
    },
    ...
}

 

 

 

posted on 2022-02-24 17:45  漫思  阅读(667)  评论(0编辑  收藏  举报

导航