代码之家  ›  专栏  ›  技术社区  ›  Tushar Rai

如何删除AngularDart材质组件的“材质”选项卡中的边距

  •  0
  • Tushar Rai  · 技术社区  · 8 年前

    我想删除 “材质”选项卡“组件” 属于 棱角镖材质组件 . 我该怎么做? enter image description here

    tab\u组件。html

    <material-tab-panel centerStrip class="tab-panel visible-desktop" [activeTabIndex]="1">
        <material-tab label="Home">
            Eager Content of Tab 1
        </material-tab>
        <material-tab label="Tab 1">
            <div class="tab-background">
    
            </div>
        </material-tab>
        <material-tab label="Tab 2">
            Eager Content of Tab 3
        </material-tab>
        <material-tab label="Tab 3">
            Eager Content of Tab 3
        </material-tab>
    </material-tab-panel>
    

    tab\u组件。scss公司

    @import 'package:angular_components/tree/master/lib/css/material/material';
    @import 'package:angular_components/tree/master/lib/material_tab/mixins';
    
    @include tab-panel-accent-color('.tab-panel', $mat-red);
    @include tab-panel-tab-strip-width('material-tab-panel[centerStrip]', 400px);
    

    tab\u组件。css

    material-tab-panel {
        width: 400px;
    }
    
    material-tab {
        width: 100vw;
    }
    
    .tab-background {
        height: 100vh;
        width: 100vw;
        background-color: aqua;
    }
    
    1 回复  |  直到 8 年前
        1
  •  0
  •   Ted Sander    8 年前

    填充是使用“材质”选项卡类设置的。您可以通过在tab\u组件中覆盖它来更改它。css类似于:

    material-tab.material-tab {
      padding: 0px;
    }
    
    推荐文章