我们有旧的VueJS+Vutify应用程序,我们正在将其转换为VueJS3.我们在模板中定义了一些在新版本中不可用的类.
有xs12
类(假设覆盖全屏)、text-xs-left
类(假设设置左对齐文本)、offset-xs2
类(假设设置偏移量).VueJS2+Vutify中提供了许多类似的功能,而新版本中缺少这些功能.
如何在新的VueJS3+Vutify中添加这些课程?
我们有旧的VueJS+Vutify应用程序,我们正在将其转换为VueJS3.我们在模板中定义了一些在新版本中不可用的类.
有xs12
类(假设覆盖全屏)、text-xs-left
类(假设设置左对齐文本)、offset-xs2
类(假设设置偏移量).VueJS2+Vutify中提供了许多类似的功能,而新版本中缺少这些功能.
如何在新的VueJS3+Vutify中添加这些课程?
这xs
个类被移除以支持无断点版本,即text-left
个类而不是text-xs-left
个类.一个大小的规范适用于所有较大的大小,由于xs
是最小的大小,因此该级别的规范适用于所有其他大小,与无断点版本相同.
对于文本类,这在upgrade guide中提到:
.text-xs-{alignment}
已重命名为.text-{alignment}
,以反映它适用于所有断点的事实.
(我认为偏移量和列类被认为是内部的,没有关于它们的文档.
因此,您要么必须自己添加这些类,要么更新这些类:
xs12
:使用v-col-12
(此版本也已重命名)text-xs-left
:使用text-left
offset-xs2
:使用offset-2
(较大的尺寸现在在断点和宽度之间有一个破折号,即offset-lg-2
)