<template>
  <view
    class="user-red-name"
    :style="{
      fontSize: size + 'rpx',
      fontWeight: weight,
      color: isVip ? 'red': '#333'
    }"
  >
    <slot>用户名称</slot>
  </view>
</template>

<script>
  export default {
    name: "XdRedName",
    props: {
      size: {
        type: String | Number, //rpx
        default: 32
      },
      weight: {
        type: String,
        default: 'normal', //bold,normal, 1xx;
      },
      isVip: {
        type: Boolean,
        default: false
      }
    }
  }
</script>

<style scoped lang="less">
</style>
