- 这是完整的代码,可直接复制运行,样式可以自己修改
- 8位数的车牌号是新能源车
![在这里插入图片描述](https://img-blog.csdnimg.cn/678930d584bd42aaacd35a0ba349f71d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5qKB5bCP6Iy5,size_14,color_FFFFFF,t_70,g_se,x_16)
<view class="addVehicle">
<view class="veHead">
<view class="addve">添加车牌</view>
<!-- <image bindtap="handlesan" style="width:48rpx;height:48rpx;margin-right:41rpx" src="../../image/code.png">
</image> -->
</view>
<!-- 车牌号码 -->
<view style="text-align:center;padding: 0 48rpx;">
<view class="carNumber-items">
<view bindtap="closeNum" class="carNumber-item province {
{carnum[0]?'border0':''}}" data-num="{
{carnum[0]}}" data-index="{
{index-1}}">{
{carnum[0] || ''}}
<image class="icon-ath" src="https://applets.jinchehui.com/static/images/icon_ath.svg"></image>
</view>
<view bindtap="closeNum" class="carNumber-content ">
<view class="carNumber-items-En carNumber-item carNumberBox" data-num="{
{carnum[1]}}" data-index="{
{index}}" style="color: #27A5F9;font-weight: bold;">{
{carnum[1] || ''}}</view>
</view>
<!-- 常规 -->
<view class="carNumber-item fontbold" bindtap='closeNum' data-num="{
{carnum[2]}}" data-index="{
{index+1}}">
{
{carnum[2] || ''}}</view>
<view class="carNumber-item fontbold" bindtap='closeNum' data-num="{
{carnum[3]}}" data-index="{
{index+2}}">
{
{carnum[3] || ''}}</view>
<view class="carNumber-item fontbold" bindtap='closeNum' data-num="{
{carnum[4]}}" data-index="{
{index+3}}">
{
{carnum[4] || ''}}</view>
<view class="carNumber-item fontbold" bindtap='closeNum' data-num="{
{carnum[5]}}" data-index="{
{index+4}}">
{
{carnum[5] || ''}}</view>
<view class="carNumber-item fontbold" bindtap='closeNum' data-num="{
{carnum[6]}}" data-index="{
{index+5}}">
{
{carnum[6] || ''}}</view>
<view wx:if="{
{carnum.length==8}}" class="carNumber-item fontbold" bindtap='closeNum' data-index="{
{index+6}}" data-index="{
{carnum[7]}}">
{
{carnum[7] || ''}}</view>
<!-- 新能源 -->
<view bindtap="{
{carnum.length==0?'closeKeyboard':'close