<view wx:if="{{userInfo.tel == null || userInfo.tel == ''}}" class="list-item">

      <button loading="{{loading}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="button-text">绑定手机号</button>

      <view class="under-line"></view>

</view>

  <view wx:if="{{role & 4}}" class="list-item" data-key="orderTotal" bindtap="change">

      <view class="item-content">

        <view class="item-text">订单统计</view>

        <image class="item-image" src="../images/up_down/{{showStatus.orderTotal == 1 ? 'up':'down'}}.png"></image>

      </view>

      <view class="under-line"></view>

    </view>

.person-list {

  display: flex;

  flex-direction: column;

  align-items: left;

  background-color: rgba(243, 242, 242, 0.788);

  margin-top: 20rpx;

}

.list-item {

  display: flex;

  flex-direction: column;

  height: 80rpx;

}

.item-content{

  display: flex;

  flex-direction: row;

}

.item-image{

  width: 40rpx;

  height: 40rpx;

  margin-left: 370rpx;

  margin-top: 16rpx;

}

.item-text {

  font-size: 40rpx;

  margin-left: 20rpx;

  width: 300rpx;

}

.button-text {

  width: 100%;

  background-color: rgba(243, 242, 242, 0.788);

}

问题：

如何设置button内文字的样式，让他和view的样式统一呢