12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- <view class="address-detail">
- <view class="divider-line" />
- <!-- <t-location title="获取微信收获地址" isCustomStyle t-class="address-detail-wx-location" bind:change="getWeixinAddress">
- <t-icon class="address-detail-wx-arrow" name="chevron-right" color="#bbb" size="40rpx" />
- </t-location>
- <view class="divider-line" /> -->
- <view class="form-address">
- <form class="form-content">
- <t-cell-group>
- <t-cell t-class-left="t-cell-left" t-class-title="t-cell-title" title="收货人">
- <t-input class="t-input" slot="note" t-class="field-text" data-item="name" maxlength="20" type="text" value="{{locationState.name}}" placeholder="您的姓名" bind:change="onInputValue" />
- </t-cell>
- <t-cell t-class-left="t-cell-left" t-class-title="t-cell-title" title="手机号">
- <t-input slot="note" class="t-input" t-class="field-text" type="number" value="{{locationState.phone}}" maxlength="11" placeholder="联系您的手机号" bind:change="onInputValue" data-item="phone" />
- </t-cell>
- <t-cell t-class-left="t-cell-left" t-class-title="t-cell-title" title="地区">
- <t-input slot="note" class="t-input" t-class="field-text" placeholder="省/市/区" data-item="address" value="{{locationState.provinceName ? locationState.provinceName+'/':'' }}{{locationState.cityName ? locationState.cityName+'/':''}}{{locationState.districtName}}" catch:tap="onPickArea" disabled />
- <!-- <t-icon slot="right-icon" t-class="map" prefix="wr" name="location" catch:tap="onSearchAddress" /> -->
- </t-cell>
- <t-cell t-class="t-topleft" t-class-left="t-cell-left" t-class-title="t-cell-title" t-class-note="t-textarea-cell-note" title="详细地址">
- <t-textarea t-class="ntextinput" slot="note" class="t-input" type="text" value="{{locationState.detailAddress}}" placeholder="如:某小区10栋1001号" bind:change="onInputValue" data-item="detailAddress" style="height: 180rpx;" disableDefaultPadding="{{true}}" />
- </t-cell>
- <view class="divider-line" />
- <t-cell t-class-left="t-cell-left" t-class-note="t-cell-note" t-class-title="t-cell-title" title="标签">
- <view class="t-input address-flex-box" slot="note">
- <t-button wx:for="{{labels}}" wx:for-item="label" wx:key="index" t-class="label-list {{locationState.labelIndex === index ? 'active-btn':''}}" bindtap="onPickLabels" data-item="{{index}}">
- {{label.name}}
- </t-button>
- <t-button t-class="label-list" bindtap="addLabels">
- <t-icon name="add" size="40rpx" color="#bbb" />
- </t-button>
- </view>
- </t-cell>
- <view class="divider-line" />
- <t-cell t-class-left="t-cell-left" title="设置为默认收货地址">
- <t-switch value="{{locationState.isDefault}}" slot="note" colors="{{['#333', '#c6c6c6']}}" bind:change="onCheckDefaultAddress" />
- </t-cell>
- </t-cell-group>
- <view class="submit">
- <t-button t-class="btn-submit-address {{submitActive ? 'theme-wrapper-class' : 'disabled'}}" bind:tap="formSubmit">
- 保存
- </t-button>
- </view>
- </form>
- </view>
- <t-area-picker show="{{areaPickerVisible}}" value="{{locationState.districtCode}}" area-data="{{areaData}}" title="选择地区" columns="{{columns}}" bind:confirm="onInputValue" data-item="address" data-type="1" />
- <n-wait loading="{{wait}}" />
- </view>
- <t-dialog visible="{{visible}}" t-class-confirm="dialog__button-confirm" title="填写标签名称" confirm-btn="确定" cancel-btn="取消" bind:confirm="confirmHandle" bind:cancel="cancelHandle">
- <t-input slot="content" model:value="{{labelValue}}" placeholder="请输入标签名称" borderless />
- </t-dialog>
- <t-toast id="t-toast" />
|