用于身体的 gwt 2.7.0 背景图像

Question

我希望我的登录页面在正文中有一个背景图片。到目前为止，这是我所拥有的：

public interface MyResources extends ClientBundle {
    public static final MyResources INSTANCE = GWT.create(MyResources.class);

    @Source("css/login.css")
    public MyLoginCssResource loginCss();

    @Source("css/GWT_App.css")
    public CommonCss commonCss();

    @Source("img/logo.png")
    @ImageOptions(repeatStyle = RepeatStyle.Both)
    ImageResource backgroundImage();
}

public interface CommonCss extends CssResource {

    String body();
}

.body {
    background-color: white;
    gwt-image: 'backgroundImage';
}

如果我已经引用了 loginCss，如何在我的 ui.xml 文件中引用 commonCSS？

<ui:with field='res' type='client.resources.MyResources' />

<g:HTMLPanel addStyleNames="{res.loginCss.maindiv}">
</g:HTMLPanel>
</ui:UIBinder>

另外，如何在 ui.xml 文件中为 body 标签设置样式？

Answer 1

如果我已经引用了 loginCss，如何在我的 ui.xml 文件中引用 commonCSS？

<g:HTMLPanel addStyleNames="{res.loginCss.maindiv} {res.commonCss.body}"/>

另外，如何在 ui.xml 文件中为 body 标签设置样式？

据我所知，您无法从 ui.xml 文件访问正文。 有几种方法可以仅在登录页面中使用此背景。 最简单的一种是将所有页面包装在一个容器块中

    <g:FlowPanel addStyleNames="{res.commonCss.body}">
       <g:HTMLPanel addStyleNames="{res.loginCss.maindiv} "/>
   </g:FlowPanel>

所以在登录页面的导航中 - 背景不会停留在那里。

如果您想要永久效果 - 您可以在 index.html 文件中添加 css，作为 body 标签的常规 css