更新文档
This commit is contained in:
34
demo/address.js
Normal file
34
demo/address.js
Normal file
@@ -0,0 +1,34 @@
|
||||
/*
|
||||
* @Author: wangzhichiao<https://github.com/wzc570738205>
|
||||
* @Date: 2020-04-22 12:50:27
|
||||
* @LastEditors: wangzhichiao<https://github.com/wzc570738205>
|
||||
* @LastEditTime: 2020-04-22 13:32:45
|
||||
*/
|
||||
// pages/address/address.js
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
address: '陕西省西安市雁塔区丈八沟街道高新四路高新大都荟710061 刘国良 13593464918 211381198512096810',
|
||||
addressObj:{}
|
||||
},
|
||||
onShow: function (options) {
|
||||
app.getAddressData()//保险起见,手动挂载数据
|
||||
},
|
||||
subimt: function () {
|
||||
var address = app.smart(this.data.address)
|
||||
console.log(address)
|
||||
this.setData({
|
||||
addressObj: address
|
||||
})
|
||||
},
|
||||
bindName: function (e) {
|
||||
this.data.address = e.detail.value
|
||||
this.setData({
|
||||
address: this.data.address
|
||||
})
|
||||
}
|
||||
})
|
||||
5
demo/address.json
Normal file
5
demo/address.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"cu-custom": "/colorui/components/cu-custom"
|
||||
}
|
||||
}
|
||||
32
demo/address.wxml
Normal file
32
demo/address.wxml
Normal file
@@ -0,0 +1,32 @@
|
||||
<!--miniprogram/pages/add/add.wxml-->
|
||||
<cu-custom bgColor="bg-gradual-blue">
|
||||
<view slot="backText">返回</view>
|
||||
<view slot="content">地址识别</view>
|
||||
</cu-custom>
|
||||
|
||||
<form>
|
||||
<textarea bindinput="bindName" value='{{address}}' placeholder="请输入地址"></textarea>
|
||||
</form>
|
||||
|
||||
<view class="padding flex flex-direction">
|
||||
<button class="cu-btn bg-blue margin-tb-sm lg" bindtap="subimt">识别</button>
|
||||
</view>
|
||||
|
||||
<view class=" flex flex-direction" >
|
||||
姓名:{{addressObj.name}}
|
||||
</view>
|
||||
<view class=" flex flex-direction" >
|
||||
电话:{{addressObj.phone}}
|
||||
</view>
|
||||
<view class=" flex flex-direction" >
|
||||
身份证:{{addressObj.idCard}}
|
||||
</view>
|
||||
<view class=" flex flex-direction" >
|
||||
邮编:{{addressObj.zipCode}}
|
||||
</view>
|
||||
<view class=" flex flex-direction" >
|
||||
省市区:{{addressObj.province}}/{{addressObj.city}}/{{addressObj.county}}/{{addressObj.street}}
|
||||
</view>
|
||||
<view class=" flex flex-direction" >
|
||||
详细地址:{{addressObj.address}}
|
||||
</view>
|
||||
25
demo/address.wxss
Normal file
25
demo/address.wxss
Normal file
@@ -0,0 +1,25 @@
|
||||
/* pages/address/address.wxss */
|
||||
/* miniprogram/pages/add/add.wxss */
|
||||
@import "../../colorui/animation.wxss";
|
||||
|
||||
image[class*="gif-"] {
|
||||
border-radius: 6rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.group-height {
|
||||
min-height: 50rpx;
|
||||
line-height: 50rpx !important;
|
||||
}
|
||||
|
||||
.flex-tag {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
textarea{
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user