自适应宽度, css 梯形

WX20180808-175817@2x.png

按钮的宽度要求自适应并且内边框为30px

      .item-card-button {
          height: .42rem;
          border-radius: .42rem;
          line-height: .42rem;
          display: inline-block;   // 设置为 inline-block
          padding: 0 .3rem;
      }

WX20180808-175554.png

梯形tap

WX20180808-175858@2x.png

    .item-mask{
        line-height: .6rem;
        height: 0;
        color: #5e5df7;
        font-size: .3rem;
        text-align: left;
        padding-left: .2rem;
        width: 2.72rem;
        border-bottom: .5rem solid $color;
        border-right: .26rem solid transparent;
    }