2020-11-30 14:50:04 +08:00
|
|
|
---
|
2020-12-21 10:08:40 +08:00
|
|
|
title: 辅助类 - 响应式设计
|
2020-11-30 14:50:04 +08:00
|
|
|
---
|
|
|
|
|
|
2020-12-08 19:57:59 +08:00
|
|
|
响应式设计目前只支持 pc 端和手机端，其他设备目前不支持，貌似也没必要支持。当什么前缀都不加时，就是给所有视图模式添加样式，包括移动端和 pc 端。如果你在 css 类名前面再加个 `m:` 前缀，就是专门给手机端设置样式。如果你在类名前面加个 `pc:` 前缀，则是给桌面端设置样式。
|
2020-11-30 16:53:04 +08:00
|
|
|
|
2021-01-07 23:35:03 +08:00
|
|
|
```schema: scope="body"
|
2020-11-30 16:53:04 +08:00
|
|
|
{
|
|
|
|
|
"type": "tpl",
|
2020-12-01 11:43:30 +08:00
|
|
|
"className": "text-blue-500 m:text-red-500",
|
2020-12-01 14:12:51 +08:00
|
|
|
"tpl": "这段文字在 pc 端是蓝色的，在移动端则是是红色的。"
|
2020-11-30 16:53:04 +08:00
|
|
|
}
|
2020-11-30 14:50:04 +08:00
|
|
|
```
|
