detail.vue 2.48 KB
Newer Older
786817560's avatar
786817560 committed
1 2 3
<!--
 * @Author: your name
 * @Date: 2019-11-11 16:28:45
786817560's avatar
786817560 committed
4
 * @LastEditTime: 2019-12-03 10:04:41
786817560's avatar
786817560 committed
5 6 7 8
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \hls-xcmg-vue-app\src\pages\help\detail.vue
 -->
9 10
<template>
  <h-view id="help-detail" class="public-style">
11
    <h-header :proportion="[5,1,1]" class="bar-custom">
12 13 14 15 16 17
      <div slot="left" class="h-header-btn">
        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
        <span>帮助与反馈</span>
      </div>
    </h-header>
    <h-content class="my-content">
786817560's avatar
786817560 committed
18 19
      <h4>{{ title }}</h4>
      <div v-if="title === '如何进行客户绑定?'" class="article">
20 21
        <p>进入“个人中心"界面,点击”用户绑定“按钮进入用户绑定界面,填写相关资料可进行用户绑定。</p>
      </div>
786817560's avatar
786817560 committed
22 23 24 25
      <div v-if="title === '如何通过扫描录入进件?'" class="article">
        <p></p>
      </div>
      <div v-if="title === '如何进行“产品试算”?'" class="article">
786817560's avatar
786817560 committed
26
        <p>进入首页“产品试算”功能,选择产品进入试算页面,填写设备金额、保险押金、还款日期等数据,即可进行试算。</p>
786817560's avatar
786817560 committed
27 28 29 30 31 32 33
      </div>
      <div v-if="title === '产品展示功能如何使用?'" class="article">
        <p>进入首页“产品查询”功能,选择产品名称即可展示该类产品。</p>
      </div>
      <div v-if="title === '如何进行“合同还款”?'" class="article">
        <p>进入首页“合同还款”功能,即可展示所有合同还款状态,点击“查看合同明细”,可查看还款的详细信息。</p>
      </div>
34 35 36 37 38
    </h-content>
  </h-view>
</template>
<script>
export default {
786817560's avatar
786817560 committed
39 40 41 42 43 44 45 46 47 48 49 50
  data () {
    return {
      title: '',
    }
  },
  beforeRouteEnter (to, from, next) {
    next(vm => {
      if (from.name === 'HelpList') {
        vm.title = vm.$route.params.title
      }
    })
  },
51 52 53 54 55 56 57 58
}
</script>
<style lang="less" scoped>
#help-detail{
  .my-content{
      h4{
    font-family: PingFangSC-Semibold;
font-size: 15px;
59
color: @headerColor;
60 61 62 63 64 65 66 67 68
letter-spacing: 0;
line-height: 20px;
margin-top:16px;
padding-left:35px;
position: relative;
      }
h4::before{
    content:'';
    display:inline-block;
69
    background-color: @headerColor;
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
    position: absolute;
    top:5px;
    left:24px;
    width: 4px;
    height:12px;
}
.article{
width:343px;
margin:0 auto;
p{
    font-family: PingFangSC-Regular;
font-size: 14px;
color: #656464;
text-align: left;
line-height: 20px;
text-indent:20px;
}
}
  }
}
</style>