hfysite/components/supportCom/support.vue

<template>
  <div>
    <div class="title">
      <span>技术支持</span>
    </div>
    <ul class="content">
      <li class="item">
        <div class="item-title">
          <span>Q: 如何获取帮助？</span>
        </div>
        <div class="item-content">
          <span>A: 使用合方圆无线通信模块的客户朋友需要技术支持的请整理好相关问题发送给我们技术支持杨工</span>
          <br/>
          <span>电话号码:
            <span class="mark">15817487997</span>
            <span class="text-m">微信同号</span>
          </span>
        </div>
      </li>

      <li class="item">
        <div class="item-title">
          <span>Q: 如何二次开发？</span>
        </div>
        <div class="item-content">
          <span>A: 需要二次开发模块功能的客户请联系相关销售安排专业的技术人员技术支持 </span>
          <br/>
          <span>手机微信同号。:
            <span class="mark" >15817487997</span>
            <span class="text-m">刘工</span>
          </span>
        </div>
      </li>

      <li class="item">
        <div class="item-title">
          <span>Q: 如何定制开发？</span>
        </div>
        <div class="item-content">
          <span>A: 需要定制化开发模块功能,以及识别算法的客户请联系相关销售人员来获得更多支持 </span>
          <br/>
          <span>手机微信同号。:
            <span class="mark" >15817487997</span>
            <span class="text-m mark">刘工</span>
          </span>
        </div>
      </li>

      <li class="item">
        <div class="item-title">
          <span>Q: 如何向我们反馈问题？</span>
        </div>
        <div class="item-content">
          <span>A: 关于GPRS+GPS无线模块的以及4G模块PCB设计中出现的的问题，请及时联系合方圆销售或发送邮件给技术支持袁工。 </span>
          <br/>
        </div>
      </li>

      <li class="item">
        <div class="item-title">
          <span>Q: 如何使用我们的产品？</span>
        </div>
        <div class="item-content">
          <span>A: 关于终端产品使用有详细的使用说明、如有不明白的请联系我们的代理商。 </span>
          <br/>
        </div>
      </li>
    </ul>
    <div class="support-end">
      若您在产品使用过程中遇到问题，欢迎联系我们为您解决，感谢您对合方圆的支持~
    </div>
  </div>
</template>

<script>
export default {
  name: "support"
}
</script>

<style scoped>
.title{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.content{
  width: 100%;
  height: auto;
  padding: 0 20px;
}
.content .item{
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  list-style: none;
  box-shadow: 0 0 5px #ccc;
  padding: 10px;
}
.content .item-all{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  list-style: none;
  box-shadow: 0 0 5px #ccc;
  padding: 10px;
}
.content .item .item-title{
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.content .item .item-content{
  width: 100%;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}
</style>