ion-fab ios和android的不同位置

时间:2018-06-04 07:20:48

标签: html css ionic-framework floating-action-button

我想在页面底部(标签上方)放置一个按钮。 ios和android的位置不同(ios为8%,android为11%)。 我试图为ios和md做出不同的设置,但它没有用。另外,我在互联网上搜索并没有找到解决方案。离子工厂有可能吗?如果是的话怎么样?

HTML:

 <ion-fab>
      <button ion-fab class="circle (click)="func()">button name
      </button>
 </ion-fab>

SCSS:

  ion-fab {
    bottom: 11%;
    left: 33.3%;
    margin-left: 0;
  }

  .circle {
    color: #494949;
    background-color: #F3F3F3;
    width: 138px;
    height: 36px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    box-shadow: 0 2px 3px 2px rgba(128, 128, 128, 0.5);
  }

0 个答案:

没有答案