nsgk_mobile/src/views/lawEnforcement/agreement/index.vue

<template>
  <div class="app-container">
    <van-nav-bar
      title="产品协议"
      fixed
      placeholder
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="textareaBox">
      <p class="title">产品协议(草案)</p>
      <p style="margin-bottom: 15px">欢迎您来到农业执法APP。</p>
      <p style="margin-bottom: 30px">请您仔细阅读以下条款，如果您对本协议的任何条款表示异议，您可以选择不进入。当您注册成功，无论是进入App，还是在农业执法上发布任何内容（即内容），均意味着您（即用户）完全接受本协议项下的全部条款。</p>
      <p class="title">使用规则</p>
      <p style="margin-bottom: 30px">1. 用户注册成功后，农业执法将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。</p>
      <p style="margin-bottom: 30px">2. 用户须对在农业执法的注册信息的真实性、合法性、有效性承担全部责任，用户不得冒充他人；不得利用他人的名义发布任何信息；不得恶意使用注册帐号导致其他用户误认；否则知乎有权立即停止提供服务，收回其帐号并由用户独自承担由此而产生的一切法律责任。</p>
      <p style="margin-bottom: 30px">3. 用户直接或通过各类方式（如 RSS 源和站外 API 引用等）间接使用知乎服务和数据的行为，都将被视作已无条件接受本协议全部内容；若用户对本协议的任何条款存在异议，请停止使用知乎所提供的全部服务。</p>
    </div>
  </div>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
      active:0,
      message:'',
      password:'',
      newPassword:'',
      fileList: [
        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
        // Uploader 根据文件后缀来判断是否为图片文件
        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
        { url: 'https://cloud-image', isImage: true },
      ],
    };
  },
  created() {

  },
  methods: {

  },
};
</script>

<style scoped lang="scss">
@font-face {
  font-family: SourceHanSansCNBold;
  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
}
.headTit{
  font-size: 12PX;
  color: rgba(102,102,102,0.5);
  width: 90%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
p{
  color: rgba(102,102,102,0.7);
}
  .textareaBox{
    width: 94%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 15PX 4%;
    border-radius: 8PX;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    margin-top: 15PX;
    .van-field{
      padding: 5PX 0 0;
      border-top: 1px solid #eee;
    }
    .title{
      font-size: 0.45rem;
      margin-bottom: 15PX;
      color: #333333;
    }
    .van-row{
      text-align: center;
      margin-bottom: 10PX;
      .active{
        background-color: #1D6FE9;
        color: #FFF;
      }
      p{
        display: inline-block;
        padding: 5PX 12PX;
        border-radius: 5PX;
        border: 1px solid #1D6FE9;
        color: #1D6FE9;
      }
    }
  }
.loginOut{
     width: 88%;
     margin: 10PX 6%;
     border-radius: 8Px;
     box-shadow: 0PX 5PX 5PX #cccccc;
     border: none;
     background-color: #1D6FE9;
     color: #FFF;
   }
</style>