细节修改及帮助中心ui优化

version/0412
fanfan 12 months ago
parent 40290e0441
commit 5cd0f3d3c4
  1. 48
      pages/news1/help.vue
  2. 2
      pages/user/index.vue

@ -5,16 +5,15 @@
<view class="helpItem" :class="((index == itemList.length - 1) && item.child.length == 0) ? 'border' : ''" <view class="helpItem" :class="((index == itemList.length - 1) && item.child.length == 0) ? 'border' : ''"
v-for="(item, index) in itemList" :key="index"> v-for="(item, index) in itemList" :key="index">
<view class="helpMain" @click="goListPage(item)"> <view class="helpMain" @click="goListPage(item)">
<u-icon name="arrow-left" class="zhishi" color="#dfdbdb" size="28"></u-icon>
<u-icon name="question-circle"></u-icon> <u-icon name="question-circle"></u-icon>
<!-- <image :src="item.img_url" class="titleIcon" mode="widthFix"></image> -->
<view class="mainText"> <view class="mainText">
<text>{{ item.name }}</text> <text>{{ item.name }}</text>
<u-icon name="arrow-right" v-if="item.name != ''" color="#8B8B8B" size="22"></u-icon> <u-icon name="arrow-right" v-if="item.name != ''" color="#8B8B8B" size="22"></u-icon>
</view> </view>
</view> </view>
<view class="mainItem"> <view class="mainItem">
<view class="itemText" v-for="(p, i) in item.childArr" :key="i" @click="openContent(p)">{{ p.title }} <view class="itemText" v-for="(p, i) in item.childArr" :key="i" @click="openContent(p)">
{{ p.title }}
</view> </view>
</view> </view>
</view> </view>
@ -61,6 +60,17 @@ export default {
if (res.status == 200) { if (res.status == 200) {
that.itemList = res.data.list; that.itemList = res.data.list;
that.itemList.map(item => { that.itemList.map(item => {
if (item.child.length > 0) {
if (parseInt(item.child.length % 4) == 1) {
item.child.push({}, {}, {})
}
if (parseInt(item.child.length % 4) == 2) {
item.child.push({}, {})
}
if (parseInt(item.child.length % 4) == 3) {
item.child.push({})
}
}
item.childArr = [] item.childArr = []
item.childArr = item.child.slice(0, 9) item.childArr = item.child.slice(0, 9)
}) })
@ -101,7 +111,6 @@ page {
color: #000000; color: #000000;
padding: 20upx 0; padding: 20upx 0;
font-weight: bold; font-weight: bold;
// border-bottom: 3upx solid #dfdbdb;
} }
.border { .border {
@ -112,7 +121,7 @@ page {
display: flex; display: flex;
color: #333333; color: #333333;
font-size: 28upx; font-size: 28upx;
min-height: 90rpx; min-height: 220rpx;
border-top: 1px solid #dfdbdb; border-top: 1px solid #dfdbdb;
.helpMain { .helpMain {
@ -126,7 +135,6 @@ page {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
border-bottom: 1px solid #dfdbdb;
.titleIcon { .titleIcon {
width: 50upx; width: 50upx;
@ -156,8 +164,8 @@ page {
.mainItem { .mainItem {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
// align-items: center;
width: calc(100% - 90px); width: calc(100% - 90px);
margin: 20rpx 20rpx 20rpx 40rpx;
.itemText { .itemText {
width: 50%; width: 50%;
@ -165,29 +173,25 @@ page {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
text-align: center; text-align: center;
// padding: 24upx 16upx;
height: 90upx; height: 90upx;
line-height: 90upx; line-height: 90upx;
padding: 0 10upx; padding: 0 10upx;
border-bottom: 1px solid #dfdbdb; border-top: 1px solid #dfdbdb;
border-left: 1px solid #dfdbdb; border-left: 1px solid #dfdbdb;
} }
// :first-child { .itemText:nth-child(odd) {
// border-right: 1px solid #dfdbdb; border-left: none;
// } }
// :nth-child(2n) {
// border-left: 1px solid #dfdbdb;
// }
// :last-child { .itemText:nth-child(1) {
// border-left: 1px solid #dfdbdb; border-top: 0;
// } padding-right: 1px;
}
// :nth-child(3) { .itemText:nth-child(2) {
// border-right: 1px solid #dfdbdb; border-top: 0;
// } }
} }
} }
} }

@ -269,7 +269,7 @@
<view class="text-group_21"> <view class="text-group_21">
<text class="text_71" <text class="text_71"
v-if="orderTodoInfo.recovery_order.already_number">{{orderTodoInfo.recovery_order.already_number>=100?"99+":orderTodoInfo.recovery_order.already_number}}</text> v-if="orderTodoInfo.recovery_order.already_number">{{orderTodoInfo.recovery_order.already_number>=100?"99+":orderTodoInfo.recovery_order.already_number}}</text>
<text class="text_81">{{userInfo.user_type == 40?'已验收':'已完成'}}</text> <text class="text_81">已验收</text>
</view> </view>
</view> </view>
<view class="image-text_21" @click="toRecovery(3)"> <view class="image-text_21" @click="toRecovery(3)">

Loading…
Cancel
Save