chelvc-custom/src/pages/client/clientUser/mine/setting/agreement.vue

<template>
  <view class="page">
    <scroll-view class="content" scroll-y>
      <!-- 用户协议内容 -->
      <view class="section">
        <view class="paragraph">
          <p>
            欢迎使用车旅程科技有限公司的产品服务！车旅程科技有限公司（以下简称“本公司”）提供的产品服务由车旅程科技有限公司及其关联方通过网站、移动应用程序等方式向您提供。
          </p>
          <p>
            在使用本公司的产品/服务之前，请您仔细阅读并理解本用户协议。如果您不同意本协议的任何内容，请您停止使用本公司的产品/服务。
          </p>
          <p class="title-p">1、服务内容</p>
          <p>
            本公司提供的产品/服务包括但不限于：提供在线购物平台，用户可以在平台上浏览和购买商品；提供用户注册和登录功能，用户可以通过注册和登录账号来使用本公司的产品/服务；提供用户个人信息管理功能，用户可以在个人中心管理和修改个人信息；提供订单管理功能，用户可以查看和管理自己的订单；提供售后服务，用户可以申请退款、退货等售后服务.
          </p>

          <p class="title-p">2、用户权利和义务</p>
          <p>2.1 用户有权根据本公司的规定使用本公司的产品/服务。</p>
          <p>
            2.2 用户应当遵守国家法律法规和本公司的相关规定，不得利用本公司的产品/服务从事违法活动。
          </p>
          <p>2.3 用户应当保护好自己的账号和密码，不得将账号和密码透露给他人。</p>
          <p>2.4 用户应当按照本公司的规定支付商品的购买款项，并按时收取商品。</p>
          <p>2.5 用户应当配合本公司进行商品的配送、退款、退货等售后服务。</p>

          <p class="title-p">3、个人信息保护</p>
          <p>3.1 本公司将按照法律法规和隐私政策的要求，保护用户的个人信息。</p>
          <p>3.2 用户应当按照本公司的要求提供真实、准确、完整的个人信息。</p>
          <p>3.3 本公司将采取合理的安全措施，保护用户的个人信息不被泄露、篡改或丢失。</p>
          <p>3.4 用户可以根据本公司的隐私政策行使自己的个人信息权利。</p>

          <p class="title-p">4、免责声明</p>
          <p>4.1 本公司不对用户使用本公司的产品/服务所产生的任何直接或间接损失承担责任。</p>
          <p>4.2 用户在使用本公司的产品/服务时应自行承担风险，本公司不对用户的行为负责。</p>
          <p>
            4.3
            本公司不对因不可抗力、计算机病毒、黑客攻击等原因导致的服务中断、数据丢失等问题承担责任。
          </p>

          <p class="title-p">5、协议的变更和终止</p>
          <p>5.1 本公司有权根据需要修改本用户协议，并在网站上公布修改后的协议内容。</p>
          <p>5.2 用户如果不同意修改后的协议内容，可以停止使用本公司的产品/服务。</p>
          <p>5.3 本公司有权根据法律法规和业务需要终止本用户协议，并停止向用户提供产品/服务。</p>

          <p class="title-p">6、法律适用和争议解决</p>
          <p>6.1 本用户协议适用中华人民共和国的法律。</p>
          <p>
            6.2
            用户和本公司之间的争议应当通过友好协商解决，协商不成的，可以向有管辖权的人民法院提起诉讼。
          </p>

          <p>
            请您在使用本公司的产品/服务之前，仔细阅读并理解本用户协议。如果您对协议内容有任何疑问，请随时联系我们。
          </p>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<style>
.paragraph {
  padding: 5px;
  font-size: 14px;
  line-height: 1.6;
  text-indent: 2em;
}
.title-p {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  text-indent: 0; /* 取消子级段落缩进 */
}
</style>