detail.vue 1.52 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
<template>
  <h-view id="help-detail" class="public-style">
    <h-header :proportion="[5,1,1]" class="header">
      <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">
      <h4>如何进行客户绑定?</h4>
      <div class="article">
        <p>进入“个人中心"界面,点击”用户绑定“按钮进入用户绑定界面,填写相关资料可进行用户绑定。</p>
      </div>
    </h-content>
  </h-view>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
#help-detail{
    .header {
    background-color: #00469c;
    color: #ffffff;
    .h-header-btn {
      img {
        width: 16px;
        height: 16px;
      }
      span {
        font-family: PingFangSC-Semibold;
        font-size: 17px;
        color: #ffffff;
        letter-spacing: 0.61px;
        margin-left: 16px;
      }
    }
  }
  .my-content{
      h4{
    font-family: PingFangSC-Semibold;
font-size: 15px;
color: #00469C;
letter-spacing: 0;
line-height: 20px;
margin-top:16px;
padding-left:35px;
position: relative;
      }
h4::before{
    content:'';
    display:inline-block;
    background-color: #00469C;
    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>