topnuomi
/
xx-worker-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复设置服务信息页面的picker点击范围过小的问题

This commit is contained in:
TOP糯米 2023-03-01 20:39:55 +08:00
parent a13c1110b0
commit 7bc02b24df
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/member/service-info.vue
View File

@ -22,9 +22,9 @@
class="select-widget" class="select-widget"
:class="{ active: areaText.length > 0 }" :class="{ active: areaText.length > 0 }"
> >
<text class="limit-line clamp-1"> <view class="picker-view limit-line clamp-1">
{{ areaText ? areaText : "请选择服务区域" }} {{ areaText ? areaText : "请选择服务区域" }}
</text> </view>
</picker> </picker>
<text class="iconfont icon-jinru"></text> <text class="iconfont icon-jinru"></text>
</view> </view>
@ -38,9 +38,9 @@
class="select-widget" class="select-widget"
:class="{ active: cateText.length > 0 }" :class="{ active: cateText.length > 0 }"
> >
<text class="limit-line clamp-1"> <view class="picker-view limit-line clamp-1">
{{ cateText ? cateText : "请选择服务分类" }} {{ cateText ? cateText : "请选择服务分类" }}
</text> </view>
</picker> </picker>
<text class="iconfont icon-jinru"></text> <text class="iconfont icon-jinru"></text>
</view> </view>
@ -54,9 +54,9 @@
class="select-widget" class="select-widget"
:class="{ active: carTypeText.length > 0 }" :class="{ active: carTypeText.length > 0 }"
> >
<text class="limit-line clamp-1"> <view class="picker-view limit-line clamp-1">
{{ carTypeText ? carTypeText : "请选择车辆类型" }} {{ carTypeText ? carTypeText : "请选择车辆类型" }}
</text> </view>
</picker> </picker>
<text class="iconfont icon-jinru"></text> <text class="iconfont icon-jinru"></text>
</view> </view>
@ -70,9 +70,9 @@
class="select-widget" class="select-widget"
:class="{ active: serviceTypeText.length > 0 }" :class="{ active: serviceTypeText.length > 0 }"
> >
<text class="limit-line clamp-1"> <view class="picker-view limit-line clamp-1">
{{ serviceTypeText ? serviceTypeText : "请选择服务类型" }} {{ serviceTypeText ? serviceTypeText : "请选择服务类型" }}
</text> </view>
</picker> </picker>
<text class="iconfont icon-jinru"></text> <text class="iconfont icon-jinru"></text>
</view> </view>
@ -179,7 +179,7 @@ export default {
carTypeText: "", carTypeText: "",
serviceTypeId: 0, serviceTypeId: 0,
serviceTypeText: "", serviceTypeText: "",
idcardA: "", idcardA: "1",
idcardB: "", idcardB: "",
license: "", license: "",
content: "", content: "",
@ -232,7 +232,7 @@ export default {
width: 100%; width: 100%;
margin-top: 14rpx; margin-top: 14rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 0 16rpx; padding: 0 20rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.input-item { .input-item {
@ -254,14 +254,15 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-left: 190rpx;
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
color: #c9c9c9; color: #c9c9c9;
.picker-view {
width: 670rpx;
box-sizing: border-box;
padding: 44rpx 0 44rpx 190rpx;
}
} }
.select-widget.active { .select-widget.active {
color: #666666; color: #666666;