vuetify框架
问题合集1、v-carousel----Q:使用v-carousel之后,手机屏幕上下左右各有边框。----A:可能是在APP.vue使用了v-container布局,注释掉就可以了。2、v-card----Q:使用卡片布局,有时候下方会有一道边框线。----A:使用flat属性<v-card flat></v-card>3、v-flex--
问题合集
1、v-carousel
----Q:使用v-carousel
之后,手机屏幕上下左右各有边框。
----A:可能是在APP.vue
使用了v-container
布局,注释掉就可以了。
2、v-card
----Q:使用卡片布局,有时候下方会有一道边框线。
----A:使用flat属性<v-card flat></v-card>
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里面的属性,都在官方文档有详细说明,直接在标签后使用就可以了,如居中:<v-layout align-center justify-center fill-height row></v-layout>
,如果有特殊需要,也可以使用css样式style=""
5、字体大小和样式
----Q:官方文档上.headline,.body-1,.title是怎样用的?官方文档上的其实就是类似于HTML的h1,h2之类的不同字体大小,只是在Vuetify中,直接用class然后写上headline就可以了
----A:如<v-card-text class="headline"></v-card-text>
6、Vuetify中的margin和padding怎么表示
----Q:Vuetify中的margin与padding和css中的不一样,该怎么表达呢?
----A:同5,也是在class里面写<v-card-text class="mr-1 pl-4"></v-card-text>
,不同的还有,m就代表margin,p代表padding,r----right,l----left,t----top,b----bottom
使用Vuetify框架开发,能自适应各种屏幕尺寸,不需要考虑适配问题,对比HTML和css学习,更容易理解
更多推荐
所有评论(0)