106 lines
2.8 KiB
Vue
106 lines
2.8 KiB
Vue
<template>
|
||
<view class="help-container">
|
||
<view v-for="(item, findex) in list" :key="findex" :title="item.title" class="list-title">
|
||
<view class="text-title">
|
||
<view>{{ item.title }}</view>
|
||
</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: [{
|
||
title: 'KINIT 问题',
|
||
childList: [{
|
||
title: 'KINIT-UNI 是使用若依-移动端进行的二次开发吗？',
|
||
content: '是的，是在若依-移动端的基础上进行的二次开发，在此感谢若依团队！二次开发中我们重新将接口请求改为 luch-request 组件，项目结构也有所改动，并且加入了 uView UI 组件，uni-simple-router 路由拦截。'
|
||
},{
|
||
title: 'KINIT 开源吗？',
|
||
content: '开源'
|
||
}, {
|
||
title: 'KINIT 可以商用吗？',
|
||
content: '可以'
|
||
}, {
|
||
title: 'KINIT 源码地址多少？',
|
||
content: 'https://gitee.com/ktianc/kinit'
|
||
}]
|
||
},
|
||
{
|
||
title: '其他问题',
|
||
childList: [{
|
||
title: '如何退出登录？',
|
||
content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
|
||
}, {
|
||
title: '如何修改用户头像？',
|
||
content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
|
||
}, {
|
||
title: '如何修改登录密码？',
|
||
content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
|
||
}]
|
||
}
|
||
]
|
||
}
|
||
},
|
||
methods: {
|
||
handleText(item) {
|
||
this.$tab.navigateTo(`/pages/common/textview/index?title=${item.title}&content=${item.content}`)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
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;
|
||
font-size: 32rpx;
|
||
font-weight: bold;
|
||
margin-left: 10rpx;
|
||
}
|
||
|
||
.text-item {
|
||
font-size: 28rpx;
|
||
padding: 24rpx;
|
||
}
|
||
|
||
.question {
|
||
color: #606266;
|
||
font-size: 28rpx;
|
||
}
|
||
</style>
|