feat: mine

wupengfei

2025-02-13 d864edfd4d033ad01d053cf7ac585fa1efd07fe5

feat: mine

 apps/bMiniApp/src/app.config.ts

@@ -47,6 +47,8 @@
        'userPolicy/userPolicy',
        'loginByForm/loginByForm',
        'registerForm/registerForm',
        'mineUserPolicy/mineUserPolicy',
        'privacyPolicy/privacyPolicy',
      ],
    },
    {
@@ -59,6 +61,10 @@
      ],
    },
    {
      root: 'subpackages/mine',
      pages: ['setting/setting'],
    },
    {
      root: 'subpackages/city',
      pages: ['citySelect/citySelect'],
    },

 apps/bMiniApp/src/assets/mine/Group 304224@2x.png

 apps/bMiniApp/src/assets/mine/Group 304225@2x.png

 apps/bMiniApp/src/assets/mine/Group 304226@2x.png

 apps/bMiniApp/src/assets/mine/icon-bg.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-business-card.png

 apps/bMiniApp/src/assets/mine/icon-card.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-collect.png

 apps/bMiniApp/src/assets/mine/icon-edit.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-female.png

 apps/bMiniApp/src/assets/mine/icon-id-bg.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-lamp.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-male.png

 apps/bMiniApp/src/assets/mine/icon-menu-business.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-menu-contact.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-message.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-record.png

 apps/bMiniApp/src/assets/mine/icon-setting.png

Binary files differ

 apps/bMiniApp/src/assets/mine/icon-unCertified.png

Binary files differ

 apps/bMiniApp/src/components/UserHome/UserHomeTopView.vue

@@ -1,33 +1,11 @@
<template>
  <div class="mine-page-top-view">
    <slot name="avatar"></slot>
    <div class="setting-wrapper" v-if="showUserHomePageBtn" @click="goUserHomePage">
      <div class="setting-text">我的主页</div>
    </div>
  </div>
  <div class="mine-page-operation-wrapper" v-if="showOperation">
    <div class="mine-page-operation-item" @click="goEditProfile">
      <img class="mine-page-operation-item-icon" :src="IconEdit" />
      <div class="mine-page-operation-item-text">编辑资料</div>
      <img class="mine-page-operation-item-arrow" :src="IconArrow" />
    </div>
    <button class="mine-page-operation-item share" open-type="share">
      <!-- <div class="mine-page-operation-item-inner"> -->
      <img class="mine-page-operation-item-icon" :src="IconCard" />
      <div class="mine-page-operation-item-text">发送名片</div>
      <img class="mine-page-operation-item-arrow" :src="IconArrow" />
      <!-- </div> -->
    </button>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
import { useUser, useIsLogin } from '@/hooks';
import Taro from '@tarojs/taro';
import IconEdit from '@/assets/mine/icon-edit.png';
import IconCard from '@/assets/mine/icon-card.png';
import IconArrow from '@/assets/mine/icon-arrow.png';

defineOptions({
  name: 'UserHomeTopView',
});
@@ -41,109 +19,17 @@
  showUserHomePageBtn: false,
  showOperation: false,
});

const { userDetail } = useUser();

function goUserHomePage() {
  Taro.navigateTo({
    url: `${RouterPath.userHomePage}?userId=${userDetail.value?.userId}`,
  });
}

function goEditProfile() {
  Taro.navigateTo({
    url: RouterPath.userInfo,
  });
}
</script>

<style lang="scss">
@import '@/styles/common.scss';

.mine-page-top-view {
  padding-top: 34px;
  display: flex;
  margin-bottom: 20px;

  .setting-wrapper {
    height: 56px;
    background: rgba(#000, $alpha: 0.15);
    border-radius: 200px 0px 0px 200px;
    align-self: center;
    display: flex;
    align-items: center;
    margin-right: calc(boleGetCssVar('size', 'body-padding-h') * -1);
    padding-left: 24px;
    padding-right: 16px;

    .setting-icon {
      width: 32px;
      height: 32px;
      margin-right: 4px;
      margin-left: 32px;
    }

    .setting-text {
      font-weight: 400;
      font-size: 24px;
      color: #ffffff;
      line-height: 34px;
    }
  }
}

.mine-page-operation-wrapper {
  display: flex;
  padding-top: 22px;
  margin-bottom: 36px;

  .mine-page-operation-item {
    flex: 1;
    min-width: 0;
    align-items: center;
    display: flex;
    padding-left: 28px;
    border-right: 1px solid #efefef;

    &:last-child {
      border-right: none;
    }

    &.share {
      background-color: transparent;
      padding-right: 0;
      appearance: none;
      text-align: left;

      &::after {
        border: none;
      }
      /* .mine-page-operation-item-inner {
        display: flex;
        align-items: center;
      } */
    }

    .mine-page-operation-item-icon {
      width: 32px;
      height: 32px;
      margin-right: 8px;
    }

    .mine-page-operation-item-text {
      flex: 1;
      min-width: 0;
      font-weight: bold;
      font-size: 24px;
      color: boleGetCssVar('text-color', 'primary');
      line-height: 34px;
    }

    .mine-page-operation-item-arrow {
      width: 28px;
      height: 28px;
      margin-right: 28px;
    }
  }
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 30px 20px 0;
  margin-top: 30px;
}
</style>

 apps/bMiniApp/src/constants/img.ts

@@ -2,7 +2,7 @@

export const OssAssets = {
  common: {
    CommonPageBg: `${OssBasePath}/matchMakingMini/assets/common/icon-common-page-bg.png`,
    CommonPageBg: `${OssBasePath}/flexJobMini/assets/common/icon-common-page-bg.png`,
  },
  mine: {
    Bg: `${OssBasePath}/matchMakingMini/assets/mine/icon-bg.png`,

 apps/bMiniApp/src/constants/router.ts

@@ -2,6 +2,8 @@
  authorization = '/subpackages/login/authorization/authorization',
  userPolicy = '/subpackages/login/userPolicy/userPolicy',
  loginByForm = '/subpackages/login/loginByForm/loginByForm',
  mineUserPolicy = '/subpackages/login/mineUserPolicy/mineUserPolicy',
  privacyPolicy = '/subpackages/login/privacyPolicy/privacyPolicy',
  registerForm = '/subpackages/login/registerForm/registerForm',
  home = '/pages/home/index',
  mine = '/pages/mine/index',

 apps/bMiniApp/src/pages/mine/index.scss

@@ -15,9 +15,10 @@
    flex: 1;
    min-width: 0;
    display: flex;
    padding-bottom: 30px;

    .mine-avatar {
      margin-right: 24px;
      margin-right: 30px;
    }

    .user-info {
@@ -29,123 +30,110 @@
      justify-content: space-between;

      .user-info-item {
        font-weight: 600;
        font-size: 32px;
        color: #ffffff;
        line-height: 44px;
        @include ellipsis;
      }

      .user-info-item2 {
        font-weight: 400;
        font-size: 24px;
        color: #ffffff;
        line-height: 34px;
      }

      .user-info-unCertified {
        display: inline-flex;
        display: flex;
        align-items: center;
        height: 40px;
        background: #fffae0;
        border-radius: 4px;
        padding: 0 8px;
        width: fit-content;
        .user-info-item-name {
          display: inline-flex;
          font-size: 34px;
          line-height: 34px;
          font-weight: bold;
          color: boleGetCssVar('text-color', 'primary');
        }
        .user-info-item-gender {
          display: inline-flex;
          margin: 0 13px;

        .user-info-unCertified-icon {
          .user-info-item-gender-icon {
          width: 28px;
          height: 28px;
        }

        }
        .user-info-item-position {
          display: inline-flex;
          font-size: 24px;
          color: boleGetCssVar('text-color', 'regular');
        }
        .user-info-unCertified-text {
          font-weight: 400;
          font-size: 22px;
          color: #a0541e;
          line-height: 24px;
          font-size: 28px;
          margin-right: 18px;
          color: boleGetCssVar('text-color', 'secondary');
        }
        .user-info-unCertified-btn {
          font-weight: 400;
          font-size: 28px;
          color: boleGetCssVar('color', 'primary');
        }

        .user-info-certified-text {
          font-weight: 400;
          font-size: 24px;
          line-height: 28px;
          color: boleGetCssVar('text-color', 'secondary');
          @include ellipsis();
        }
        .user-info-certified-btn {
          font-size: 28px;
          line-height: 28px;
          font-weight: 400;
          color: #2a9e1b;
          flex-shrink: 0;
        }
      }
    }

    .mine-go-login {
      font-size: 40px;
      color: #fff;
      color: boleGetCssVar('text-color', 'primary');
      line-height: 120px;
    }
  }

  .mine-business-card {
    padding: 30px 15px;
    border-top: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .mine-business-card-item {
      display: inline-flex;
      align-items: center;

      .mine-business-card-item-icon {
        width: 40px;
        height: 40px;
        margin-right: 8px;
      }

      .mine-business-card-item-text {
        font-weight: 500;
        font-size: 28px;
        color: boleGetCssVar('text-color', 'primary');
        line-height: 34px;
      }
    }
  }

  .mine-content-scroll-view {
    padding-top: 26px;
  }

    .mine-id-menu-wrapper {
      height: 124px;
      background: url('https://renliyuan.oss-cn-hangzhou.aliyuncs.com/12333/matchMakingMini/assets/mine/icon-id-bg.png')
        no-repeat;
      background-size: cover;
  .mine-content-record {
      display: flex;
      align-items: center;
      padding: 0 boleGetCssVar('size', 'body-padding-h');
      margin-bottom: 24px;

      .mine-id-menu-icon {
        width: 24px;
        height: 36px;
        margin-right: 16px;
      }

      .mine-id-menu-text {
        font-weight: 400;
        font-size: 28px;
        color: #ffffff;
        line-height: 40px;
        flex: 1;
        min-width: 0;
      }

      .mine-id-menu-btn {
        width: 152px;
        height: 52px;
        background: #ffffff;
        border-radius: 26px;
        font-weight: bold;
        font-size: 24px;
        color: #444444;
        line-height: 52px;
        text-align: center;
      }
    }

    .mine-menu-list {
      display: flex;
      gap: 30px;
      margin-bottom: 24px;

      .mine-menu-list-item {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        height: 152px;
        background: #ffffff;
    justify-content: space-between;
    .mine-content-record-item {
      background-color: #ffffff;
        border-radius: 8px;
        padding-left: 48px;

        .mine-menu-list-item-icon {
      padding: 40px 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      .mine-content-record-item-icon {
          width: 72px;
          height: 72px;
          margin-right: 24px;
        }

        .mine-menu-list-item-text {
          font-weight: 400;
          font-size: 28px;
          color: #333333;
          line-height: 40px;
        }
      }
    }

    .mine-setting-list {
      border-radius: 8px;
    }
  }
}

 apps/bMiniApp/src/pages/mine/index.vue

@@ -1,5 +1,5 @@
<template>
  <PageLayout class="mine-page-wrapper" :need-auth="false">
  <PageLayoutWithBg class="mine-page-wrapper" :need-auth="false">
    <template #navigationBar>
      <TransparentNavigationBar
        title="个人中心"
@@ -11,53 +11,78 @@
      <img :src="OssAssets.mine.Bg" class="mine-page-bg" :style="{ height: `${bgHeight}px` }" />
    </template>
    <ContentView>
      <UserHomeTopView :showUserHomePageBtn="false" :showOperation="isLogin">
      <UserHomeTopView>
        <template #avatar>
          <div class="mine-avatar-wrapper" @click="goLogin">
            <UserAvatar :size="60" class="mine-avatar" />
            <div class="user-info" v-if="isLogin">
              <div class="user-info-item">{{ userDetail?.userName ?? '' }}</div>
              <div class="user-info-item2" v-if="isCertified">
                {{ userDetail?.customerName ?? '' }}
              <div class="user-info-item">
                <div class="user-info-item-name">{{ userDetail?.userName ?? '123' }}</div>
                <div class="user-info-item-gender">
                  <img v-if="1" :src="IconMale" class="user-info-item-gender-icon" />
                  <img v-else :src="IconFemale" class="user-info-item-gender-icon" />
              </div>
              <div class="user-info-unCertified" v-else @click.stop="goAuthentication">
                <img :src="IconUnCertified" class="user-info-unCertified-icon" />
                <div class="user-info-item-position">管理员</div>
              </div>
              <div class="user-info-item">
                <template v-if="isCertified">
                <div class="user-info-unCertified-text">未认证</div>
                  <div class="user-info-unCertified-btn" @click.stop="goAuthentication">
                    立即认证
                  </div>
                </template>
                <template v-else>
                  <div class="user-info-certified-text">
                    {{ userDetail?.customerName ?? '123' }}
                  </div>
                  <div class="user-info-certified-btn">已认证</div>
                </template>
              </div>
            </div>
            <div class="mine-go-login" v-else>去登录</div>
          </div>
        </template>
      </UserHomeTopView>
    </ContentView>
    <ContentScrollView v-if="isLogin" class="mine-content-scroll-view">
      <div class="mine-id-menu-wrapper">
        <img :src="IconLamp" class="mine-id-menu-icon" />
        <!-- <div class="mine-business-card">
          <div class="mine-business-card-item">
            <img class="mine-business-card-item-icon" :src="IconBusinessCard" alt="" />
            <div class="mine-business-card-item-text">我的电子名片</div>
      </div>
      <List class="mine-setting-list">
        <ListItem :icon="IconSetting" title="设置" @click="goSetting"></ListItem>
      </List>
    </ContentScrollView>
  </PageLayout>
          <div class="mine-business-card-btn">
            <nut-button type="info">递名片</nut-button>
          </div>
        </div> -->
      </UserHomeTopView>
      <div class="mine-content-record">
        <div class="mine-content-record-item">
          <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
          <div class="mine-content-record-item-text">我的收藏</div>
        </div>
        <div class="mine-content-record-item">
          <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
          <div class="mine-content-record-item-text">联系记录</div>
        </div>
      </div>
      <div class="mine-content"></div>
    </ContentView>
    <ContentScrollView v-if="isLogin" class="mine-content-scroll-view"> </ContentScrollView>
  </PageLayoutWithBg>
</template>

<script setup lang="ts">
import {
  PageLayout,
  PageLayoutWithBg,
  TransparentNavigationBar,
  ContentScrollView,
  UserHomeTopView,
} from '@/components';
import IconUnCertified from '@/assets/mine/icon-unCertified.png';
import IconLamp from '@/assets/mine/icon-lamp.png';
import IconMenuBusiness from '@/assets/mine/icon-menu-business.png';
import IconMenuContact from '@/assets/mine/icon-menu-contact.png';
import IconSetting from '@/assets/mine/icon-setting.png';
import IconMessage from '@/assets/mine/icon-message.png';
import IconBusinessCard from '@/assets/mine/icon-business-card.png';
import IconCollect from '@/assets/mine/icon-collect.png';
import IconRecord from '@/assets/mine/icon-record.png';
import IconMale from '@/assets/mine/icon-male.png';
import IconFemale from '@/assets/mine/icon-female.png';
import { useUser, useIsLogin, useGoLogin } from '@/hooks';
import Taro from '@tarojs/taro';
import { RouterPath, OssAssets } from '@/constants';
import { List, ListItem } from '@12333/components';
import { useSystemStore } from '@/stores/modules/system';

const { userDetail, isCertified } = useUser();

 apps/bMiniApp/src/subpackages/login/mineUserPolicy/index.config.ts

New file
@@ -0,0 +1,3 @@
export default definePageConfig({
  disableScroll: true,
});

 apps/bMiniApp/src/subpackages/login/mineUserPolicy/mineUserPolicy.vue

New file
@@ -0,0 +1,401 @@
<template>
  <PageLayout title="用户协议" :needAuth="false" class="userPolicy-page-wrapper">
    <scroll-view style="height: 100%" :scroll-y="true">
      <div class="userPolicy-page-scrollview-content">
        <div class="userPolicy-page-title">818平台用户服务协议</div>
        <UserPolicyCell title="一、接受条款">
          <div>
            1、本协议由您与818平台的经营者（以下称“平台”）共同缔结，本服务协议具有合同效力。
          </div>
          <div>
            2、由于互联网高速发展，您与平台签署的本协议列明的条款并不能完整罗列并覆盖您与平台所有权利与义务，现有的约定也不能保证完全符合未来发展的需求。因此，所有平台已经发布的或将来可能发布的各类规则均为本协议的补充协议，与本协议不可分割且具有同等法律效力。如您继续使用平台服务，视为您同意上述补充协议。
          </div>
          <div>
            3、在本服务协议中没有以“规则”字样表示的链接文字所指示的文件不属于本服务协议的组成部分，而是其它内容的协议或有关参考数据，与本协议没有法律上的直接关系。
          </div>
          <div>
            4、用户在使用平台提供的各项服务的同时，承诺接受并遵守各项相关规则的规定。平台有权根据需要不时地制定、修改本协议或各类规则，如本协议有任何变更，平台将以网站公告的形式进行更新，不再单独通知予您。如用户不同意相关变更，必须停止使用“服务”。经修订的协议一经在平台网站上公布后，立即自动生效。各类规则会在发布后生效，亦成为本协议的一部分。登录或继续使用“服务”将表示用户接受经修订的协议。除另行明确声明外，任何使“服务”范围扩大或功能增强的新内容均受本协议约束。
          </div>
          <div>
            5、用户确认本服务协议后，本服务协议即在用户和平台之间产生法律效力。请用户务必在注册之前认真阅读全部服务协议内容，如有任何疑问，可向平台咨询。
            <div>
              1）无论用户事实上是否在注册之前认真阅读了本服务协议，只要用户点击协议正本下方的“确认”按钮并按照平台注册程序成功注册为用户，用户的行为仍然表示其同意并签署了本服务协议。
            </div>
            <div>2）本协议不涉及用户与平台其它用户之间因网上交易而产生的法律关系及法律纠纷。</div>
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="二、定义">
          <div>
            1、818平台：818平台指由818平台经营者运营的网络平台，包括但不限于818人力资源产业链平台，域名为www.81812333.com及81812333小程序等。
          </div>
          <div>
            2、818平台经营者：平台经营者是指法律认可的经营该平台网站的责任主体，有关818平台经营者的信息请查看818平台首页顶部的“关于”链接。
          </div>
          <div>
            3、818平台服务：818平台服务是指平台注册用户可在818平台上发布企业信息、交易信息、查询产品、产品相关信息及其他服务信息、达成交易意向并进行交易、对其他注册用户进行评价、参加平台组织的活动以及使用其它信息服务及技术服务。
          </div>
          <div>
            4、用户及用户账户：
            <div>
              1.用户：用户必须是具备完全民事行为能力的自然人，或者是具有合法经营资格的实体组织。无民事行为能力人、限制民事行为能力人以及无经营或特定经营资格的组织不当注册为平台用户或超过其民事权利或行为能力范围从事交易的，其与平台之间的服务协议自始无效，平台一经发现，有权立即注销该用户，并追究其使用平台“服务”的一切法律责任。
            </div>
            <div>
              2.用户注册：用户注册是指用户登陆平台，并按要求填写相关信息并确认同意履行相关用户协议的过程。
            </div>
            <div>
              3.账户转让：由于用户账户关联用户信用信息，仅当有法律明文规定、司法裁定或经平台同意的情况下，您可进行账户的转让。您的账户一经转让，该账户项下权利义务一并转移。除此外，您的账户不得以任何方式转让，否则平台有权追究您的违约责任，且由此产生的一切责任均由您承担。
            </div>
            <div>
              4.实名认证：为使您更好地使用平台的各项服务，保障您的账户安全，平台可要求您按国家法律法规的规定完成实名认证。
            </div>
            <div>
              5.不活跃账户回收：如您的账户同时符合以下条件，您的平台登录账户可能被屏蔽，不能再登陆平台，所有平台服务将同时终止：
            </div>
            <div>5.1.未通过实名认证的平台账户；</div>
            <div>5.2.连续180天未使用您的邮箱、手机或平台认可的其他方式和密码登录过平台网站；</div>
            <div>5.3.不存在未到期的有效业务</div>
            <div>6.注册信息管理</div>
            <div>
              6.1.在完成注册或激活流程时，您应当按平台相应页面的提示准确完整地提供并及时更新您的信息，以使之真实、及时，完整和准确。在国家法律法规有明确规定要求平台作为平台服务提供者必须对用户（如人力资源公司等）的信息进行核实的情况下，平台将依法不时地对您的信息进行检查核实，您应当配合提供最新、真实、完整、有效的信息。
            </div>
            <div>
              6.2.如平台按您最后一次提供的信息与您联系未果、您未按平台的要求及时提供信息、您提供的信息存在明显不实或行政司法机关核实您提供的信息无效的，您将承担因此对您自身、他人及平台造成的全部损失与不利后果。平台可向您发出询问或要求整改的通知，并要求您进行资料更新或重新认证，直至中止、终止对您提供部分或全部平台服务，平台对此不承担责任。
            </div>
            <div>
              6.3.您设置的账户登录名及昵称不得违反国家法律法规及平台规则的相应管理规定，否则平台可回收您的登录名及昵称，并按平台规则进行相应的处理。
            </div>
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="三、用户的权利和义务">
          <div>
            1、用户有权使用您设置或确认的邮箱、手机号码（以下简称“账户名称”）及您设置的密码（账户名称及密码合称“账户”）登录平台。
            由于您的平台网账户关联您的个人信息及平台商业信息，您的平台网账户仅限您本人使用。未经平台同意，您直接或间接授权第三方使用您平台网账户或获取您账户项下信息的行为无效。如平台判断您账户的使用可能危及您的账户安全及/或平台信息安全的，平台可拒绝提供相应服务或终止本协议。
          </div>
          <div>
            2、用户应积极维护平台运营秩序，不得通过软件、程序等方式，大批量注册账户，妨害平台运营秩序（以下简称“不当注册”）。对于平台排查到的涉嫌不当注册的会员，平台将视情节采取警告、身份验证、限制开通展台、限制购买网站相关服务、限制发布产品、限制网站登录等临时性管理措施。
          </div>
          <div>
            3、用户有权根据本服务协议的规定以及平台上发布的相关规则利用平台发布企业信息、交易信息、查询产品、产品相关信息及其他服务信息、达成交易意向并进行交易、对其他注册用户进行评价、参加平台组织的活动以及使用其它信息服务及技术服务。
          </div>
          <div>
            4、用户在平台网上交易过程中如与平台其他用户因交易产生纠纷，可以请求平台从中予以协调。用户如发现平台其他用户有违法或违反本服务协议的行为，可以向平台进行反映要求处理。如用户因网上交易与其他用户产生诉讼的，用户有权通过司法部门要求平台提供相关资料；
          </div>
          <div>
            5、用户有义务在注册时提供自己的真实资料，并保证诸如电子邮件地址、联系电话、联系地址、邮政编码等内容的有效性及安全性，保证平台及平台其他用户可以通过上述联系方式与自己进行联系。同时，用户也有义务在相关资料实际变更时及时更新有关注册资料。用户保证不以他人资料在平台上进行注册或认证；如用户提供的信息不真实、不准确、不及时或不完全，或平台有合理的理由怀疑其真实性、准确性、及时性和完整性，则平台有权视情况对用户采取警告、账户限权限制直至账户屏蔽等管理措施，并有权拒绝用户使用任何现有的服务及以后可能提供的任何功能或服务。
          </div>
          <div>
            6、用户应充分了解并同意，818人力资源产业链平台是一个行业平台，故您的询价、采购行为应当基于真实的行业需求，不得存在对产品及/或服务实施恶意询价、采购、恶意维权等扰乱平台正常交易秩序的行为。基于维护平台交易秩序及交易安全的需要，平台发现上述情形时可主动执行关闭相关交易订单等操作。
          </div>
          <div>7、用户在平台上不得发布如下各类违法或违规信息；</div>
        </UserPolicyCell>
        <UserPolicyCell title="四、平台的权利和义务">
          <div>
            1、平台有义务在现有技术上维护整个平台的正常运行，并努力提升和改进技术，使用户网上交易活动得以顺利进行；
          </div>
          <div>
            2、对用户在注册使用平台中所遇到的与交易或注册有关的问题及反映的情况，平台应及时作出回复；
          </div>
          <div>
            3、对于用户在平台上的不当行为或其它任何平台认为应当终止服务的情况，平台有权随时作出删除相关信息、终止服务提供等处理，而无须征得用户的同意；
          </div>
          <div>
            4、因网上交易平台的特殊性，平台没有义务对所有用户的注册数据、所有的交易行为以及与交易有关的其它事项进行事先审查，但如存在下列情况：
            <div>1）用户或其它第三方通知平台，认为某个具体用户或具体交易事项可能存在重大问题；</div>
            <div>
              2）用户或其它第三方向平台告知平台上有违法或不当行为的，平台以普通非专业交易者的知识水平标准对相关内容进行判别，可以明显认为这些内容或行为具有违法或不当性质的；
            </div>
            <div>
              针对上述情况（包括但不限于），平台有权根据不同情况选择保留或删除相关信息或继续、停止对该用户提供服务，并追究相关法律责任。
            </div>
          </div>
          <div>
            5、用户在平台交易过程中如与平台其它用户因交易产生纠纷，请求平台从中予以调处，经平台审核后，平台有权通过电话、电子邮件等联系方式向纠纷双方了解情况，并将所了解的情况通过电话、电子邮件等联系方式互相通知对方；
          </div>
          <div>
            6、用户因在平台上交易与其它用户产生诉讼的，用户通过司法部门或行政部门依照法定程序要求平台提供相关数据，平台应积极配合并提供有关资料；
          </div>
          <div>
            7、平台有权对用户的注册数据及交易行为进行查阅，发现注册数据或交易行为中存在任何问题或怀疑，均有权向用户发出询问及要求改正的通知或者直接作出删除等处理；
          </div>
          <div>
            8、经国家生效法律文书或行政处罚决定确认用户存在违法行为，或者平台有足够事实依据可以认定用户存在违法或违反服务协议行为的，平台有权在平台上以公告发布的形式公布用户的违法行为；
          </div>
          <div>
            9、对于用户在平台发布的下列各类信息，平台有权在不通知用户的前提下进行删除或采取其它限制性措施，包括但不限于以规避费用为目的的信息；以炒作信用为目的的信息；平台有理由相信存在欺诈等恶意或虚假内容的信息；平台有理由相信与网上交易无关或不是以交易为目的的信息；平台有理由相信存在恶意竞价或其它试图扰乱正常交易秩序因素的信息；平台有理由相信该信息违反公共利益或可能严重损害平台和其它用户合法利益的；
          </div>
          <div>
            10、用户因进行交易、获取有偿服务或接触平台服务器而发生的所有应纳税赋，以及一切硬件、软件、服务及其它方面的费用均由用户负责支付；
          </div>
          <div>
            11、平台仅作为交易地点。平台仅作为用户物色交易对象，就产品和服务的交易进行协商，以及获取各类相关的服务的地点。平台不能控制交易所涉及的物品、服务的质量、安全或合法性，信息的真实性或准确性，以及交易方履行其在协议项下的各项义务的能力；
          </div>
          <div>
            12、平台并不作为买家或是卖家的身份参与买卖行为的本身。平台提醒用户应该通过自己的谨慎判断确定相关信息的真实性、合法性和有效性；
          </div>
          <div>
            13、许可使用权。
            用户以此授予平台及其关联公司独家的、全球通用的、永久的、免费的许可使用权利
            (并有权在多个层面对该权利进行再授权)，使平台及其关联公司有权(全部或部份地)
            使用、复制、修订、改写、发布、翻译、分发、执行和展示用户的全部资料数据（包括但不限于注册资料、交易行为数据及全部展示于网站的各类信息）或制作其派生作品，和/或以现在已知或日后开发的任何形式、媒体或技术，将上述信息纳入其它作品内。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="五、用户的违约及处理">
          <div>1、违约认定</div>
          <div>发生如下情形之一的，视为您违约：</div>
          <div>1.使用平台服务时违反有关法律法规规定的；</div>
          <div>2.违反本协议或平台将在未来更新的其他类型的补充协议的；</div>
          <div>
            为适应电子商务发展和满足海量用户对高效优质服务的需求，您理解并同意，平台可在平台规则中约定违约认定的程序和标准。如：平台可依据您的用户数据与海量用户数据的关系来认定您是否构成违约；您有义务对您的数据异常现象进行充分举证和合理解释，否则将被认定为违约。
          </div>
          <div>2、违约处理措施</div>
          <div>
            1.您在平台上发布的信息构成违约的，平台可根据相应规则立即对相应信息进行删除、屏蔽处理。
          </div>
          <div>
            2.您在平台上实施的行为，或虽未在平台上实施但对平台及其用户产生影响的行为构成违约的，平台可依据相应规则对您执行账户惩戒、限制参加活动、中止向您提供部分或全部服务、划扣违约金等处理措施。如您的行为构成根本违约的，平台可关闭您的账户，终止向您提供服务。
          </div>
          <div>
            3.当您违约的同时存在欺诈、售假、盗用他人账户等特定情形或您存在危及他人交易安全或账户安全风险时，平台会依照您行为的风险程度对您的平台账户采取取消收款、资金止付等强制措施。
          </div>
          <div>
            4.平台可将对您上述违约行为处理措施信息以及其他经国家行政或司法机关生效法律文书确认的违法信息在平台上予以公示。
          </div>
          <div>3、赔偿责任</div>
          <div>
            1.如您的行为使平台遭受损失（包括自身的直接经济损失、商誉损失及对外支付的赔偿金、和解款、律师费、诉讼费等间接经济损失），您应赔偿平台的上述全部损失。
          </div>
          <div>
            2.如您的行为使平台遭受第三人主张权利，平台可在对第三人承担金钱给付等义务后就全部损失向您追偿。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="六、服务的中断和终止">
          <div>
            1、用户同意，在平台未向用户收取服务费的情况下，平台可自行全权决定以任何理由
            (包括但不限于平台认为用户已违反本协议的字面意义和精神，或以不符合本协议的字面意义和精神的方式行事，或用户在超过180天的时间内未以用户的账号及密码登录网站等)
            终止用户的“服务”密码、账户 (或其任何部份)
            或用户对“服务”的使用，并删除（不再保存）用户在使用“服务”中提交的任何资料。同时平台可自行全权决定，在发出通知或不发出通知的情况下，随时停止提供“服务”或其任何部份。账号终止后，平台没有义务为用户保留原账号中或与之相关的任何信息，或转发任何未曾阅读或发送的信息给用户或第三方。此外，用户同意，平台不就终止用户接入“服务”而对用户或任何第三者承担任何责任；
          </div>
          <div>
            2、如用户向平台提出注销平台注册用户身份时，经平台审核同意，由平台注销该注册用户，用户即解除与平台的服务协议关系。但注销该用户账号后，平台仍保留下列权利：
          </div>
          <div>1）用户注销后，平台有权保留该用户的注册数据及以前的交易行为记录；</div>
          <div>
            2）用户注销后，如用户在注销前在平台交易平台上存在违法行为或违反合同的行为，平台仍可行使本服务协议所规定的权利。
          </div>
          <div>3、在下列情况下，平台可以通过注销用户的方式终止服务：</div>
          <div>
            1）在用户违反本服务协议相关规定时，平台有权终止向该用户提供服务。平台将在中断服务时通知用户。但如该用户在被平台终止提供服务后，再一次直接或间接或以他人名义注册为平台用户的，平台有权再次单方面终止向该用户提供服务；
          </div>
          <div>
            2）如平台通过用户提供的信息与用户联系时，发现用户在注册时填写的手机号码、电子邮箱已不存在或无法接听电话或接收电子邮件的，经平台以其它联系方式通知用户更改，而用户在三个工作日内仍未能提供新的手机号码或电子邮箱地址的，平台有权终止向该用户提供服务；
          </div>
          <div>
            3）一旦平台发现用户注册数据中主要内容是虚假的，平台有权随时终止向该用户提供服务；
          </div>
          <div>
            4）一旦平台发现用户盗用他人账户、发布违禁信息、欺诈、售假、扰乱市场秩序、采取不正当手段牟利等行为的，平台有权随时终止向该用户提供服务；
          </div>
          <div>
            5）平台基于合理理由相信用户的行为可能会使平台及平台用户等相关方发生严重损害或产生法律责任的，平台有权随时终止向该用户提供服务；
          </div>
          <div>6）对于隐瞒其从事同业互联网服务的用户，平台一经发现，有权立即终止服务；</div>
          <div>7）本服务协议终止或更新时，用户明示不愿接受新的服务协议的；</div>
          <div>8）其它平台认为需终止服务的情况。</div>
          <div>
            4、服务中断、终止之前用户交易行为的处理因用户违反法律法规或者违反服务协议规定而致使平台中断、终止对用户服务的，对于服务中断、终止之前用户交易行为依下列原则处理：
          </div>
          <div>
            1）服务中断、终止之前，用户已经上传至平台的产品尚未交易或尚未交易完成的，平台有权在中断、终止服务的同时删除此项产品的相关信息；
          </div>
          <div>
            2）服务中断、终止之前，用户已经就其它用户出售的具体产品作出要约，但交易尚未结束，平台有权在中断或终止服务的同时删除该用户的相关要约；
          </div>
          <div>
            3）服务中断、终止之前，用户已经与另一用户就具体交易达成一致，平台可以不删除该项交易，但平台有权在中断、终止服务的同时将用户被中断或终止服务的情况通知用户的交易对方。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="七、隐私权政策">
          <div>1、适用范围：</div>
          <div>1）在用户注册平台账户时，用户根据平台要求提供的个人注册信息；</div>
          <div>
            2）在用户使用平台服务，参加平台活动，或访问平台网站时，平台自动接收并记录的用户浏览器上的服务器数值，包括但不限于IP地址等数据及用户要求取用的网页记录；
          </div>
          <div>
            3）平台收集到的用户在平台进行交易的有关数据，包括但不限于出价、购买、产品登录、信用评价及违规记录；
          </div>
          <div>4）平台通过合法途径从商业伙伴处取得的用户个人数据。</div>
          <div>
            5）我们收集数据是根据您与我们的互动和您所做出的选择，包括您的隐私设置以及您使用的产品和功能。我们收集的数据可能包括SDK/API/JS代码版本、浏览器、互联网服务提供商、IP地址、平台、时间戳、应用标识符、应用程序版本、应用分发渠道、独立设备标识符、iOS广告标识符（IDFA)、安卓广告主标识符、网卡（MAC）地址、国际移动设备识别码（IMEI）、设备型号、终端制造厂商、终端设备操作系统版本、会话启动/停止时间、语言所在地、时区和网络状态（WiFi等）、硬盘、CPU和电池使用情况等。
          </div>
          <div>2、信息使用：</div>
          <div>1）平台不会向任何人出售或出借用户的个人信息，除非事先得到用户得许可。</div>
          <div>
            2）平台亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播用户的个人信息。任何用户如从事上述活动，一经发现，平台有权立即终止与该用户的服务协议，查封其账号。
          </div>
          <div>
            3）为服务用户的目的，平台可能通过使用用户的个人信息，向用户提供服务及产品改进，包括但不限于向用户发出产品和服务信息，或者与平台合作伙伴共享信息以便他们向用户发送有关其产品和服务的信息（后者需要用户的事先同意）。例如，我们聘请来提供数据分析服务的公司可能需要采集和访问个人数据以进行数据统计和分析。在这种情况下，这些公司必须遵守我们的数据隐私和安全要求。
          </div>
          <div>
            4）我们已在上文介绍了处理个人数据的目的。我们处理个人数据的法律基础包括：为履行与您之间的合同（例如，为您提供您所请求的服务、对您进行识别和认证，以便您可以使用网站）；为遵守法律要求（例如，为遵守适用的会计规则，履行执法部门强制披露的要求）；为保护我们的正当利益（例如，管理我们与您的关系，为确保我们服务的安全性，与您沟通我们的产品和服务）；以及基于我们客户的同意（例如，投放cookies，为广告宣传之目的与第三方共享您的信息）。在某些情况下，您可能需要为我们提供个人数据以进行上述的处理，以便我们能够为您提供我们的全部服务，并方便您使用我们网站的全部功能。
          </div>
          <div>
            5）个人数据的跨境传输。针对欧盟成员国用户，我们的业务可能需要我们转移您的个人数据至欧洲经济区以外的国家（中国）。我们会采取适当的措施以确保您个人数据的接收者履行保密义务，并确保如标准合同条款等措施的执行。您可以通过联系我们的帮助中心获得这些条款。
          </div>
          <div>
            6）针对欧盟成员国用户，根据适用法律，您有权反对或要求限制对您个人数据的处理，并要求您本人数据的访问、校正、删除和可携带权。在对您的信息的使用是基于您的同意的情况下，您有权在任何时候撤回该同意，但同意的撤回不影响撤回前基于同意进行的数据处理的合法性。您可以通过客服电话16505012333向我们提交您的要求。如果您发现您的信息发生变化或不准确，请将这些变化通知我们以便我们的记录可以被更新或更正。如果您认为我们对您个人数据的处理违反了适用法律，您可以向监管机构投诉。我们对您个人数据的保留时间视向您提供服务或产品的需要而定，或根据适用法律如税法和会计法的要求或许可确定。
          </div>
          <div>3、信息披露，用户的个人信息将在下述情况下部分或全部被披露：</div>
          <div>1）经用户同意，向第三方披露；</div>
          <div>
            2）如用户是符合资格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；
          </div>
          <div>
            3）根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
          </div>
          <div>4）如果用户出现违反中国有关法律或者网站政策的情况，需要向第三方披露；</div>
          <div>5）为提供您所要求的产品和服务，而必须和第三方分享用户的个人信息；</div>
          <div>
            6）在平台上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出信息披露请求的，平台有全权可以决定向该用户提供其交易对方的联络方式等必要信息，以促成交易的完成或纠纷的解决；
          </div>
          <div>7）其它平台根据法律或者网站政策认为合适的披露。</div>
          <div>4、信息安全：</div>
          <div>1）平台及平台账户均有安全保护功能，请妥善保管用户的账户及密码信息；</div>
          <div>
            2）在使用平台服务进行网上交易时，用户不可避免的要向交易对方或潜在的交易对方提供自己的个人信息，如联络方式或者邮政地址。请用户妥善保护自己的个人信息，仅在必要的情形下向他人提供；
          </div>
          <div>
            3）如果用户发现自己的个人信息泄密，尤其是平台账户及密码发生泄露，请用户立即联络平台客服，以便平台采取相应措施。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="八、责任范围和责任限制">
          <div>
            1、您明确理解和同意，平台不对因下述任一情况而发生的任何损害赔偿承担责任，包括但不限于利润、商誉、使用、数据等方面的损失或其他无形损失的损害赔偿
            (无论平台是否已被告知该等损害赔偿的可能性)：
          </div>
          <div>1）使用或未能使用“服务；</div>
          <div>2）第三方未经批准的接入或第三方更改用户的传输数据或数据；</div>
          <div>
            3）第三方对“服务”的声明或关于“服务”的行为；或非因平台的原因而引起的与“服务”有关的任何其它事宜，包括疏忽。
          </div>
          <div>
            2、平台会尽一切努力使您在使用平台的过程中得到乐趣。遗憾的是，平台不能随时预见到任何技术上的问题或其他困难。该等困难可能会导致数据损失或其他服务中断。为此，您明确理解和同意，您使用“服务”的风险由您自行承担，且“服务”以“按现状”和“按可得到
            ”的状态提供。平台明确声明不作任何种类的明示或暗示的保证，包括但不限于关于适销性、适用于某一特定用途和无侵权行为等方面的保证。平台对下述内容不作保证：
          </div>
          <div>1）“服务”会符合您的要求；</div>
          <div>2）“服务”不会中断，且适时、安全和不带任何错误；</div>
          <div>3）通过使用“服务”而可能获取的结果将是准确或可信赖的；</div>
          <div>
            4）您通过“服务”而购买或获取的任何产品、服务、资料或其他材料的质量将符合您的预期。通过使用“服务”而下载或以其他形式获取任何材料是由您自行全权决定进行的，且与此有关的风险由您自行承担，对于因您下载任何该等材料而发生的您的电脑系统的任何损毁或任何数据损失，您将自行承担责任。您从平台或通过或从“服务”获取的任何口头或书面意见或资料，均不产生未在本协议内明确载明的任何保证责任。
          </div>
          <div>
            3、不论在何种情况下，平台均不对由于信息网络正常的设备维护，信息网络连接故障，电脑、通讯或其他系统的故障，电力故障，罢工，劳动争议，暴乱，起义，骚乱，生产力或生产资料不足，火灾，洪水，风暴，爆炸，战争，政府行为，司法行政机关的命令或第三方的不作为而造成的不能服务或延迟服务承担责任。
          </div>
          <div>
            4、平台仅向您提供本协议约定之服务，您了解平台上的信息系用户自行发布，且可能存在风险和瑕疵。平台将通过依照法律规定建立相关检查监控制度尽可能保障您在平台上的合法权益及良好体验。同时，鉴于平台具备存在海量信息及信息网络环境下信息与实物相分离的特点，平台无法逐一审查产品及/或服务的信息，无法逐一审查交易所涉及的产品及/或服务的质量、安全以及合法性、真实性、准确性，对此您应谨慎判断。
          </div>
          <div>
            5、您理解并同意，在争议调处服务中，平台的客服并非专业人士，仅能以普通人的认知对用户提交的凭证进行判断，平台不保证争议调处决定一定符合您的期望，除存在故意或重大过失外，平台对争议调处决定免责。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="九、政策修改：平台保留对本政策作出不时修改的权利。"></UserPolicyCell>
        <UserPolicyCell title="十、商标、知识产权的保护">
          <div>
            1、平台上所有内容，包括但不限于著作、图片、档案、资讯、资料、网站架构、网站画面的安排、网页设计，均由平台依法拥有其知识产权，包括但不限于商标权、专利权、著作权、商业秘密等。
          </div>
          <div>
            2、非经平台书面同意，任何人不得擅自使用、修改、复制、公开传播、改变、散布、发行或公开发表平台网站程序或内容。
          </div>
          <div>3、尊重知识产权是您应尽的义务，如有违反，您应承担损害赔偿责任。</div>
        </UserPolicyCell>
        <UserPolicyCell title="十一、法律适用、管辖及其他">
          <div>
            1、本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国大陆地区法律，如无相关法律规定的，则应参照通用国际商业惯例和（或）行业惯例；
          </div>
          <div>
            2、您与平台仅为独立订约人关系。本协议无意结成或创设任何代理、合伙、合营、雇佣与被雇佣或特性授权与被授权关系；
          </div>
          <div>
            3、您同意平台因经营业务需要有权将本协议项下的权力义务就部分或全部进行转让，而无须再通知予您并取得您的同意；
          </div>
          <div>
            4、因本协议或平台服务所引起或与其有关的任何争议应向平台经营者所在地人民法院提起诉讼；
          </div>
          <div>
            5、本协议取代您和平台先前就相同事项订立的任何书面或口头协议。倘若本协议任何条款被裁定为无效或不可强制执行，该项条款应被撤销，而其余条款应予遵守和执行。条款标题仅为方便参阅而设，并不以任何方式界定、限制、解释或描述该条款的范围或限度。平台未就您或其他人士的某项违约行为采取行动，并不表明平台撤回就任何继后或类似的违约事件采取动的权利。
          </div>
        </UserPolicyCell>
      </div>
    </scroll-view>
  </PageLayout>
</template>

<script setup lang="ts">
import { PageLayout } from '@/components';
import { ScrollView } from '@tarojs/components';

defineOptions({
  name: 'mineUserPolicy',
});

const UserPolicyCell = defineComponent({
  name: 'UserPolicyCell',
  props: {
    title: {
      type: String,
    },
    content: {
      type: String,
    },
  },
  setup(props, { slots }) {
    return () => {
      return h('div', { class: 'userPolicy-cell-wrapper' }, [
        h('div', { class: 'userPolicy-cell-title' }, [props.title]),
        h('div', { class: 'userPolicy-cell-content' }, slots.default?.()),
      ]);
    };
  },
});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.userPolicy-page-wrapper {
  background-color: #fafafa;

  .userPolicy-page-scrollview {
    // flex: 1;
    height: 100%;
    box-sizing: border-box;
  }

  .userPolicy-page-scrollview-content {
    padding: 42px;

    .userPolicy-page-title {
      margin-bottom: 40px;
    }
  }

  .userPolicy-cell-wrapper {
    margin-bottom: 32px;

    .userPolicy-cell-title {
      color: #292929;
      font-size: 30px;
      margin-bottom: 22px;
      font-weight: 500;
    }

    .userPolicy-cell-content {
      div {
        font-size: 24px;
        line-height: 40px;
        text-indent: 28px;
        color: #888888;
      }
    }
  }
}
</style>

 apps/bMiniApp/src/subpackages/login/privacyPolicy/index.config.ts

New file
@@ -0,0 +1,3 @@
export default definePageConfig({
  disableScroll: true,
});

 apps/bMiniApp/src/subpackages/login/privacyPolicy/privacyPolicy.vue

New file
@@ -0,0 +1,172 @@
<template>
  <PageLayout title="隐私政策" :needAuth="false" class="userPolicy-page-wrapper">
    <scroll-view style="height: 100%" :scroll-y="true">
      <div class="userPolicy-page-scrollview-content">
        <div class="userPolicy-page-title">818人力资源产业链平台用户服务隐私政策</div>
        <UserPolicyCell title="1、适用范围：">
          <div>
            1）在用户注册818人力资源产业链平台账户时（以下简称“平台”），用户根据平台要求提供的相关个人信息；
          </div>
          <div>
            2）在用户使用平台服务，参加平台活动，或访问平台网站时，平台将自动接收并记录的用户浏览器上的服务器数值，包括但不限于IP地址等数据及用户要求取用的网页/客户端记录；
          </div>
          <div>
            3）平台收集到的用户在平台进行交易的有关数据，包括但不限于出价、购买、产品登录、信用评价及违规记录；
          </div>
          <div>4）平台通过合法途径从商业伙伴处取得的用户个人数据。</div>
          <div>
            5）我们收集数据是根据您与我们的互动和您所做出的选择，包括您的隐私设置以及您使用的产品和功能。我们收集的数据可能包括SDK/API/JS代码版本、浏览器、互联网服务提供商、IP地址、平台、时间戳、应用标识符、应用程序版本、应用分发渠道、独立设备标识符、iOS广告标识符（IDFA)、安卓广告主标识符、网卡（MAC）地址、国际移动设备识别码（IMEI）、设备型号、终端制造厂商、终端设备操作系统版本、会话启动/停止时间、语言所在地、时区和网络状态（WiFi等）等。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="2、信息使用：">
          <div>1）平台不会向任何人出售或出借用户的个人信息，除非事先得到用户得许可。</div>
          <div>
            2）平台亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播用户的个人信息。任何用户如从事上述活动，一经发现，平台有权立即终止与该用户的服务协议，查封其账号。
          </div>
          <div>
            3）为服务用户的目的，平台可能通过使用用户的个人信息，向用户提供服务及产品改进，包括但不限于向用户发出产品和服务信息，或者与平台合作伙伴共享信息以便他们向用户发送有关其产品和服务的信息（后者需要用户的事先同意）。例如，我们聘请来提供数据分析服务的公司可能需要采集和访问个人数据以进行数据统计和分析。在这种情况下，这些公司必须遵守我们的数据隐私和安全要求。
          </div>
          <div>
            4）我们已在上文介绍了处理个人数据的目的。我们处理个人数据的法律基础包括：为履行与您之间的合同（例如，为您提供您所请求的服务、对您进行识别和认证，以便您可以使用网站）；为遵守法律要求（例如，为遵守适用的会计规则，履行执法部门强制披露的要求）；为保护我们的正当利益（例如，管理我们与您的关系，为确保我们服务的安全性，与您沟通我们的产品和服务）；以及基于我们客户的同意（例如，投放cookies，为广告宣传之目的与第三方共享您的信息）。在某些情况下，您可能需要为我们提供个人数据以进行上述的处理，以便我们能够为您提供我们的全部服务，并方便您使用我们网站的全部功能。
          </div>
          <div>
            5）个人数据的跨境传输。针对欧盟成员国用户，我们的业务可能需要我们转移您的个人数据至欧洲经济区以外的国家（中国）。我们会采取适当的措施以确保您个人数据的接收者履行保密义务，并确保如标准合同条款等措施的执行。您可以通过联系我们的帮助中心获得这些条款。
          </div>
          <div>
            6）针对欧盟成员国用户，根据适用法律，您有权反对或要求限制对您个人数据的处理，并要求您本人数据的访问、校正、删除和可携带权。在对您的信息的使用是基于您的同意的情况下，您有权在任何时候撤回该同意，但同意的撤回不影响撤回前基于同意进行的数据处理的合法性。您可以通过客服电话：16505012333向我们提交您的要求。如果您发现您的信息发生变化或不准确，请将这些变化通知我们以便我们的记录可以被更新或更正。如果您认为我们对您个人数据的处理违反了适用法律，您可以向监管机构投诉。我们对您个人数据的保留时间视向您提供服务或产品的需要而定，或根据适用法律如税法和会计法的要求或许可确定。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="3、信息披露，用户的个人信息将在下述情况下部分或全部被披露：">
          <div>1）经用户同意，向第三方披露；</div>
          <div>
            2）如用户是符合资格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方处理可能的权利纠纷；
          </div>
          <div>
            3）根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
          </div>
          <div>4）如果用户出现违反中国有关法律或者网站政策的情况，需要向第三方披露；</div>
          <div>5）为提供您所要求的产品和服务，而必须和第三方分享用户的个人信息；</div>
          <div>
            6）在平台网上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出信息披露请求的，平台有全权可以决定向该用户提供其交易对方的联络方式等必要信息，以促成交易的完成或纠纷的解决；
          </div>
          <div>7）其它平台根据法律或者网站政策认为合适的披露。</div>
        </UserPolicyCell>
        <UserPolicyCell title="4、信息安全：">
          <div>1）平台及平台账户均有安全保护功能，请妥善保管用户的账户及密码信息；</div>
          <div>
            2）在使用平台服务进行网上交易时，用户不可避免的要向交易对方或潜在的交易对方提供自己的个人信息，如联络方式或者邮政地址。请用户妥善保护自己的个人信息，仅在必要的情形下向他人提供；
          </div>
          <div>
            3）如果用户发现自己的个人信息泄密，尤其是平台账户及密码发生泄露，请用户立即联络平台客服，以便平台采取相应措施。
            如用户对如何撤回信息授权有疑问，可以在工作日（周一到周五 及
            法定节假日调整的工作日）工作时间（09:00 -- 18:00）
            致电平台客服电话：16505012333，请客服人员协助处理
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="5、如何注销/删除账户">
          <div>
            1）用户可以在工作日（周一到周五及法定节假日调整的工作日）工作时间（09:00 -- 18:00）
            致电平台客服电话：16505012333，告知客服人员注册账户信息,并告知客服人员需要注销/删除个人用户信息，致电第二日开始计算，两个工作日内办结并致电/短信通知申请人。
          </div>
          <div>
            2）用户可以任何时间，访问平台反馈中心网页，www.81812333.com在线留言，客服工作日接收信息后，会致电申请人确认信息，并在两个工作日内办结。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="6、APP所收集个人信息的目的、方式和范围">
          <div>1）、平台所收集的信息，仅限于用户在平台网开展基础业务活动。</div>
          <div>2）、信息收集的方式和范围</div>
          <div>获取您相册、相机的权限，用于企业信息、订单发布、个人头像的图片上传。</div>
          <div>
            获取本地存储权限，我们将请求您的存储权限获取外置存储信息（SD卡数据）以保存您在平台千询的使用过程中的业务数据。
          </div>
          <div>
            获取您的设备信息（包括IMEI、设备序列号、OAID、MEID、Android
            ID、IMSI、GUID、MAC地址、SIM卡序列号），设备特征码和IP地址，已安装APP信息或运行中的进程信息，来保证您账号使用的唯一性、安全性。
          </div>
          <div>
            当您播放视频等内容时，为了适配您的设备状态，我们会调用设备的重力、加速度等传感器信息，以识别您的设备横竖屏状态。
          </div>
          <div>
            在您分享或接收被分享的信息时，需要在本地访问您的剪切板，读取其中包含的口令、分享码、链接等，以实现跳转、分享、活动联动等功能或服务。
          </div>
        </UserPolicyCell>
        <UserPolicyCell title="7、自启动和关联启动说明">
          <div>
            为确保本应用处于关闭或后台运行状态下可正常接收到客户端推送的广播消息，本应用须使用（自启动）能力，将存在一定频率通过系统发送广播唤醒本应用自启动或关联启动行为，是因实现功能及服务所必要的。
          </div>
        </UserPolicyCell>
      </div>
    </scroll-view>
  </PageLayout>
</template>

<script setup lang="ts">
import { PageLayout } from '@/components';
import { ScrollView } from '@tarojs/components';

defineOptions({
  name: 'privacyPolicy',
});

const UserPolicyCell = defineComponent({
  name: 'UserPolicyCell',
  props: {
    title: {
      type: String,
    },
    content: {
      type: String,
    },
  },
  setup(props, { slots }) {
    return () => {
      return h('div', { class: 'userPolicy-cell-wrapper' }, [
        h('div', { class: 'userPolicy-cell-title' }, [props.title]),
        h('div', { class: 'userPolicy-cell-content' }, slots.default?.()),
      ]);
    };
  },
});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.userPolicy-page-wrapper {
  background-color: #fafafa;

  .userPolicy-page-scrollview {
    // flex: 1;
    height: 100%;
    box-sizing: border-box;
  }

  .userPolicy-page-scrollview-content {
    padding: 42px;

    .userPolicy-page-title {
      margin-bottom: 40px;
    }
  }

  .userPolicy-cell-wrapper {
    margin-bottom: 32px;

    .userPolicy-cell-title {
      color: #292929;
      font-size: 30px;
      margin-bottom: 22px;
      font-weight: 500;
    }

    .userPolicy-cell-content {
      div {
        font-size: 24px;
        line-height: 40px;
        text-indent: 28px;
        color: #888888;
      }
    }
  }
}
</style>

 apps/cMiniApp/src/pages/mine/index.vue

@@ -21,9 +21,11 @@
                <div class="user-info-auth-item">
                  <div class="user-info-unCertified" v-if="isCertified">
                    <div class="user-info-unCertified-text">未实名</div>
                    <div class="user-info-unCertified-btn">立即实名</div>
                    <div class="user-info-unCertified-btn" @click.stop="goAuthentication">
                      立即实名
                  </div>
                  <div class="user-info-unCertified" v-else @click.stop="goAuthentication">
                  </div>
                  <div class="user-info-unCertified" v-else>
                    <img :src="IconAuth" class="user-info-unCertified-icon" />
                    <div class="user-info-unCertified-text">已实名</div>
                  </div>
@@ -31,9 +33,11 @@
                <div class="user-info-auth-item">
                  <div class="user-info-unCertified" v-if="!isCertified">
                    <div class="user-info-unCertified-text">未认证</div>
                    <div class="user-info-unCertified-btn">立即认证</div>
                    <div class="user-info-unCertified-btn" @click.stop="goAuthentication">
                      立即认证
                  </div>
                  <div class="user-info-unCertified" v-else @click.stop="goAuthentication">
                  </div>
                  <div class="user-info-unCertified" v-else>
                    <img :src="IconAuth" class="user-info-unCertified-icon" />
                    <div class="user-info-unCertified-text">已认证</div>
                  </div>