<template>
  <view class="add-btn" >
    <van-icon class="icon-add" name="add" size='60rpx' color='#1637FC' />
    <view >{{desc}}</view>
  </view>
</template>

<script>
export default {
  name: 'add-btn',
  props: {
    desc: {
      type: String,
      require: true
    }
  }
}
</script>

<style lang="less" scoped>
.add-btn {
  width: 686rpx;
  height: 144rpx;
  background: rgba(22, 119, 255, 0.1);
  border-radius: 40rpx;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.icon-add {
  margin-left: 46rpx;
  margin-right: 34rpx;
}

.add-btn view {
  font-size: 36rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
}
</style>