Skip to content

隐私协议弹窗

说明: 页面中需要展示隐私协议的地方,统一使用隐私协议弹窗组件。

版本说明

时间修改人备注
2025-04-23YG初始化文档

组件效果

组件效果图

组件参数

参数名类型默认值必填说明
modelValueBooleanfalse弹窗是否展示
titleString-协议标题
contentString-协议内容
themeString#5D87FF主题色

组件使用

vue
<template>
  <privacy-agreement
    v-model:modelValue="oAgreement.isShowAgreement"
    :content="oAgreement.content[oAgreement.current]?.content"
    :title="oAgreement.content[oAgreement.current]?.text"
  />
</template>

<script setup>
import PrivacyAgreement from "@/components/privacy-agreement/index.vue";

const oAgreement = reactive({
  isShowAgreement: false,
  current: 0,
  content: [
    {
      text: "用户协议",
      content: "用户协议内容",
    },
    {
      text: "隐私政策",
      content: "隐私政策内容",
    },
  ],
});
</script>