文章/答案/技术大牛

发布

社区首页 >问答首页 >我应该为div使用<v-col>还是<v-container>？

问我应该为div使用<v-col>还是<v-container>？
EN

Stack Overflow用户

提问于 2021-02-25 04:26:14

回答 1查看 258关注 0票数 0

我正在做一个以Vuetify为设计框架的项目。在阅读了文档和示例后，我仍然不确定如何将我的常规设计模式应用到Vuetify中。我有一个正常的方法，我会在下面做一个组件，但将其翻译为Vuetify，我不确定是否使用或为每个组件

然后给他们一个类来给他们添加flex？

通常，我会这样制作我的组件：

.product-box-component {
   width: 100%;
   background-color: grey;
   height: 90px;
   display: flex;

} 
.img-container {
  display: flex;
  align-items: center;
}
.product-info {
  width: 90%;
  display: flex;
  flex-direction:column;
  background:#cecece;
  height: 100%;
  justify-content: center;
}

.product-name {
  align-self: center;
  width: 10%
}
.product-price {
  align-self: center;
}

Prod Name
        Blue
    

   
       $40

vue.js

vuetify.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-25 23:18:21

我的意思是，这里基本上没有对错之分。我认为使用vuetifys网格系统的好处是你可以通过查看html就能理解样式。但如果做过头了，这也会让人感到困惑。

在中间部分，您需要嵌套多个

和

要实现flex-column，我更喜欢的方法是使用Vuetify flex helpers。我认为根据您目前的工作经验(这也完全没问题)，您根本不需要使用vuetify行和列，但也许您想尝试一下flex类帮助器。

https://vuetifyjs.com/en/styles/flex/

..。他们提供这两者的使用是有原因的。

Prod Name
      Blue
    

   
       $40

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66358340

复制

相似问题

问我应该为div使用<v-col>还是<v-container>？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该为div使用<v-col>还是<v-container>？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我应该为div使用<v-col>还是<v-container>？
EN