优化点击组件文字展示问题

This commit is contained in:
TOP糯米 2023-03-08 18:46:13 +08:00
parent 9c84bb512e
commit 8d202a25b4
7 changed files with 60 additions and 42 deletions

View File

@ -197,7 +197,7 @@ export default {
.title {
font-size: 30rpx;
color: #2d2d2d;
padding: 44rpx 0 44rpx 100rpx;
padding: 44rpx 80rpx 44rpx 100rpx;
}
.picker {
z-index: 10;

View File

@ -82,7 +82,8 @@ export default {
loadAddress() {
this.$request({
api: "user.address.list",
}).then((response) => {
})
.then((response) => {
response.data.forEach((item) => {
this.list.push({
id: item.id,
@ -93,7 +94,8 @@ export default {
isDefault: item.default == 1,
});
});
});
})
.catch((e) => {});
},
selectAddress(address) {
if (this.openType == "choose") {

View File

@ -120,17 +120,21 @@
<view class="input-box">
<view class="widget-item" @click="selectAddress">
<text class="iconfont icon-dingwei icon"></text>
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ addressText ? addressText : "请选择上门地址" }}
</text>
</text>
<text class="iconfont icon-jinru more"></text>
</view>
<view class="widget-item">
<text class="iconfont icon-shijian icon"></text>
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ datetime ? datetime : "选择期望上门时间" }}
</text>
</text>
</picker>
<text class="iconfont icon-jinru more"></text>
</view>

View File

@ -21,39 +21,39 @@
<view class="common-form-widget-group">
<view class="widget-item" @click="toPage('/pages/address/address?openType=list')">
<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>
</view>
<view class="widget-item">
<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>
</view>
<view class="widget-item">
<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>
</view>
<view class="widget-item" @click="toPage('/pages/member/setting')">
<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>
</view>
</view>
<view class="common-form-widget-group">
<view class="widget-item">
<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>
</view>
<view class="widget-item" @click="toPage('/pages/service/other/project')">
<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>
</view>
<view class="widget-item" @click="toPage('/pages/service/other/business')">
<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>
</view>
</view>

View File

@ -3,44 +3,44 @@
<view class="setting-container">
<view class="common-form-widget-group setting">
<view class="widget-item">
<text class="title limit-line clamp-1">版本号</text>
<text class="title">版本号</text>
<view class="item-content">
<text class="content version">v1.02</text>
</view>
</view>
<view class="widget-item">
<text class="title limit-line clamp-1">密码管理</text>
<text class="title">密码管理</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="widget-item">
<text class="title limit-line clamp-1">手机号</text>
<text class="title">手机号</text>
<view class="item-content">
<text class="content mobile">131****6080</text>
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="widget-item">
<text class="title limit-line clamp-1">关于我们</text>
<text class="title">关于我们</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="widget-item">
<text class="title limit-line clamp-1">注册协议</text>
<text class="title">注册协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="widget-item">
<text class="title limit-line clamp-1">隐私协议</text>
<text class="title">隐私协议</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>
</view>
<view class="widget-item last">
<text class="title limit-line clamp-1">注销账户</text>
<text class="title">注销账户</text>
<view class="item-content">
<text class="iconfont icon-jinru"></text>
</view>

View File

@ -7,17 +7,21 @@
<view class="common-form-widget-group">
<view class="widget-item" @click="selectAddress">
<text class="iconfont icon-dingwei icon"></text>
<text class="title limit-line clamp-1">
<text class="title">
<text class="text limit-line clamp-1">
{{ addressText ? addressText : "请选择上门地址" }}
</text>
</text>
<text class="iconfont icon-jinru more"></text>
</view>
<view class="widget-item">
<text class="iconfont icon-shijian icon"></text>
<picker mode="date" :value="datetime" @change="bindDateChange" class="picker">
<text class="title limit-line clamp-1">
<text class="title">
<text class="text limit-line clamp-1">
{{ datetime ? datetime : "选择期望上门时间" }}
</text>
</text>
</picker>
<text class="iconfont icon-jinru more"></text>
</view>

View File

@ -7,9 +7,11 @@
<view class="widget-item">
<text class="iconfont icon-icon-truck icon"></text>
<picker mode="selector" :range="carTypeList" range-key="name" @change="selectCarType" class="picker">
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ carTypeText ? carTypeText : "请选择装货车型" }}
</text>
</text>
</picker>
<text class="iconfont icon-jinru more"></text>
</view>
@ -20,17 +22,21 @@
<view class="common-form-widget-group">
<view class="widget-item" @click="selectPickupAddress">
<text class="iconfont icon-dingwei icon"></text>
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ pickupAddressText ? pickupAddressText : "请选择取货地址" }}
</text>
</text>
<text class="iconfont icon-jinru more"></text>
</view>
<view class="widget-item">
<text class="iconfont icon-shijian icon"></text>
<picker mode="date" @change="bindDateChange" class="picker">
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ datetime ? datetime : "选择期望取货时间" }}
</text>
</text>
</picker>
<text class="iconfont icon-jinru more"></text>
</view>
@ -41,9 +47,11 @@
<view class="common-form-widget-group">
<view class="widget-item" @click="selectUnloadAddress">
<text class="iconfont icon-dingwei icon"></text>
<text class="title limit-line clamp-1">
<text class="title">
<text class="limit-line clamp-1">
{{ unloadAddressText ? unloadAddressText : "请选择卸货地址" }}
</text>
</text>
<text class="iconfont icon-jinru more"></text>
</view>
</view>