当前位置:  开发笔记 > 编程语言 > 正文

聚合物纸 - 标题 - 面板未在纸抽屉面板中显示任何内容

如何解决《聚合物纸-标题-面板未在纸抽屉面板中显示任何内容》经验,为你挑选了1个好方法。

当我运行我的代码时,我只能看到STANDARD TEST纸张标题面板.纸抽屉面板内的所有东西似乎都被隐藏了.

如果我将初始paper-header-panel(class = blue)设置为1000px,则会显示其余内容.

有什么我需要设置所以最初的纸标题面板将根据内容自动改变它的高度?

谢谢













    
    
    
    
    
:host {
    display:block;
}

.paper-header {
    height: 60px;
    font-size: 20px;
    color: var(--text-primary-color);
    line-height: 60px;
    padding: 0 30px;
}

.blue .paper-header {
    background-color: var(--default-primary-color);
}

.list-panel {
    background-color: #fafafa;
    
    --paper-header-panel-standard-container: {
        border-right: 1px solid #ccc;
    };
}

paper-toolbar {
    background-color: #42A5F5;
}

.list {
    background-color: #FFFFFF;
}

.list  paper-item {
    height: 80px;
    border-bottom: 1px solid #dedede;
    background-color: #fafafa;
    color: #000000;
}

.main-drawer-panel:not([narrow]) [list-toggle] {
    display: none;
}

.content {
    height: 3000px;
}


    
        
        
        
        
        
        
    

    
        
    



1> Errol Edric ..:

没关系.我解决了这个问题.

问题是由HTML DOCTYPE引起的

删除后.现在一切都正常了.

推荐阅读
手机用户2502851955
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有