<template>
    <div>
        <van-nav-bar title="帮助" />
        <div class="main">
            <div class="list" @click="goLxwm">
                <div><van-icon name="phone" class="blue" />联系我们</div>
                <div class="kh">></div>
            </div>
            <div class="list" @click="goWtfk">
                <div><van-icon name="question" class="blue" />问题反馈</div>
                <div class="kh">></div>
            </div>
            <div class="list">
                <div><van-icon name="notes" class="blue" />使用教程</div>
                <div class="kh">></div>
            </div>
        </div>
    </div>
</template>
<script>
import { NavBar,Icon } from 'vant';
export default {
    components: {
        VanNavBar: NavBar,
        VanIcon: Icon,
    },
    methods:{
        goLxwm(){
            this.$router.push('/Contact')
        },
        goWtfk(){
            this.$router.push('/ProFeedback')
        }
    }
}
</script>
<style scoped>
.main {
    margin-top: 6px;
    background-color: #fff;
}

.list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px 0 20px;
    border-bottom: solid 1px #e0e0e0;
}

.kh {
    color: rgb(199, 199, 204);
}
.blue{
    color: rgb(70,130,255);
    margin-right: 10px;
}
</style>