feat: 添加合规

src/views/Pages/Account/Subscription.js

@@ -1,11 +1,39 @@
-import { Flex } from '@chakra-ui/react';
+import {
+  Flex,
+  Container,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  Text
+} from '@chakra-ui/react';
+import { ChevronRightIcon } from '@chakra-ui/icons';
 import React from 'react';
 import SubscriptionContent from 'components/Subscription/SubscriptionContent';
 
 function Subscription() {
   return (
-    <Flex direction='column' pt={{ base: '120px', md: '75px' }} px={{ base: '20px', md: '40px' }}>
-      <SubscriptionContent />
+    <Flex direction='column'>
+      <Container maxW="container.xl" px={{ base: 4, md: 6 }} py={{ base: 4, md: 6 }}>
+        {/* 面包屑导航 */}
+        <Breadcrumb
+          spacing='8px'
+          separator={<ChevronRightIcon color='gray.500' />}
+          mb={6}
+          fontSize='sm'
+        >
+          <BreadcrumbItem>
+            <BreadcrumbLink href='/home'>首页</BreadcrumbLink>
+          </BreadcrumbItem>
+          <BreadcrumbItem>
+            <BreadcrumbLink href='/home/pages/account'>个人中心</BreadcrumbLink>
+          </BreadcrumbItem>
+          <BreadcrumbItem isCurrentPage>
+            <Text color='gray.500'>订阅管理</Text>
+          </BreadcrumbItem>
+        </Breadcrumb>
+
+        <SubscriptionContent />
+      </Container>
     </Flex>
   );
 }