detail.vue

<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>