微信小程序車(chē)牌號(hào)輸入demo

效果如下：

地區(qū)選擇

開(kāi)頭字母

港澳臺(tái)限制

可輸入港澳臺(tái)

項(xiàng)目源碼：

wxml文件：

? <view class='tips'>

? ? <text>點(diǎn)擊方框輸入車(chē)牌號(hào)</text>

? </view>

? <view class="plate-input-body">

? ? <view class="new-plate-input-content" >

? ? ? <view class="{{inputOnFocusIndex=='0'?'plate-nums-foc rightb1':'plate-nums-first rightb'}} ">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="0">{{inputPlates.index0}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='1'?'plate-nums-foc leftb1':'plate-nums-first leftb'}} ">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="1">{{inputPlates.index1}}</text>

? ? ? </view>

? ? ? <view class="dos-style"><text></text></view>

? ? ? <view class="{{inputOnFocusIndex=='2'?'plate-nums-foc':'plate-nums-first'}}">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="2">{{inputPlates.index2}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='3'?'plate-nums-foc':'plate-nums-first'}}">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="3">{{inputPlates.index3}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='4'?'plate-nums-foc':'plate-nums-first'}}">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="4">{{inputPlates.index4}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='5'?'plate-nums-foc':'plate-nums-first'}}">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="5">{{inputPlates.index5}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='6'?'plate-nums-foc':'plate-nums-first'}}">

? ? ? ? <text bindtap="inputClick" class="plate-num-text" data-id="6">{{inputPlates.index6}}</text>

? ? ? </view>

? ? ? <view class="{{inputOnFocusIndex=='7'?'plate-nums-foc':'plate-nums-first newnw'}} ">

? ? ? ? <text? bindtap="inputClick" class="plate-num-text {{inputPlates.index7==''?'newnw-color on':'def'}}" data-id="7">{{inputPlates.index7==""&&inputOnFocusIndex!='7'?isnewNw : inputPlates.index7}}</text>

? ? ? </view>

? ? </view>

? </view>

? <view class="plate-style">

? ? <button type="default" class="{{isbtns?'def':'on'}}" bindtap="plateCar" disabled="{{isbtns}}">查詢(xún)我的車(chē)牌</button>

? </view>

?

? <view class="keyboard" wx:if="{{isKeyboard}}">

? ? <view class="kb_top">

? ? ? <text catchtap="tapSpecBtn" data-index="1" class="cloose-key-b">關(guān)閉</text>

? ? </view>

? ? <view style="width:100%; text-align:center;" wx:if="{{!isNumberKB}}">

? ? ? <view style="width:99%;display:flex;text-align:center;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_nor" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx<=9}}" wx:for="{{keyboard1}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="display:flex;text-align:center; width:99%;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_nor" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx<=19&&idx>9}}" wx:for="{{keyboard1}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="display:flex;text-align:center; width:99%;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_nor" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx<=29&&idx>19}}" wx:for="{{keyboard1}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="display:flex; width:60%;text-align:center;">

? ? ? ? <view catchtap="tapKeyboard" class="td td_nor" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx>29}}" wx:for="{{keyboard1}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view bindtap="tapSpecBtn" class="del-first" data-index="0" hoverClass="del-hover" hoverStartTime="0" hoverStayTime="80">

? ? ? x

? ? ? </view>

? ? </view>

? ? <view style="width:100%; text-align:center;" wx:if="{{isNumberKB}}">

? ? ? <view style="width:99%;display:flex;text-align:center;margin:0 auto">

? ? ? ? <view class="td td_num board_bg" wx:if="{{!tapNum&&idx<=9}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="width:99%;display:flex;text-align:center;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_num" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{tapNum&&idx<=9}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="width:99%;display:flex;text-align:center;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_num" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx>9&&idx<=19}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="width:99%;display:flex;text-align:center;margin:0 auto">

? ? ? ? <view catchtap="tapKeyboard" class="td td_num" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx>19&&idx<=29}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view style="width:79%;display:flex;text-align:left; margin-left:5rpx;">

? ? ? ? <view catchtap="tapKeyboard" class="td td_num" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{idx>29&&idx<=33}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? ? <view class="td td_num board_bg" wx:if="{{!bottomNum&&idx>33}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? ? <view catchtap="tapKeyboard" class="td td_num" data-index="{{idx}}" data-val="{{itemName}}" hoverClass="board_bg" hoverStartTime="0" hoverStayTime="80" wx:if="{{bottomNum&&idx>33}}" wx:for="{{keyboardNumber}}" wx:for-index="idx" wx:for-item="itemName" wx:key="{{itemName}}">

? ? ? ? ? {{itemName}}

? ? ? ? </view>

? ? ? </view>

? ? ? <view bindtap="tapSpecBtn" class="del-first" data-index="0" hoverClass="del-hover" hoverStartTime="0" hoverStayTime="80">

? ? ? x

? ? ? </view>

? ? </view>

? </view>

</view>

wxss文件：

.pages_header{

? width: 100%;

? display: flex;

? flex-direction: column;

? align-items: center;

}

.pages_header_top{

? width:33.3%;

? height: 60rpx;

? border-left: 5px solid green;

? border-right: 5px solid green;

}

.pages_header_btm{

? width:70%;

? background: green;

? height: 120rpx;

? line-height: 120rpx;

? text-align: center;

? color: white;

? border-radius: 10rpx;

? font-weight: normal;

? font-size: 16pt;

}

.tips{

? text-align: center;

? margin: 60rpx 0;

? font-size: 12pt;

? color: #888888;

}

.plate-input-flag{

? margin: 30rpx 10rpx 30rpx 0;

? color: green;

? float: right;

}

.plate-input-body {

? /*border: 1px solid red;*/

? height: 90rpx;

? margin: 0 0 0 10rpx;

}

.plate-input-content {

? display: flex;

? flex-direction: row;

? height: 90rpx;

}

.plate-nums-foc{

? ? flex: 1;

? ? border: 2rpx solid #5485FF;

? ? margin-right: 10rpx;

? ? display: flex;

? ? align-items: center;

? ? justify-content: center;

? ? text-align: center;

? ? height: 100%;

? ? box-sizing: border-box;

? ? border-radius: 4rpx;

}

.plate-nums-first{

? ? flex: 1;

? ? border: 2rpx solid #ccc;

? ? margin-right: 10rpx;

? ? display: flex;

? ? align-items: center;

? ? justify-content: center;

? ? text-align: center;

? ? height: 100%;

? ? box-sizing: border-box;

? ? border-radius: 4rpx;

}

.plate-num-text {

? ? flex: 1;

? ? line-height: 80rpx;

? ? height: 100%;

? ? box-sizing: border-box;

? ? border-radius: 4rpx;

? ? font-size: 40rpx;

? ? font-weight: normal;

}

.new-plate-input-content{

? display: flex;

? flex-direction: row;

? height: 90rpx;

}

.kb_top {

? ? align-content: relative;

? ? width: 100%;

? ? height: 74rpx;

? ? background: #fff;

? ? border-top: solid #ebebeb 2rpx;

? ? border-bottom: 15rpx solid #d7d8dc;

}

.keyboard {

? ? z-index: 9999;

? ? position: fixed;

? ? bottom: 0;

? ? left: 0;

? ? width: 100%;

? ? height: auto;

? ? background: #d7d8dc;

? ? display: flex;

? ? flex-wrap: wrap;

? ? border-bottom: 15rpx solid #d7d8dc;

}

.td {

? ? font-family: "微軟雅黑";

? ? flex-grow: 1;

? ? text-align: center;

? ? font-size: 34rpx;

? ? height: 86rpx;

? ? line-height: 80rpx;

? ? background: #fff;

? ? margin: 10rpx 5rpx;

? ? color: #333;

? ? border-radius: 10rpx 10rpx 10rpx 10rpx;

? ? box-shadow: 0rpx 2rpx 0rpx #a9a9a9;

}

.td_nor {

? ? flex: 1 1 6%;

}

.td_num {

? ? flex: 1 1 8%;

}

.td_spec {

? ? flex: 1 1 12%;

}

.board_bg {

? ? box-shadow: 0 0 0 #e5e5e5;

? ? background: #e5e5e5;

}

.del-first {

? ? position: absolute;

? ? bottom: 10rpx;

? ? right: 10rpx;

? ? width: 137rpx;

? ? height: 86rpx;

? ? background-color: #fff;

? ? box-shadow: 0rpx 2rpx 0rpx #a9a9a9;

? ? display: flex;

? ? align-items: center;

? ? justify-content: center;

? ? border-radius: 10rpx;

? ? color: #5485FF

}

.del-hover {

? ? position: absolute;

? ? bottom: 10rpx;

? ? right: 10rpx;

? ? width: 137rpx;

? ? height: 86rpx;

? ? background-color: #e5e5e5;

? ? display: flex;

? ? align-items: center;

? ? justify-content: center;

? ? border-radius: 10rpx;

? ? box-shadow: 0 0 0 #e5e5e5;

}

.del-img {

? ? display: block;

? ? width: 46rpx;

? ? height: 38rpx;

}

.plate-style{

? margin-top: 70rpx;

}

.plate-style button{

? margin: 0 10rpx;

? color: #fff;

}

.plate-style button.on{

? background: #5485FF;

? transition: all 0.2s;

}

.plate-style button.def{

? background: #799ffd;

? color: #fff;

}

.plate-style button.on:active{

? background: #3e75ff;

}

.cloose-key-b{

position:absolute;

right:0;

display:block;

height:74rpx;

padding:0 34rpx;

color:#5485FF;

line-height:74rpx;

? font-size: 30rpx;

}

.rightb{

? border-right: 2rpx solid rgba(255,255,255,0);

? margin-right: 0rpx;

? border-radius:4rpx 0rpx 0rpx 4rpx;

? position: relative;

}

.rightb1{

? /* border-right: 2rpx solid #00bf70; */

? border-radius:4rpx;

? margin-right: 0rpx;

}

.rightb:after{

? position: absolute;

? content: "";

? top: 20rpx;

? bottom: 20rpx;

? right: -1rpx;

? width:2rpx;

? background: #ccc;

}

.leftb{

? margin-left: -2rpx;

? border-left: 2rpx solid rgba(255,255,255,0);

? border-radius:0rpx 4rpx 4rpx 0rpx;

}

.leftb1{

? margin-left: -2rpx;

? border-radius:4rpx;

? z-index: 999

}

.newnw{

? border: 2rpx dashed #ccc;

}

.newnw text.on{

? line-height: 40rpx;

}

.newnw text.def{

? line-height: 80rpx;

}

.newnw-color{

? font-size: 20rpx;

? color: #666;

}

.dos-style{

? display: flex;

? align-items: center;

? margin-right: 10rpx;

}

.dos-style text{

? display: inline-block;

? width: 10rpx;

? height: 10rpx;

? border-radius: 5rpx;

? background: #666;

}

js文件：

Page({

? data: {

? ? isKeyboard: !1, //控制鍵盤(pán)外部顯示

? ? isNumberKB: !1, //鍵盤(pán)切換

? ? tapNum: !1, //控制數(shù)字

? ? bottomNum: !1,//控制港澳使學(xué)

? ? disableKey: "1234567890港澳學(xué)使",

? ? keyboardNumber: "1234567890ABCDEFGHJKLMNPQRSTUVWXYZ港澳學(xué)使",

? ? keyboard1: "京滬粵津冀晉蒙遼吉黑蘇浙皖閩贛魯豫鄂湘桂瓊渝川貴云藏陜甘寧青新港澳臺(tái)使無(wú)",

? ? inputPlates: {

? ? ? index0: "粵",

? ? ? index1: "B",

? ? ? index2: "",

? ? ? index3: "",

? ? ? index4: "",

? ? ? index5: "",

? ? ? index6: "",

? ? ? index7: ""

? ? },

? ? inputOnFocusIndex: "",

? ? isnewNw:'+\n新能源',

? ? isbtns:true,

? ? plate:"",

? ? flag: false

? },

? onLoad: function () {

? ? this.initPlate(); //初始化獲取車(chē)牌

? },

? initPlate:function(){

? let n = this.data.inputPlates.index0 + this.data.inputPlates.index1 + this.data.inputPlates.index2 +? this.data.inputPlates.index3? ? +? ? ? this.data.inputPlates.index4 + this.data.inputPlates.index5 + this.data.inputPlates.index6 + this.data.inputPlates.index7;

? ? let plates = this.data.inputPlates;

? ? let len;

? ? if (plates.index0 == '' || plates.index1 == '' || plates.index2 == '' || plates.index3 == '' || plates.index4 == '' || plates.index5 == '' || plates.index6 == ''){

? ? ? len = true;

? ? }else{

? ? ? len = false

? ? }

? ? this.setData({

? ? ? plate: n, //更新車(chē)牌

? ? ? isbtns: len //更新按鈕狀態(tài)

? ? });

? },

? inputClick: function (t) { //點(diǎn)擊輸入選項(xiàng)

? ? var that = this;

? ? that.setData({

? ? ? inputOnFocusIndex: t.target.dataset.id,

? ? ? isKeyboard: !0

? ? })

? ? "0" == this.data.inputOnFocusIndex ? that.setData({

? ? ? tapNum: !1,

? ? ? isNumberKB: !1,

? ? ? bottomNum: !1

? ? }) : "1" == this.data.inputOnFocusIndex ? that.setData({

? ? ? tapNum: !1,

? ? ? isNumberKB: !0,

? ? ? bottomNum: !1

? ? ? }) : "6" == this.data.inputOnFocusIndex ? that.setData({

? ? ? ? tapNum: !0,

? ? ? ? isNumberKB: !0,

? ? ? ? bottomNum :!0

? ? }) :that.setData({

? ? ? tapNum: !0,

? ? ? isNumberKB: !0,

? ? ? bottomNum: !1

? ? });

? },

? //鍵盤(pán)點(diǎn)擊事件

? tapKeyboard: function (t) {

? ? t.target.dataset.index;

? ? var a = t.target.dataset.val;

? ? switch (this.data.inputOnFocusIndex) {

? ? ? case "0":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index0": a,

? ? ? ? ? inputOnFocusIndex: "1"

? ? ? ? });

? ? ? ? break;

? ? ? case "1":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index1": a,

? ? ? ? ? inputOnFocusIndex: "2"

? ? ? ? });

? ? ? ? break;

? ? ? case "2":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index2": a,

? ? ? ? ? inputOnFocusIndex: "3"

? ? ? ? });

? ? ? ? break;

? ? ? case "3":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index3": a,

? ? ? ? ? inputOnFocusIndex: "4"

? ? ? ? });

? ? ? ? break;

? ? ? case "4":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index4": a,

? ? ? ? ? inputOnFocusIndex: "5"

? ? ? ? });

? ? ? ? break;

? ? ? case "5":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index5": a,

? ? ? ? ? inputOnFocusIndex: "6"

? ? ? ? });

? ? ? ? break;

? ? ? case "6":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index6": a,

? ? ? ? ? inputOnFocusIndex: ""

? ? ? ? });

? ? ? ? break;

? ? ? case "7":

? ? ? ? this.setData({

? ? ? ? ? "inputPlates.index7": a,

? ? ? ? ? inputOnFocusIndex: ""

? ? ? ? });

? ? }

? ? this.initPlate();//監(jiān)聽(tīng)車(chē)牌實(shí)時(shí)變化

? ? this.checkedSubmitButtonEnabled();

? ? if (this.data.inputOnFocusIndex == ''){

? ? ? this.setData({

? ? ? ? isKeyboard: !1,

? ? ? ? isNumberKB: !1,

? ? ? ? bottomNum: !1,

? ? ? ? inputOnFocusIndex: ""

? ? ? });

? ? }

? },

? //鍵盤(pán)關(guān)閉按鈕點(diǎn)擊事件

? tapSpecBtn: function (t) {

? ? var a = this, e = t.target.dataset.index;

? ? if (0 == e) {

? ? ? switch (parseInt(this.data.inputOnFocusIndex)) {

? ? ? ? case 0:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index0": "",

? ? ? ? ? ? inputOnFocusIndex: "0"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 1:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index1": "",

? ? ? ? ? ? inputOnFocusIndex: "0"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 2:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index2": "",

? ? ? ? ? ? inputOnFocusIndex: "1"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 3:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index3": "",

? ? ? ? ? ? inputOnFocusIndex: "2"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 4:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index4": "",

? ? ? ? ? ? inputOnFocusIndex: "3"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 5:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index5": "",

? ? ? ? ? ? inputOnFocusIndex: "4"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 6:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index6": "",

? ? ? ? ? ? inputOnFocusIndex: "5"

? ? ? ? ? });

? ? ? ? ? break;

? ? ? ? case 7:

? ? ? ? ? this.setData({

? ? ? ? ? ? "inputPlates.index7": "",

? ? ? ? ? ? inputOnFocusIndex: "6"

? ? ? ? ? });

? ? ? }

? ? ? this.checkedSubmitButtonEnabled();

? ? } else 1 == e && a.setData({

? ? ? isKeyboard: !1,

? ? ? isNumberKB: !1,

? ? ? bottomNum: !1,

? ? ? inputOnFocusIndex: ""

? ? });

? ? this.initPlate(); //監(jiān)聽(tīng)車(chē)牌實(shí)時(shí)變化

? },

? //鍵盤(pán)切換

? checkedKeyboard: function () {

? ? var t = this;

? ? "0" == this.data.inputOnFocusIndex ? t.setData({

? ? ? tapNum: !1,

? ? ? isNumberKB: !1,

? ? ? bottomNum: !1

? ? }) : "1" == this.data.inputOnFocusIndex ? t.setData({

? ? ? tapNum: !1,

? ? ? isNumberKB: !0,

? ? ? bottomNum: !1

? ? ? }) : "6" == this.data.inputOnFocusIndex ? t.setData({

? ? ? ? tapNum: !0,

? ? ? ? isNumberKB: !0,

? ? ? ? bottomNum: !0

? ? ? }) :this.data.inputOnFocusIndex.length > 0 && t.setData({

? ? ? tapNum: !0,

? ? ? isNumberKB: !0,

? ? ? bottomNum: !1

? ? });

? },

? checkedSubmitButtonEnabled: function () {

? ? this.checkedKeyboard();

? ? var t = !0;

? ? for (var a in this.data.inputPlates) if ("index7" != a && this.data.inputPlates[a].length < 1) {

? ? ? t = !1;

? ? ? break;

? ? }

? },

? plateCar:function(){

? ? console.log(this.data.plate);

? ? ? wx.showModal({

? ? ? ? title: '',

? ? ? ? content: '請(qǐng)輸入正確的車(chē)牌號(hào)碼',

? ? ? ? showCancel:false,

? ? ? ? confirmText:'取消',

? ? ? ? success(res) {

? ? ? ? ? if (res.confirm) {

? ? ? ? ? ? console.log('點(diǎn)擊取消操作');

? ? ? ? ? }

? ? ? ? }

? ? ? })

? },

})

參考

https://blog.csdn.net/qq_33307682/article/details/85275201

最后編輯于：2019.07.24 14:18:50

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 228,119評(píng)論 6贊 531
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡，警方通過(guò)查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 98,382評(píng)論 3贊 415
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人，你說(shuō)我怎么就攤上這事?！?“怎么了？”我有些...
開(kāi)封第一講書(shū)人閱讀 176,038評(píng)論 0贊 373
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵，是天一觀的道長(zhǎng)。經(jīng)常有香客問(wèn)我，道長(zhǎng)，這世上最難降的妖魔是什么？我笑而不...
開(kāi)封第一講書(shū)人閱讀 62,853評(píng)論 1贊 309
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 71,616評(píng)論 6贊 408
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布。她就那樣靜靜地躺著，像睡著了一般。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上，一...
開(kāi)封第一講書(shū)人閱讀 55,112評(píng)論 1贊 323
城市分裂傳說(shuō)
那天，我揣著相機(jī)與錄音，去河邊找鬼。笑死，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播，決...
沈念sama閱讀 43,192評(píng)論 3贊 441
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起，我...
開(kāi)封第一講書(shū)人閱讀 42,355評(píng)論 0贊 288
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
沈念sama閱讀 48,869評(píng)論 1贊 334
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 40,727評(píng)論 3贊 354
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 42,928評(píng)論 1贊 369
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
沈念sama閱讀 38,467評(píng)論 5贊 358
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 44,165評(píng)論 3贊 347
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 34,570評(píng)論 0贊 26
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)。三九已至，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 35,813評(píng)論 1贊 282
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。一個(gè)月前我還...
沈念sama閱讀 51,585評(píng)論 3贊 390
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 47,892評(píng)論 2贊 372

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

微信小程序車(chē)牌號(hào)輸入demo

效果如下：

項(xiàng)目源碼：

wxml文件：

wxss文件：

js文件：

參考

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频