react移动端组件antd-mobile

使用react移动端组件antd-mobile完成底部导航功能实现。

官网:https://mobile.ant.design/docs/react/introduce-cn

antd-mobile 是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务。

  • 安装

npm i -S antd-mobile

  • 配置按需加载组件代码和样式

npm i -S babel-plugin-import

// 模块导出  override=> 把你现在的配置和react中的webpack配置合并,它优先级更高

module.exports = override(

    fixBabelImports('import', {

      libraryName: 'antd-mobile',

      style: 'css',

    }),

)

 

  • antd实现底部菜单功能

网址:https://mobile.ant.design/components/tab-bar-cn/

右侧打赏一下 代码改变世界一块二块也是爱
原文地址:https://www.cnblogs.com/ht955/p/15170398.html