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

version/0412
fanfan 9 months ago
parent 40290e0441
commit 5cd0f3d3c4
  1. 66
      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' : ''"
v-for="(item, index) in itemList" :key="index">
<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>
<!-- <image :src="item.img_url" class="titleIcon" mode="widthFix"></image> -->
<view class="mainText">
<text>{{ item.name }}</text>
<u-icon name="arrow-right" v-if="item.name != ''" color="#8B8B8B" size="22"></u-icon>
</view>
</view>
<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>
@ -36,8 +35,8 @@
</template>
<script>
import * as help from '@/api/help'
export default {
import * as help from '@/api/help'
export default {
data() {
return {
itemList: [],
@ -61,6 +60,17 @@ export default {
if (res.status == 200) {
that.itemList = res.data.list;
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.child.slice(0, 9)
})
@ -75,16 +85,16 @@ export default {
})
},
}
}
}
</script>
<style lang="scss" scoped>
page {
page {
min-height: 100%;
padding-bottom: 120upx;
}
}
.help {
.help {
height: 100%;
@ -101,7 +111,6 @@ page {
color: #000000;
padding: 20upx 0;
font-weight: bold;
// border-bottom: 3upx solid #dfdbdb;
}
.border {
@ -112,7 +121,7 @@ page {
display: flex;
color: #333333;
font-size: 28upx;
min-height: 90rpx;
min-height: 220rpx;
border-top: 1px solid #dfdbdb;
.helpMain {
@ -126,7 +135,6 @@ page {
align-items: center;
flex-direction: column;
position: relative;
border-bottom: 1px solid #dfdbdb;
.titleIcon {
width: 50upx;
@ -156,8 +164,8 @@ page {
.mainItem {
display: flex;
flex-wrap: wrap;
// align-items: center;
width: calc(100% - 90px);
margin: 20rpx 20rpx 20rpx 40rpx;
.itemText {
width: 50%;
@ -165,29 +173,25 @@ page {
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
// padding: 24upx 16upx;
height: 90upx;
line-height: 90upx;
padding: 0 10upx;
border-bottom: 1px solid #dfdbdb;
border-top: 1px solid #dfdbdb;
border-left: 1px solid #dfdbdb;
}
// :first-child {
// border-right: 1px solid #dfdbdb;
// }
// :nth-child(2n) {
// border-left: 1px solid #dfdbdb;
// }
.itemText:nth-child(odd) {
border-left: none;
}
// :last-child {
// border-left: 1px solid #dfdbdb;
// }
.itemText:nth-child(1) {
border-top: 0;
padding-right: 1px;
}
// :nth-child(3) {
// border-right: 1px solid #dfdbdb;
// }
.itemText:nth-child(2) {
border-top: 0;
}
}
}
}
@ -242,9 +246,9 @@ page {
}
}
}
}
}
.dialog {
.dialog {
position: fixed;
top: 0;
left: 0;
@ -261,5 +265,5 @@ page {
width: 80%;
overflow: auto;
}
}
}
</style>

@ -269,7 +269,7 @@
<view class="text-group_21">
<text class="text_71"
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 class="image-text_21" @click="toRecovery(3)">

Loading…
Cancel
Save