优化点击组件文字展示问题
This commit is contained in:
parent
9c84bb512e
commit
8d202a25b4
|
@ -197,7 +197,7 @@ export default {
|
||||||
.title {
|
.title {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #2d2d2d;
|
color: #2d2d2d;
|
||||||
padding: 44rpx 0 44rpx 100rpx;
|
padding: 44rpx 80rpx 44rpx 100rpx;
|
||||||
}
|
}
|
||||||
.picker {
|
.picker {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
|
@ -82,18 +82,20 @@ export default {
|
||||||
loadAddress() {
|
loadAddress() {
|
||||||
this.$request({
|
this.$request({
|
||||||
api: "user.address.list",
|
api: "user.address.list",
|
||||||
}).then((response) => {
|
})
|
||||||
response.data.forEach((item) => {
|
.then((response) => {
|
||||||
this.list.push({
|
response.data.forEach((item) => {
|
||||||
id: item.id,
|
this.list.push({
|
||||||
address: item.address,
|
id: item.id,
|
||||||
detail: item.doorplate,
|
address: item.address,
|
||||||
name: item.name,
|
detail: item.doorplate,
|
||||||
mobile: item.mobil,
|
name: item.name,
|
||||||
isDefault: item.default == 1,
|
mobile: item.mobil,
|
||||||
|
isDefault: item.default == 1,
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
})
|
||||||
});
|
.catch((e) => {});
|
||||||
},
|
},
|
||||||
selectAddress(address) {
|
selectAddress(address) {
|
||||||
if (this.openType == "choose") {
|
if (this.openType == "choose") {
|
||||||
|
|
|
@ -120,16 +120,20 @@
|
||||||
<view class="input-box">
|
<view class="input-box">
|
||||||
<view class="widget-item" @click="selectAddress">
|
<view class="widget-item" @click="selectAddress">
|
||||||
<text class="iconfont icon-dingwei icon"></text>
|
<text class="iconfont icon-dingwei icon"></text>
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ addressText ? addressText : "请选择上门地址" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ addressText ? addressText : "请选择上门地址" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-shijian icon"></text>
|
<text class="iconfont icon-shijian icon"></text>
|
||||||
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
|
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ datetime ? datetime : "选择期望上门时间" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ datetime ? datetime : "选择期望上门时间" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
</picker>
|
</picker>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
|
|
|
@ -21,39 +21,39 @@
|
||||||
<view class="common-form-widget-group">
|
<view class="common-form-widget-group">
|
||||||
<view class="widget-item" @click="toPage('/pages/address/address?openType=list')">
|
<view class="widget-item" @click="toPage('/pages/address/address?openType=list')">
|
||||||
<text class="iconfont icon-dingwei icon"></text>
|
<text class="iconfont icon-dingwei icon"></text>
|
||||||
<text class="title limit-line clamp-1">我的地址</text>
|
<text class="title">我的地址</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-tousu icon"></text>
|
<text class="iconfont icon-tousu icon"></text>
|
||||||
<text class="title limit-line clamp-1">意见投诉</text>
|
<text class="title">意见投诉</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-kefufill icon"></text>
|
<text class="iconfont icon-kefufill icon"></text>
|
||||||
<text class="title limit-line clamp-1">联系客服</text>
|
<text class="title">联系客服</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item" @click="toPage('/pages/member/setting')">
|
<view class="widget-item" @click="toPage('/pages/member/setting')">
|
||||||
<text class="iconfont icon-shezhixitongshezhigongnengshezhishuxing icon"></text>
|
<text class="iconfont icon-shezhixitongshezhigongnengshezhishuxing icon"></text>
|
||||||
<text class="title limit-line clamp-1">设置</text>
|
<text class="title">设置</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-form-widget-group">
|
<view class="common-form-widget-group">
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-gongren icon"></text>
|
<text class="iconfont icon-gongren icon"></text>
|
||||||
<text class="title limit-line clamp-1">我是师傅</text>
|
<text class="title">我是师傅</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item" @click="toPage('/pages/service/other/project')">
|
<view class="widget-item" @click="toPage('/pages/service/other/project')">
|
||||||
<text class="iconfont icon-cailiaogongcheng icon"></text>
|
<text class="iconfont icon-cailiaogongcheng icon"></text>
|
||||||
<text class="title limit-line clamp-1">工程安装</text>
|
<text class="title">工程安装</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item" @click="toPage('/pages/service/other/business')">
|
<view class="widget-item" @click="toPage('/pages/service/other/business')">
|
||||||
<text class="iconfont icon-qiye icon"></text>
|
<text class="iconfont icon-qiye icon"></text>
|
||||||
<text class="title limit-line clamp-1">企业安装合作</text>
|
<text class="title">企业安装合作</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -3,44 +3,44 @@
|
||||||
<view class="setting-container">
|
<view class="setting-container">
|
||||||
<view class="common-form-widget-group setting">
|
<view class="common-form-widget-group setting">
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">版本号</text>
|
<text class="title">版本号</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="content version">v1.02</text>
|
<text class="content version">v1.02</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">密码管理</text>
|
<text class="title">密码管理</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">手机号</text>
|
<text class="title">手机号</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="content mobile">131****6080</text>
|
<text class="content mobile">131****6080</text>
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">关于我们</text>
|
<text class="title">关于我们</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">注册协议</text>
|
<text class="title">注册协议</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="title limit-line clamp-1">隐私协议</text>
|
<text class="title">隐私协议</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item last">
|
<view class="widget-item last">
|
||||||
<text class="title limit-line clamp-1">注销账户</text>
|
<text class="title">注销账户</text>
|
||||||
<view class="item-content">
|
<view class="item-content">
|
||||||
<text class="iconfont icon-jinru"></text>
|
<text class="iconfont icon-jinru"></text>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -7,16 +7,20 @@
|
||||||
<view class="common-form-widget-group">
|
<view class="common-form-widget-group">
|
||||||
<view class="widget-item" @click="selectAddress">
|
<view class="widget-item" @click="selectAddress">
|
||||||
<text class="iconfont icon-dingwei icon"></text>
|
<text class="iconfont icon-dingwei icon"></text>
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ addressText ? addressText : "请选择上门地址" }}
|
<text class="text limit-line clamp-1">
|
||||||
|
{{ addressText ? addressText : "请选择上门地址" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-shijian icon"></text>
|
<text class="iconfont icon-shijian icon"></text>
|
||||||
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
|
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ datetime ? datetime : "选择期望上门时间" }}
|
<text class="text limit-line clamp-1">
|
||||||
|
{{ datetime ? datetime : "选择期望上门时间" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
</picker>
|
</picker>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
|
|
|
@ -7,8 +7,10 @@
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-icon-truck icon"></text>
|
<text class="iconfont icon-icon-truck icon"></text>
|
||||||
<picker mode="selector" :range="carTypeList" range-key="name" @change="selectCarType" class="picker">
|
<picker mode="selector" :range="carTypeList" range-key="name" @change="selectCarType" class="picker">
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ carTypeText ? carTypeText : "请选择装货车型" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ carTypeText ? carTypeText : "请选择装货车型" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
</picker>
|
</picker>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
|
@ -20,16 +22,20 @@
|
||||||
<view class="common-form-widget-group">
|
<view class="common-form-widget-group">
|
||||||
<view class="widget-item" @click="selectPickupAddress">
|
<view class="widget-item" @click="selectPickupAddress">
|
||||||
<text class="iconfont icon-dingwei icon"></text>
|
<text class="iconfont icon-dingwei icon"></text>
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ pickupAddressText ? pickupAddressText : "请选择取货地址" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ pickupAddressText ? pickupAddressText : "请选择取货地址" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="widget-item">
|
<view class="widget-item">
|
||||||
<text class="iconfont icon-shijian icon"></text>
|
<text class="iconfont icon-shijian icon"></text>
|
||||||
<picker mode="date" @change="bindDateChange" class="picker">
|
<picker mode="date" @change="bindDateChange" class="picker">
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ datetime ? datetime : "选择期望取货时间" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ datetime ? datetime : "选择期望取货时间" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
</picker>
|
</picker>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
|
@ -41,8 +47,10 @@
|
||||||
<view class="common-form-widget-group">
|
<view class="common-form-widget-group">
|
||||||
<view class="widget-item" @click="selectUnloadAddress">
|
<view class="widget-item" @click="selectUnloadAddress">
|
||||||
<text class="iconfont icon-dingwei icon"></text>
|
<text class="iconfont icon-dingwei icon"></text>
|
||||||
<text class="title limit-line clamp-1">
|
<text class="title">
|
||||||
{{ unloadAddressText ? unloadAddressText : "请选择卸货地址" }}
|
<text class="limit-line clamp-1">
|
||||||
|
{{ unloadAddressText ? unloadAddressText : "请选择卸货地址" }}
|
||||||
|
</text>
|
||||||
</text>
|
</text>
|
||||||
<text class="iconfont icon-jinru more"></text>
|
<text class="iconfont icon-jinru more"></text>
|
||||||
</view>
|
</view>
|
||||||
|
|
Loading…
Reference in New Issue