|
|
|
@ -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> |