Browse Source

物流样式优化

main
Trae AI 2 days ago
parent
commit
4d8710fd00
  1. 60
      pages/freight-calculator/index.wxml
  2. 16
      pages/freight-calculator/index.wxss

60
pages/freight-calculator/index.wxml

@ -5,35 +5,19 @@
<view class="section"> <view class="section">
<text class="section-title">出发地</text> <text class="section-title">出发地</text>
<view class="address-form"> <view class="address-form">
<view class="form-item"> <view class="form-item address-row">
<text class="label">省份</text> <text class="label">省市区</text>
<input class="input" bindinput="bindOriginInput" data-key="province" value="{{origin.province}}" placeholder="请输入省份" /> <view class="address-inputs">
<input class="input address-input" bindinput="bindOriginInput" data-key="province" value="{{origin.province}}" placeholder="省份" />
<input class="input address-input" bindinput="bindOriginInput" data-key="city" value="{{origin.city}}" placeholder="城市" />
<input class="input address-input" bindinput="bindOriginInput" data-key="district" value="{{origin.district}}" placeholder="区县" />
</view> </view>
<view class="form-item">
<text class="label">城市</text>
<input class="input" bindinput="bindOriginInput" data-key="city" value="{{origin.city}}" placeholder="请输入城市" />
</view>
<view class="form-item">
<text class="label">区县</text>
<input class="input" bindinput="bindOriginInput" data-key="district" value="{{origin.district}}" placeholder="请输入区县" />
</view> </view>
<view class="form-item"> <view class="form-item">
<text class="label">详细地址</text> <text class="label">详细地址</text>
<input class="input" bindinput="bindOriginInput" data-key="detail" value="{{origin.detail}}" placeholder="请输入详细地址" /> <input class="input" bindinput="bindOriginInput" data-key="detail" value="{{origin.detail}}" placeholder="请输入详细地址" />
</view> </view>
<view class="form-item">
<text class="label">快速选择</text>
<picker
mode="region"
bindchange="bindRegionChange"
data-type="origin"
value="{{[origin.province, origin.city, origin.district]}}"
>
<view class="picker">
{{origin.province && origin.city && origin.district ? origin.province + origin.city + origin.district : '请选择'}}
</view>
</picker>
</view>
<view style="display: flex; justify-content: space-between; gap: 12rpx;"> <view style="display: flex; justify-content: space-between; gap: 12rpx;">
<button class="location-btn" bindtap="useCurrentLocationForOrigin"> <button class="location-btn" bindtap="useCurrentLocationForOrigin">
<text>使用当前位置</text> <text>使用当前位置</text>
@ -49,35 +33,19 @@
<view class="section"> <view class="section">
<text class="section-title">目的地</text> <text class="section-title">目的地</text>
<view class="address-form"> <view class="address-form">
<view class="form-item"> <view class="form-item address-row">
<text class="label">省份</text> <text class="label">省市区</text>
<input class="input" bindinput="bindDestinationInput" data-key="province" value="{{destination.province}}" placeholder="请输入省份" /> <view class="address-inputs">
<input class="input address-input" bindinput="bindDestinationInput" data-key="province" value="{{destination.province}}" placeholder="省份" />
<input class="input address-input" bindinput="bindDestinationInput" data-key="city" value="{{destination.city}}" placeholder="城市" />
<input class="input address-input" bindinput="bindDestinationInput" data-key="district" value="{{destination.district}}" placeholder="区县" />
</view> </view>
<view class="form-item">
<text class="label">城市</text>
<input class="input" bindinput="bindDestinationInput" data-key="city" value="{{destination.city}}" placeholder="请输入城市" />
</view>
<view class="form-item">
<text class="label">区县</text>
<input class="input" bindinput="bindDestinationInput" data-key="district" value="{{destination.district}}" placeholder="请输入区县" />
</view> </view>
<view class="form-item"> <view class="form-item">
<text class="label">详细地址</text> <text class="label">详细地址</text>
<input class="input" bindinput="bindDestinationInput" data-key="detail" value="{{destination.detail}}" placeholder="请输入详细地址" /> <input class="input" bindinput="bindDestinationInput" data-key="detail" value="{{destination.detail}}" placeholder="请输入详细地址" />
</view> </view>
<view class="form-item">
<text class="label">快速选择</text>
<picker
mode="region"
bindchange="bindRegionChange"
data-type="destination"
value="{{[destination.province, destination.city, destination.district]}}"
>
<view class="picker">
{{destination.province && destination.city && destination.district ? destination.province + destination.city + destination.district : '请选择'}}
</view>
</picker>
</view>
<view style="display: flex; justify-content: space-between; gap: 12rpx;"> <view style="display: flex; justify-content: space-between; gap: 12rpx;">
<button class="location-btn" bindtap="useCurrentLocation"> <button class="location-btn" bindtap="useCurrentLocation">
<text>使用当前位置</text> <text>使用当前位置</text>

16
pages/freight-calculator/index.wxss

@ -254,6 +254,22 @@
width: 100%; width: 100%;
} }
/* 地址行样式 */
.address-row {
margin-bottom: 16rpx;
}
.address-inputs {
display: flex;
gap: 12rpx;
width: 100%;
}
.address-input {
flex: 1;
min-width: 0;
}
.label { .label {
font-size: 22rpx; font-size: 22rpx;
color: #666; color: #666;

Loading…
Cancel
Save