Alinkx Vue Ui

plate 车牌组件

# 基础用法

适用于展示车牌

<template>
  <div>
    <alinkx-plate color="blue" plate="浙A00000"></alinkx-plate>
  </div>
</template>
Expand Copy

# 不同颜色

适用于展示不同类型车辆的车牌

<template>
  <div class="plate-container">
    <alinkx-plate color="blue" plate="浙A00000"></alinkx-plate>
    <alinkx-plate color="green" plate="浙A00000"></alinkx-plate>
    <alinkx-plate color="yellow" plate="浙A00000"></alinkx-plate>
    <alinkx-plate color="white" plate="浙A00000"></alinkx-plate>
    <alinkx-plate color="black" plate="浙A00000"></alinkx-plate>
    <alinkx-plate color="grey" plate="浙A00000"></alinkx-plate>
  </div>
</template>
Expand Copy

# 不同尺寸

适用于不同尺寸时的车牌

<template>
  <div class="plate-container">
    <alinkx-plate 
    color="blue" 
    plate="浙A00000" 
    width="320px" 
    height="95px" 
    fontSize="30px">
    </alinkx-plate>
  </div>
</template>
Expand Copy

# 属性

参数 说明 类型 可选值 默认值
plate 车牌号 string --- ---
color 车牌颜色 string blue/green/yellow/white/black/grey/other other
width 车牌宽度 string --- 90px
height 车牌高度 string --- 36px
fontSize 文字大小 string --- 14px

alinkx-upload