微信小程序获取收货地址及存储收货地址-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序获取收货地址及存储收货地址。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这个城市数据的js直接放网盘了我

链接：https://pan.baidu.com/s/18UsJ1VUxEI-7LJjVW8BW4w
提取码：mmao

wxml


<view class="self_service">大件物品回收流程</view>
<button class="btn" type="primary" bindtap = "getWechatAddress">获取微信收货地址</button>
<form bindsubmit="orderclick">
  <view class="con">
  <view class="con2 flex-row j_b">
    <view class="con2_text1">联系人</view>
    <view class="con2_input">
      <input type="text" class="inp" value="{
  {concatPerson}}" data-type="concatPerson" placeholder="请输入联系人姓名" bindblur="bindinputblur"/>
    </view>
  </view>
  <view class="con2 flex-row j_b">
    <view class="con2_text1">手机号</view>
    <view class="con2_input">
      <input type="text" class="inp" value="{
  {phone}}" data-type="phone" maxlength="11" placeholder="请输入手机号" bindblur="bindinputblur"/>
    </view>
  </view>

  <view class="con2 flex-row j_b">
    <view class="con2_text1">预约日期</view>
    <picker mode="date" value="{
  {date}}" data-type="date" start="2019-09-01" end="2059-09-01" bindchange="bindDateChange">
      <view class="picker">
        当前选择日期: {
  {date}}
      </view>
    </picker>
  </view>
  <view class="con2 flex-row j_b">
    <view class="con2_text1">预约时间</view>
    <picker mode="time" value="{
  {time}}" data-type="time" start="09:01" end="21:01" bindchange="bindTimeChange">
      <view class="picker">
        当前选择时间: {
  {time}}
      </view>
    </picker>
  </view>
  <view class="con2 flex-row j_b">
    <view class="con2_text1">选择地区</view>
    <view class="picker">
        <city-picker multiCityArray="{
  {multiCityArray}}" cityData="{
  {cityData}}" multiIndex="{
  {multiIndex}}" visible="{
  {visible}}" bind:multiPickerColumnChange="_multiPickerColumnChange" bind:multiPickerChange="_multiPickerChange"></city-picker>
        <!-- <picker mode="multiSelector" value="{
  {multiIndex}}" range="{
  {multiCityArray}}" bindcolumnchange="bindMultiPickerColumnChange" bindchange="bindMultiPickerChange">
            <view class="picker">
                {
  {multiCityArray[0][multiIndex[0]]}}，{
  {multiCityArray[1][multiIndex[1]]}}，{
  {multiCityArray[2][multiIndex[2]]}}
            </view>
        </picker> -->
    </view>
  </view>
  <view class="con2 flex-row j_b">
      <view class="con2_text1">详细地址</view>
      <view class="con2_input">
          <input type="text" class="inp" value="{
  {address}}" data-type="address" placeholder="请输入详细地址" bindblur="bindinputblur"/>
      </view>
  </view>
    


</view>
<button  class="btn" type="primary" form-type="submit">开始预约</button>

</form>

wxss文章来源地址https://www.toymoban.com/news/detail-557200.html


.self_service{
  font-weight: 700;text-align: center;font-size: 40rpx;margin: 30rpx;
}
.con {
  margin: 26rpx 25rpx 49rpx;
  width: 700rpx;
  background: #FFFFFF;
  border-r

到了这里，关于微信小程序获取收货地址及存储收货地址的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！