From aa5d3b9d9093b6f1c560732fd32bec9b04d5e95b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Sun, 3 Mar 2024 15:58:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96bbs=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../activity/components/ActivityNav.vue       |  6 +++-
 Yi.Bbs.Vue3/src/router/index.js               |  8 +++++
 Yi.Bbs.Vue3/src/views/Article.vue             | 12 +++++--
 Yi.Bbs.Vue3/src/views/bank/Index.vue          | 31 +++++++++++++++++++
 .../src/views/bank/components/BankCard.vue    | 29 +++++++++++++++++
 .../views/bank/components/ExchangeRate.vue    | 16 ++++++++++
 6 files changed, 99 insertions(+), 3 deletions(-)
 create mode 100644 Yi.Bbs.Vue3/src/views/bank/Index.vue
 create mode 100644 Yi.Bbs.Vue3/src/views/bank/components/BankCard.vue
 create mode 100644 Yi.Bbs.Vue3/src/views/bank/components/ExchangeRate.vue

diff --git a/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue
index 77df7622..40686ec0 100644
--- a/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityNav.vue
@@ -22,7 +22,11 @@
             <el-icon><HelpFilled /></el-icon>
           <span>大转盘</span>
         </el-menu-item>
-        <el-menu-item index="5" :route="{path:'/activity/sign'}">
+        <el-menu-item index="5" :route="{path:'/activity/bank'}">
+            <el-icon><Sunrise /></el-icon>
+          <span>银行</span>
+        </el-menu-item>
+        <el-menu-item index="6" :route="{path:'/activity/sign'}">
             <el-icon><Sunrise /></el-icon>
           <span>娱乐城</span>
         </el-menu-item>
diff --git a/Yi.Bbs.Vue3/src/router/index.js b/Yi.Bbs.Vue3/src/router/index.js
index 95a93433..78ac5202 100644
--- a/Yi.Bbs.Vue3/src/router/index.js
+++ b/Yi.Bbs.Vue3/src/router/index.js
@@ -130,6 +130,14 @@ const router = createRouter({
             title: "大转盘",
           },
         },
+        {
+          name: "bank",
+          path: "bank",
+          component: () => import("../views/bank/Index.vue"),
+          meta: {
+            title: "银行",
+          },
+        },
       ],
     },
     { path: "/:pathMatch(.*)*", name: "NotFound", component: NotFound },
diff --git a/Yi.Bbs.Vue3/src/views/Article.vue b/Yi.Bbs.Vue3/src/views/Article.vue
index c8513090..ba5b8a39 100644
--- a/Yi.Bbs.Vue3/src/views/Article.vue
+++ b/Yi.Bbs.Vue3/src/views/Article.vue
@@ -62,15 +62,16 @@
               :userInfo="discuss.user"
             ></AvatarInfo>
             <!-- :userInfo="{nick:'qwe'} -->
-            <el-divider />
+         
             <h2>{{ discuss.title }}</h2>
+            <h5 class="subtitle">{{discuss.introduction  }}</h5>
             <el-image
               :preview-src-list="[getUrl(discuss.cover)]"
               v-if="discuss.cover"
               :src="getUrl(discuss.cover)"
               style="width: 150px; height: 150px"
             />
-
+            <el-divider />
             <ArticleContentInfo
               :code="discuss.content ?? ''"
             ></ArticleContentInfo>
@@ -397,6 +398,13 @@ watch(
 );
 </script>
 <style scoped lang="scss">
+
+.subtitle
+{
+  color:#999AAA;
+  margin: 0;
+}
+
 .article-box {
   width: 1400px;
   height: 100%;
diff --git a/Yi.Bbs.Vue3/src/views/bank/Index.vue b/Yi.Bbs.Vue3/src/views/bank/Index.vue
new file mode 100644
index 00000000..a3f3d25e
--- /dev/null
+++ b/Yi.Bbs.Vue3/src/views/bank/Index.vue
@@ -0,0 +1,31 @@
+<template>
+<div class="bank-body">
+    <h2>小心谨慎选择银行机构，确保资金安全</h2>
+    <div>
+<ExchangeRate/>
+    </div>
+    <el-divider />
+    <div>
+        <el-row :gutter="20">
+            <el-col :span=8 v-for="i in 10">
+                <BankCard ></BankCard>
+            </el-col>
+            </el-row>
+      
+    </div>
+</div>
+</template>
+<script setup>
+import BankCard from "./components/BankCard.vue"
+import ExchangeRate from "./components/ExchangeRate.vue"
+</script>
+<style scoped lang="scss">
+.bank-body
+{
+    padding: 10px;
+}
+h2{
+text-align: center;
+
+}
+</style>
\ No newline at end of file
diff --git a/Yi.Bbs.Vue3/src/views/bank/components/BankCard.vue b/Yi.Bbs.Vue3/src/views/bank/components/BankCard.vue
new file mode 100644
index 00000000..d25e5ae1
--- /dev/null
+++ b/Yi.Bbs.Vue3/src/views/bank/components/BankCard.vue
@@ -0,0 +1,29 @@
+<template>
+    <div class="card">
+<div class="card-body">
+        银行卡-32659854213658541
+        <p>当前余额：100钱钱</p>
+        <p>状态：存款中</p>
+        <p>剩余定期提款时间还剩: 2天12小时</p>
+    </div>    
+        <div class="div-oper">
+            <el-button>存款</el-button><el-button>提款</el-button>
+        </div>
+    </div>
+</template>
+<style scoped lang="scss">
+.card {
+    background-color: green;
+    height: 140px;
+    margin: 10px 0;
+    .card-body
+    {
+        height: 100px;
+    }
+    .div-oper {
+        background-color: aqua;
+        text-align: end;
+        height: 40px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/Yi.Bbs.Vue3/src/views/bank/components/ExchangeRate.vue b/Yi.Bbs.Vue3/src/views/bank/components/ExchangeRate.vue
new file mode 100644
index 00000000..7c257ac8
--- /dev/null
+++ b/Yi.Bbs.Vue3/src/views/bank/components/ExchangeRate.vue
@@ -0,0 +1,16 @@
+<template>
+    <div>
+    <div class="rate">
+        银行利息汇率趋势图
+    </div>
+    <p>当前实时汇率：110%（可获取投入的百分之110%的本金）</p>
+    </div>
+    </template>
+<style scoped lang="scss">
+.rate
+{
+background-color: brown;
+height: 100px;
+
+}
+</style>