修改为 en 后因为英文字符数比较多，main-menu部分无法显示完整

首页课程实战体系课手记专栏慕课教程

修改为 en 后因为英文字符数比较多，main-menu部分无法显示完整

来源：8-7 【i18n】完成网站语言切换

幕布斯8089534

2021-11-19

试着调整了一下样式，效果如下

<Menu mode={"horizontal"} className={this.state.language === 'zh' ?
styles["main-menu-zh"] : styles["main-menu-en"]}>

.main-menu-zh {
  padding-left: 6% !important;
  padding-right: 6% !important;
  background-color: #1976D2 !important;
  color: #f5f5f5 !important;
}

.main-menu-en {
  padding-left: 1% !important;
  padding-right: 1% !important;
  background-color: #1976D2 !important;
  color: #f5f5f5 !important;
}

图片描述

写回答

2回答

阿莱克斯刘

阿莱克斯刘

2021-11-20

已采纳

代码没问题，语法和逻辑都是正确的。不过对于react的className，我们还可以使用一个叫做classname的工具来处理，代码会更加清晰一些。

https://github.com/JedWatson/classnames

0

1

幕布斯8089534

非常感谢！我把修改的代码截图贴在回复里面，这样写可以吗？

2021-11-21

共1条回复

幕布斯8089534

幕布斯8089534

提问者

2021-11-21

//img.mukewang.com/szimg/6199f5a608a8faef09000545.jpg

//img.mukewang.com/szimg/6199f5a60862b1a307960411.jpg

根据老师回复该写成这样

0

1

阿莱克斯刘

这么写没有问题。

2021-11-23

共1条回复

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

图片无法显示

回答 4

redux这里还是用函数式组件开始讲比较好类组件逐步被淘汰了

回答 1

想问一下老师这种二元判断具体是怎么用，有点不理解。我只会用条件运算符

回答 1

页面刷新，样式修改无效，但是不手动刷新，热更新后是正常的

回答 1

关于单向数据流的疑问

回答 1

打开慕课网App查看更多内容