改变标签的厚度'材料用户界面

时间:2018-04-18 07:36:19

标签: reactjs frontend material-ui

基本上,this就是我想做的事。

indicatorClassName对我不起作用,codesandbox的指标根本没有变化。我浏览了该组件的implementation ,找到了indicatorStyle,但它既没有帮助。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

  1. 使用withStyles
  2. 将您的组件与自定义样式相关联
  3. 为指标(或您选择的任何其他名称)编写自己的风格
  4. 使用方法如下:
  5. <div class="media">
      <i class="icon-graduation-cap pull-left hidden-xs" style="font-size: 40px;padding-top: 20px;"></i>
      <div class="media-body" style="margin-top: 20px;">
        <h4 class="title" style="vertical-align: middle">
          <div><a data-toggle="modal" href="/prenotazione/{{$prenotazione->id}}" data-target="#infomodal">title</a>
          </div>
        </h4>
        <section class="summary">LoremIPsum
          <br>
          <div class="flex-container">
          
          <div class="label label-info tag"><i class="icon-euro"></i> 2000
           </div>
          <div class="label label-success tag"><i class="icon-trophy"></i> 500</div>
          <div class="btn-group">
            <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Invoices <span class="caret"></span></button>
          </div>
        
          </div>
        </section>
      </div>
    </div>