支付宝和微信支付按钮样式

          <div style="margin-top:20px;" class="radio-wrapper">
            <label class="radio-wrapper radio-border" :style="{'border-color':((pickedPay === 'alipay')?'#409eff':'#d7dae2')}">
              <input style="margin-left:10px" type="radio" v-model="pickedPay" value="alipay" />
              <img class="icon" src="/static/images/alipay.png">
              <span class="text">支付宝支付</span>
            </label>
            <label class="radio-wrapper radio-border" :style="{'border-color':((pickedPay === 'wechat')?'#409eff':'#d7dae2'),'margin-left':'20px'}">
              <input style="margin-left:10px" type="radio" v-model="pickedPay" value="wechat" />
              <img class="icon" src="/static/images/wechat.png">
              <span class="text">微信支付</span>
            </label>
          </div>

      .radio-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        .icon {
          width: 30px;
          height: 30px;
          margin-left: 5px;
          margin-right: 5px;
        }
        .text {
          font-size: 20px;
        }
      }
      .radio-border {
        width: 180px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #d7dae2;
      }