You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
2.8 KiB
113 lines
2.8 KiB
<template>
|
|
<view class="help-container container-with-lines full-height-with-titile">
|
|
<view v-for="(item, findex) in list" :key="findex" :title="item.title" class="list-title">
|
|
<view class="text-title">
|
|
<view :class="item.icon"></view>{{ item.title }}
|
|
</view>
|
|
<view class="childList">
|
|
<view v-for="(child, zindex) in item.childList" :key="zindex" class="question" hover-class="hover"
|
|
@click="handleText(child)">
|
|
<view class="text-item">{{ child.title }}</view>
|
|
<view class="line" v-if="zindex !== item.childList.length - 1"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: [{
|
|
icon: 'iconfont icon-community',
|
|
title: this.$languageData.settings.questTitle,
|
|
childList: [{
|
|
title: this.$languageData.tmp.questt1,
|
|
content: this.$languageData.tmp.anst1
|
|
}, {
|
|
title: this.$languageData.tmp.questt2,
|
|
content: this.$languageData.tmp.anst2
|
|
}, {
|
|
title: this.$languageData.tmp.questt3,
|
|
content: "http://www.lfpay.la/"
|
|
}, {
|
|
title: this.$languageData.tmp.questt4,
|
|
content: this.$languageData.tmp.anst4
|
|
}]
|
|
},
|
|
{
|
|
icon: 'iconfont icon-help',
|
|
title: this.$languageData.settings.otherQuesTitle,
|
|
childList: [{
|
|
title: this.$languageData.tmp.questo1,
|
|
content: this.$languageData.tmp.anso1,
|
|
}, {
|
|
title: this.$languageData.tmp.questo2,
|
|
content: this.$languageData.tmp.anso2,
|
|
}, {
|
|
title: this.$languageData.tmp.questo3,
|
|
content: this.$languageData.tmp.anso3,
|
|
}]
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
handleText(item) {
|
|
this.$tab.navigateTo(`/pages/common/textview/index?title=${item.title}&content=${item.content}`)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
page {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.help-container {
|
|
margin-bottom: 100rpx;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.list-title {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.childList {
|
|
background: #ffffff;
|
|
box-shadow: 0px 0px 10rpx rgba(193, 193, 193, 0.2);
|
|
border-radius: 16rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.line {
|
|
width: 100%;
|
|
height: 1rpx;
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.text-title {
|
|
// color: #303133;
|
|
color: #fff;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
margin-left: 10rpx;
|
|
|
|
.iconfont {
|
|
font-size: 16px;
|
|
margin-right: 10rpx;
|
|
}
|
|
}
|
|
|
|
.text-item {
|
|
font-size: 28rpx;
|
|
padding: 24rpx;
|
|
}
|
|
|
|
.question {
|
|
color: #606266;
|
|
font-size: 28rpx;
|
|
}
|
|
</style>
|
|
|