vuetify框架

问题合集

1、v-carousel
----Q:使用v-carousel之后,手机屏幕上下左右各有边框。
----A:可能是在APP.vue使用了v-container布局,注释掉就可以了。

2、v-card
----Q:使用卡片布局,有时候下方会有一道边框线。
----A:使用flat属性

3、v-flex
----Q:栅格系统怎么使用?
----A:12=6+6,12+3+9,跟bootstrap的栅格系统类似,随便你想怎么分,都是12列

<v-flex xs12>
 <v-flex xs6></v-flex>
 <v-flex xs6></v-flex>
</v-flex>

4、v-layout
----Q:Vuetify怎样像div那样控制元素位置?
----A:Vuetify里面的属性,都在官方文档有详细说明,直接在标签后使用就可以了,如居中:,如果有特殊需要,也可以使用css样式style=""

5、字体大小和样式
----Q:官方文档上.headline,.body-1,.title是怎样用的?官方文档上的其实就是类似于HTML的h1,h2之类的不同字体大小,只是在Vuetify中,直接用class然后写上headline就可以了
----A:如

6、Vuetify中的margin和padding怎么表示
----Q:Vuetify中的margin与padding和css中的不一样,该怎么表达呢?
----A:同5,也是在class里面写,不同的还有,m就代表margin,p代表padding,r----right,l----left,t----top,b----bottom

使用Vuetify框架开发,能自适应各种屏幕尺寸,不需要考虑适配问题,对比HTML和css学习,更容易理解

你可能感兴趣的:(vuetify框架)