zhywpt-plug/wxminipro/plugin/components/keyboard/keyboard.wxml

<view class="kb">
    <view class="flex-center">
        <view class="kb-input kb-input__ul" bindtap="showKeyboard">
            <view class="kb-input__li">{{textArr[0]?textArr[0]:''}}</view>
            <view class="kb-input__li">{{textArr[1]?textArr[1]:''}}</view>
            <view class="icon"></view>
            <view class="kb-input__li">{{textArr[2]?textArr[2]:''}}</view>
            <view class="kb-input__li">{{textArr[3]?textArr[3]:''}}</view>
            <view class="kb-input__li">{{textArr[4]?textArr[4]:''}}</view>
            <view class="kb-input__li">{{textArr[5]?textArr[5]:''}}</view>
            <view class="kb-input__li">{{textArr[6]?textArr[6]:''}}</view>
            <view class="kb-input__li">
                <view wx:if="{{textArr[7] && textArr[7] !==''}}">{{textArr[7]?textArr[7]:''}}</view>
                <view class="otherBtn" wx:else>
                    <view class="icons">
                        <autoImage style="width:20rpx;height:20rpx" src="../../static/handleCar/icon_add@2x.png"></autoImage>
                    </view>
                    <view class="text">新能源</view>
                </view>
            </view>
        </view>
    </view>
    <view class="kb-keyboard" vx:if="{{show}}">
        <view class="row-wrap" bindtap="closeKeyboard"></view>
        <view class="kb-keyboard__panle row-wrap kb-keyboard__panle-style" wx:if="{{show}}">
            <!-- 省份简写键盘 -->
            <view wx:if="{{!isAlph}}" wx:for="{{province}}" wx:key="*this" bindtap="tapKeyboard" data-val="{{item}}" class="kb-keyboard__td kb-keyboard__td-theme" hover-class="kb-keyboard__td-tap-theme" hover-start-time="0" hover-stay-time="40">
                {{item}}
            </view>
            <!-- 数字键盘 -->
            <button wx:if="{{isAlph}}" wx:for="{{natural}}" wx:key="*this" bindtap="tapKeyboard" data-val="{{item}}" class="kb-keyboard__td-num kb-keyboard__td-theme wd"
            hover-class="kb-keyboard__td-tap-theme" hover-start-time="0" hover-stay-time="40" disabled="{{!isNum}}">
                {{item}}
            </button>
            <!-- 字母键盘 -->
            <view wx:if="{{isAlph}}" wx:for="{{'ABCDEFGHJKLMNPQRSTUVW-XYZ'}}" wx:key="*this" bindtap="tapKeyboard" data-val="{{item}}" class="kb-keyboard__td-num kb-keyboard__td-theme" hover-class="kb-keyboard__td-tap-theme" hover-start-time="0" hover-stay-time="40">
                <text wx:if="{{item === '-'}}" class="kb-keyboard__del"></text>
                <text wx:else>{{item}}</text>
            </view>
            <!-- 完成按钮 -->
            <view wx:if="{{isAlph && textArr.length > 6}}" bindtap="tapFinished" class="kb-keyboard__td-finished kb-keyboard__finished" hover-class="kb-keyboard__td-tap-fin-theme" hover-start-time="0" hover-stay-time="60">
                {{extraKey}}
            </view>
            <view wx:if="{{isAlph && textArr.length < 7}}" class="kb-keyboard__td-finished kb-keyboard__finished-base">
                {{extraKey}}
            </view>
            <view wx:if="{{textArr.length === 1}}" bindtap="tapFinished" class="kb-keyboard__td kb-keyboard__td-theme close" hover-class="kb-keyboard__td-tap-theme" hover-start-time="0" hover-stay-time="40">
                关闭
            </view>
            <view bindtap="tapFinished" wx:else class="kb-keyboard__td-finished kb-keyboard__finished" hover-class="kb-keyboard__td-tap-fin-theme" hover-start-time="0" hover-stay-time="60">
                关闭
            </view>
        </view>
    </view>
</view>