logo

该视频仅会员有权观看

立即开通课程「Next.js 前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Next.js 前端应用开发实践

Next.js 前端应用开发实践

在 Next.js 组件里使用全局样式与本地样式（CSS Module）

NeNext.js 前端应用开发实践
  • 在app目录新建一个style目录放置几个样式表。
  • 从public styles中选择app和glop样式表并放入styles目录。
  • root layout组件中，导入一个全局样式表。
  • 使用next.js框架下的CSS模块，它可自动生成唯一类名以避免冲突。
  • CSS模块文件需添加.module后缀（如app.module.css）。
  • 在layout组件中导入样式文件app.module.css。
  • 在组件视图中用div元素和className使用样式，className包含随机字符以保持唯一性。