van-button调整按键和文本大小

vant-button调整按键和文本大小

前言
本人在零基础学习vue+vant时发现的问题和踩的一些坑，只作为分享和记录日常，本人是菜鸡！！！！！！

项目场景：
使用vant的按键组件van-button
问题描述：
使用van-button时会出现按键的大小无法修改和按键里面文本大小也无法修改的问题

解决方案：通过设置样式可以改变按键和以及在按键中加入span标签通过改变span的样式改变文本的大小。修改css的参数改变按键的大小会改变，文本则通过修改span标签的样式改变。
修改前的代码：

<div>
            <van-button class="button" round type="primary">
              <span >复制订单号</span>
            </van-button>
 </div>

 .button{
      width: 95px;
      height: 22px;
    }

其效果是这样的：文字太大，按键太小

修改后的代码：改变后的效果

<div>
            <van-button class="button" round type="primary">
              <span style="font-size: 10px">复制订单号</span>
            </van-button>
</div>

.button{
      width: 150px;
      height: 40px;
    }