feat: 添加文章页面

2023-03-07 00:02:48 +08:00
parent 6d3edff5b6
commit 9d3559cddb
9 changed files with 129 additions and 40 deletions
--- a/Yi.BBS.Vue3/src/components/ScrollbarInfo.vue
+++ b/Yi.BBS.Vue3/src/components/ScrollbarInfo.vue
@@ -0,0 +1,28 @@
+<template>
+         <el-scrollbar>
+    <div class="scrollbar-flex-content">
+      <p v-for="item in 50" :key="item" class="scrollbar-item">
+        推荐{{ item }}
+      </p>
+    </div>
+  </el-scrollbar>
+    </template>
+    <style scoped>
+
+.scrollbar-flex-content {
+  display: flex;
+}
+.scrollbar-item {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 4rem;
+  height: 2.6rem;
+  margin: 0 0.2rem ;
+  text-align: center;
+  border-radius: 4px;
+  background-color:#FAFAFA;
+  font-size: 14px;
+}
+</style>