<template>
  <div class="app-container">
    <van-nav-bar
      title="帮助反馈"
      fixed
      placeholder
      left-arrow
      @click-left="onClickLeft"
    />
    <van-cell>
      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
      <template #icon>
        <van-image src="../../../../static/images/lawEnforcement/helpImg.png" width="84" height="84" />
      </template>
      <template #title>
        <p class="topTit">快来告诉农业执法<br/>您有那些问题或建议</p>
      </template>
    </van-cell>

    <div class="cellBox">
      <van-cell class="fk">
        <template #title>
          <p>功能异常/体验问题/产品建议等</p>
        </template>
        <template #default>
          <van-button type="info" size="mini" to="/lawEnforcement/feedbackForm">我要反馈</van-button>
        </template>
      </van-cell>

      <van-cell title="其他问题" is-link value="联系客服" />
    </div>

  </div>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      active:0,
      message:'',
      password:'',
      newPassword:''
    };
  },
  created() {

  },
  methods: {

  },
};
</script>

<style scoped lang="scss">
@font-face {
  font-family: SourceHanSansCNBold;
  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
}
.van-cell__title .topTit{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.van-cell__title{
  flex: 0.7;
}
.van-cell__value{
  flex: 0.3;
}
.fk {
  margin-bottom: 10PX;
  .van-cell__value{
    line-height: 1;
  }
  .van-button{
    border-radius: 5PX;
    padding-left: 10PX;
    padding-right: 10PX;
  }
}
.cellBox{
  padding: 10PX 3%;
  .van-cell{
    border-radius: 8PX;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }
}
</style>
