tk-mini-program/pages/Mine/minecomponents/serviceProtocol.vue

<template>
  <view class="service-protocol">
    <view class="bg">
      <image class="bgImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png" mode="scaleToFill" />
    </view>
    <view class="Return" @click="onBack">
      <image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
    </view>
    <view class="title">服务协议</view>
    <view class="content">
      <scroll-view show-scrollbar="false" scroll-y="true" class="scroll">
      <view class="serviceProtocolContent">
          <view class="spctitlecss">《PK 助手 Global》用户服务协议</view>
          <view class="spccontent">欢迎您使用《PK 助手 Global》（以下简称“本小程序”）。在使用本小程序提供的各项服务前，请您务必认真阅读并充分理解本协议内容，特别是免除或限制责任的条款。您的使用行为即视为对本协议全部内容的认可。</view>
          <view class="spctitle">一、服务内容</view>
          <view class="spccontent">本小程序为用户提供包括但不限于 TikTok PK 约战信息展示、约定、实时监控、排行榜、数据分析等辅助功能。所有服务仅供用户个人学习、交流或辅助使用，不构成商业承诺或担保。</view>
          <view class="spctitle"> 二、用户使用规范</view>
          <view class="spccontent"> 1.	用户不得利用本小程序进行任何违法、违规或侵害他人合法权益的行为；</view>
          <view class="spccontent">	2.	不得试图干扰、破坏小程序正常运行；</view>
          <view class="spccontent"> 3.	不得逆向分析、复制、出售、转让或非法传播小程序内容与技术。</view>
          <view class="spctitle"> 三、隐私与数据保护</view>
          <view class="spccontent">我们高度重视您的隐私权，本小程序可能会收集部分必要的设备信息或行为数据（如使用频率、操作日志），仅用于优化产品功能。我们承诺不收集任何个人敏感信息（如身份证号、支付信息、联系人等），不对外披露或转让任何用户数据，除非法律法规要求。</view>
          <view class="spctitle"> 四、免责声明</view>
          <view class="spccontent">1.	本小程序作为辅助工具，不对第三方平台的可用性、稳定性、数据准确性做出保证；</view>
          <view class="spccontent">2.	如因网络、平台变动、设备问题等不可控因素造成服务中断或异常，开发者不承担责任；</view>
          <view class="spccontent">3.	对于用户因使用本程序产生的任何直接或间接损失，开发者不承担法律责任。</view>
          <view class="spctitle"> 五、知识产权</view>
          <view class="spccontent">本小程序及其所有内容（包括界面、图标、代码、文案等）归开发者所有，受相关法律保护。未经授权，禁止任何形式的复制、传播、修改或商业使用。</view>
          <view class="spctitle"> 六、协议修改与终止</view>
          <view class="spccontent">我们有权根据需要不时更新本协议，并以适当方式通知用户。修改后的协议一经公布即视为生效，若您继续使用本程序，则视为接受修改内容。如您不同意本协议或其任何修改内容，您应立即停止使用。</view>
          <view class="spctitle"> 七、适用法律与争议解决</view>
          <view class="spccontent">本协议的订立、执行与解释及争议的解决均应适用中华人民共和国法律。因本协议产生的任何争议，双方应友好协商解决，协商不成的，提交开发者所在地人民法院诉讼解决。</view>
      </view>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "Hello",
    };
  },
  onLoad() {
    // 页面加载时执行
  },
  onShareAppMessage(res) {
    if (res.from === 'menu') {
      return {
        title: '分享',
        path: "/pages/Home/Home"
      }
    }
  },
  methods: {
    onBack() {
      // 返回上一页
      wx.navigateBack({
        delta: 1,
      });
    },
  },
};
</script>

<style scoped>
.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.bgImg {
  width: 100%;
  height: 100%;
}
.Return {
  position: absolute;
  top: 110rpx;
  left: 35rpx;
  width: 46rpx;
  height: 46rpx;
}
.title {
  position: absolute;
  top: 120rpx;
  left: 335rpx;
  font-size: 34rpx;
  color: #100e0f;
  font-weight: bold;
}
.ReturnImg {
  width: 100%;
  height: 100%;
}
/* 建设中 */
.content{
  position: absolute;
  top: 250rpx;
  left: 0rpx;
  right: 0rpx;
  bottom: 100rpx;
}
.building{
  width: 100%;
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.buildingTitle{
  font-size: 40rpx;
  color: #999999;
  font-weight: bold;
  text-align: center;
  margin-top: 50rpx;
}
.scroll{
  width: 100%;
  height: 100%;
}
.scroll ::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  display: none;
}
.serviceProtocolContent{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.spctitlecss{
  font-size: 30rpx;
  color: #100e0f;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40rpx;
}
.spctitle{
  width: 650rpx;
  font-size: 24rpx;
  color: #100e0f;
  font-weight: bold;
  margin-top: 20rpx;
}
.spccontent{
  width: 650rpx;
  font-size: 20rpx;
  color: #666666;
  text-align: justify;
  margin-top: 10rpx;
}
</style>