文章介绍了Vuetify框架中通过class设置样式的方法，包括text-truncated类的使用，margin的缩写如ml、ma、mx、my。还讲解了栅格系统的cols属性，按键添加图标的嵌套方式，以及v-ripple实现的鼠标悬停放大效果。此外，提到了v-spacer在布局中的作用和v-toolbar在网站管理中的功能。
vietify通过class设置样式
多个样都可以写在class里
3.text-truncated类名 讲超出一行的标题缩略成三个点
4.class中ml 的key是 margin-left的缩写
ml-12 里左边12 pixel
ma : margin all
mx: 就是x轴 左与右
my: 上与下
多谢这位小姐姐讲解才懂
5.栅格系统
都是 v-container -> v-row ->v-col这样的直系包含
通过设置 col标签的 cols属性来赋值
6.给按键添加图标
嵌套
同样可以通过class的内置key改变样式
7.elavation key被讲解地很生动形象 抬升在页面的效果
8.在普通按键里 内嵌写入 v-ripple即可实现 鼠标移上去放大的效果
由于vuetify的栅格系统是基于flex布局的，所以它很多样式与flex的css配置同
space in between the items
10. v-spacer标签可以把元素推到两边去
11. v-toolbar是 用于网站管理 下拉 有更多的功能
扫一扫
1096
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
