diff --git a/src/assets/css/style.css b/src/assets/css/style.css index cbd16c6..49d8b7f 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1,88 +1,3 @@ -@ -1, 1810+0, 0 @@ :root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} - -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} - -button:hover { - border-color: #646cff; -} - -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -.card { - padding: 2em; -} - -#app { - max-width: 1280px; - width: 100vw; - margin: 0 auto; - text-align: center; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - - a:hover { - color: #747bff; - } - - button { - background-color: #f9f9f9; - } -} - .cursor { cursor: pointer; } @@ -1760,49 +1675,4 @@ button:focus-visible { .row>.offset-xl-12 { margin-left: 100%; } -} - -.form-label { - font-size: 12px; - padding: 0 4px; - text-align: center; - box-sizing: border-box; -} - -.label-required::before { - content: "*"; - color: red; - margin-right: 4px; -} - -.fl-title { - font-size: 18px; - font-weight: bolder; - display: flex; - align-items: center; -} - -.form-title { - font-size: 18px; - font-weight: bold; - display: flex; - align-items: center; - color: #6D5C9C; - margin: 10px 0; -} - -.form-title::before { - content: '|'; - width: 10px; - height: 31px; -} - -.htmleditor>p { - margin: 0.63em 0 1.8em 0; - font-size: 16px; - line-height: 30px; -} - -.htmleditor img { - max-width: 100%; } \ No newline at end of file diff --git a/src/assets/images/about-bg.png b/src/assets/images/about-bg.png new file mode 100644 index 0000000..89c1cb2 Binary files /dev/null and b/src/assets/images/about-bg.png differ diff --git a/src/router/index.js b/src/router/index.js index fde75ce..ed649c1 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -8,7 +8,7 @@ const routes = [ { path: '/home', name: 'home', - component: () => import('@/views/layout.vue'), + component: () => import('@/views/commonpage.vue'), children: [ { path: 'navigation', @@ -20,58 +20,67 @@ const routes = [ { path: '/about', name: 'about', - component: () => import('@/views/layout.vue'), + component: () => import('@/views/aboutpage.vue'), children: [ { path: 'statutes', name: 'statutes', - meta: { title: '首页' }, - component: () => import('@/views/about/index.vue') + meta: { title: '博物馆章程资料' }, + component: () => import('@/views/about/statutes.vue') }, { path: 'council', name: 'council', - component: () => import('@/views/about/index.vue') + meta: { title: '理事会材料' }, + component: () => import('@/views/about/council.vue') }, { path: 'seniormanagement', name: 'seniormanagement', - component: () => import('@/views/about/index.vue') + meta: { title: '高级管理人员材料' }, + component: () => import('@/views/about/seniormanagement.vue') }, { path: 'academiccommittee', name: 'academiccommittee', - component: () => import('@/views/about/index.vue') + meta: { title: '学术委员会组织制度等材料' }, + component: () => import('@/views/about/academiccommittee.vue') }, { path: 'supervisoryauthority', name: 'supervisoryauthority', - component: () => import('@/views/about/index.vue') + meta: { title: '监督机构材料' }, + component: () => import('@/views/about/supervisoryauthority.vue') }, { path: 'developmentplanning', name: 'developmentplanning', - component: () => import('@/views/about/index.vue') + meta: { title: '发展规划材料' }, + component: () => import('@/views/about/developmentplanning.vue') }, { path: 'annualworkplan', name: 'annualworkplan', - component: () => import('@/views/about/index.vue') + meta: { title: '年度工作计划材料' }, + component: () => import('@/views/about/annualworkplan.vue') }, { - path: 'statutes', - name: 'statutes', - component: () => import('@/views/about/index.vue') + path: 'threeyeannrep', + name: 'threeyeannrep', + meta: { title: '前三年年度报告材料' }, + component: () => import('@/views/about/threeyeannrep.vue') }, { - path: 'statutes', - name: 'statutes', - component: () => import('@/views/about/index.vue') + path: 'socialdonation', + name: 'socialdonation', + meta: { title: '社会捐赠管理制度材料' }, + component: () => import('@/views/about/socialdonation.vue') }, { - path: 'statutes', - name: 'statutes', - component: () => import('@/views/about/index.vue') + path: 'friendsofthemuseum', + name: 'friendsofthemuseum', + meta: { title: '“博物馆之友”组织章程' }, + component: () => import('@/views/about/friendsofthemuseum.vue') }, ] }, diff --git a/src/views/about/index.vue b/src/views/about/academiccommittee.vue similarity index 100% rename from src/views/about/index.vue rename to src/views/about/academiccommittee.vue diff --git a/src/views/about/annualworkplan.vue b/src/views/about/annualworkplan.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/annualworkplan.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/about/council.vue b/src/views/about/council.vue new file mode 100644 index 0000000..d50d095 --- /dev/null +++ b/src/views/about/council.vue @@ -0,0 +1,630 @@ + + diff --git a/src/views/about/developmentplanning.vue b/src/views/about/developmentplanning.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/developmentplanning.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/about/friendsofthemuseum.vue b/src/views/about/friendsofthemuseum.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/friendsofthemuseum.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/about/seniormanagement.vue b/src/views/about/seniormanagement.vue new file mode 100644 index 0000000..b5bd40d --- /dev/null +++ b/src/views/about/seniormanagement.vue @@ -0,0 +1,19 @@ + + diff --git a/src/views/about/socialdonation.vue b/src/views/about/socialdonation.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/socialdonation.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/about/statutes.vue b/src/views/about/statutes.vue new file mode 100644 index 0000000..97b1903 --- /dev/null +++ b/src/views/about/statutes.vue @@ -0,0 +1,633 @@ + + \ No newline at end of file diff --git a/src/views/about/supervisoryauthority.vue b/src/views/about/supervisoryauthority.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/supervisoryauthority.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/about/threeyeannrep.vue b/src/views/about/threeyeannrep.vue new file mode 100644 index 0000000..cb75a57 --- /dev/null +++ b/src/views/about/threeyeannrep.vue @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/views/aboutpage.vue b/src/views/aboutpage.vue new file mode 100644 index 0000000..907a2f2 --- /dev/null +++ b/src/views/aboutpage.vue @@ -0,0 +1,133 @@ + + + + + diff --git a/src/views/layout.vue b/src/views/commonpage.vue similarity index 95% rename from src/views/layout.vue rename to src/views/commonpage.vue index acb65b3..f500efa 100644 --- a/src/views/layout.vue +++ b/src/views/commonpage.vue @@ -24,7 +24,7 @@
+ class="row justify-center color-white">
首页
导航
@@ -44,7 +44,7 @@