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
----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学习,更容易理解

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值