如何在Vuetify中设计背景图片和标题具有相同的背景图片

Posted

技术标签:

【中文标题】如何在Vuetify中设计背景图片和标题具有相同的背景图片【英文标题】:How to design background image and header have same background image in Vuetify 【发布时间】:2020-06-29 05:22:19 【问题描述】:

例如查看这张图片

请仅在 vuetify 中回答问题

【问题讨论】:

请展示你的努力并分享一些代码来帮助! 【参考方案1】:

只需设置css背景属性即可。


  background-image: url(https://picsum.photos/510/300?random);
  background-repeat: no-repeat;
   background-size:cover
 

codepen - https://codepen.io/Pratik__007/pen/yLNEvem

【讨论】:

以上是关于如何在Vuetify中设计背景图片和标题具有相同的背景图片的主要内容,如果未能解决你的问题,请参考以下文章

如何在具有并发控制的 .NET 和 EF 应用程序中设计持久层?

如何在android中设计具有弯曲边缘的视频视图?

如何在 Python 中设计一个类?

如何在抽象派生类型中设计 PRIVATE OVERRIDABLE 过程?

如何制定公交车座位计划?在ios目标C中设计它的最佳技术是啥

vuetify:如何设置窗口背景颜色?