# 隐私弹窗组件 (PrivacyPopup)

这是一个从页面底部弹出的隐私政策同意弹窗组件。

## 功能特性

- 从底部平滑弹出动画
- 包含头像+标题的头部区域
- 隐私政策文案，其中链接部分使用 #5A960A 绿色高亮
- 支持点击链接跳转到协议页面
- 提供"不同意"和"同意并继续"两个操作按钮

## 使用方法

```tsx
import PrivacyPopup from './components/privacy-popup';

function MyPage() {
  const [showPrivacy, setShowPrivacy] = useState(false);

  const handleShowPrivacy = () => {
    setShowPrivacy(true);
  };

  const handleClosePrivacy = () => {
    setShowPrivacy(false);
  };

  const handleAgreePrivacy = () => {
    // 处理用户同意逻辑
    console.log('用户同意了隐私政策');
    setShowPrivacy(false);
  };

  return (
    <View>
      <Button onClick={handleShowPrivacy}>显示隐私弹窗</Button>
      
      <PrivacyPopup 
        show={showPrivacy}
        onClose={handleClosePrivacy}
        onAgree={handleAgreePrivacy}
      />
    </View>
  );
}
```

## Props

| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| show | boolean | false | 是否显示弹窗 |
| onClose | () => void | - | 关闭弹窗的回调函数（点击遮罩层、关闭按钮或"不同意"按钮时触发） |
| onAgree | () => void | - | 用户点击"同意并继续"时的回调函数 |

## 设计说明

- **头部区域**：左对齐的头像+标题布局
- **文案区域**：包含隐私政策说明文字，其中书名号包围的链接部分使用绿色 (#5A960A) 高亮
- **按钮区域**：提供"不同意"和"同意并继续"两个选项
- **动画效果**：从底部平滑弹出和收起

## 相关链接

- 用户协议：https://events.xiaopeng.com/nx9w4x.html?ch=00977&ps=event
- 隐私政策：https://events.xiaopeng.com/3b1695.html?ch=00977&ps=event