我想在我的Sencha ExtJs6应用程序上放一个svg横幅图像。
有了下面的ccs,我至少可以在登录窗口实现这一点,但不能在主面板本身实现。
svg pnale在顶部
我需要使用ExtJs应用程序的另一个class元素,比如(.ext-element-1.x-scroller.x-border-box x-panel.x-panel-navigation),还是必须在应用程序中的某个位置放置一个新项。scaffolder的js,哪个senchagenerate应用程序负责?
.x-border-box::before {
background-image: url(../images/_horizontal.svg) !important;
background-position: 0 -100px;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 15px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
横幅图像不应覆盖现有元素。它应该是用户所做的每个操作之上的附加修复元素。
感谢任何提示。提前表示感谢。
1条答案
按热度按时间vjhs03f71#
您可以尝试使用
Ext.Img
组件来显示图像,尽管我不能100%肯定它支持SVG。您还可以尝试在面板中将svg添加为HTML: