Anjhon’s Blog
·
同步块测试文章
💡
原文中文，约6500字，阅读约需16分钟。
📝
内容提要
本文介绍了使用tailwindcss自定义样式的方法，包括修改布局、添加图标和隐藏页面按钮。还提供了修复预览图标显示问题、标题和表格文本换行的技巧，以及控制搜索页面标签显示的逻辑。
🎯
关键要点
-
使用tailwindcss自定义样式的方法，包括修改布局和添加图标。
-
通过tailwind.config.js文件自定义最大宽度为52rem。
-
隐藏telegram和Twitter图标，新增contact图标并隐藏contact页面按钮。
-
新增音乐播放器页面的步骤，包括设置slug和导入图标组件。
-
修复gallery预览图标显示问题，通过调整position值。
-
解决标题不换行的问题，通过设置标题块标签为块标签。
-
设置表格内文本不自动换行，确保表格超出后显示滑动条。
-
控制搜索页面标签显示的逻辑，新增状态变量showTags来管理标签的渲染。
🏷️
标签
➡️
