格局突然变了..

pages/index.vue

@@ -1,24 +1,43 @@
 <template lang="pug">
-.index.main-width
-  article
-    .card
-      .content
-        p 下载 Kana: 400 行代码实现服务端
-        p 下载 Kana-bbs: 基于 kana 后端使用 Nuxt3 构建的社区论坛程序
-        p 文档补全计划: 标记任何你感到疑惑的或是不符合直觉之处, 以及你需要却感觉无法轻松实现的功能
-    .card
-      .header
-        span 最新
-        span 精华
-        .expnone
-        nuxt-link.create-thread(to="/thread/create") 新议题
-      .content
-        ThreadList(:data="data")
-  aside
-    .card
-      .content
-        .bbs-title Kana 开发者论坛
-        p 基于 node 实现的小型服务端
+.index-default
+  .circumscription
+    ModelBox
+    p 下载安装, 查看文档, 提问讨论, 开发
+  .ceremony
+    .circumscription
+      ThreadList(:data="data")
+      ul
+        li 除去阅览以外, 还可以做一些什么
+        li 如翻页, 如发表
+        li
+          nuxt-link(to="/thread/create")
+            button 新议题
+  //.index.main-width
+  //  article
+  //    .card
+  //      .content
+  //        p 下载 Kana: 400 行代码实现服务端
+  //        p 下载 Kana-bbs: 基于 kana 后端使用 Nuxt3 构建的社区论坛程序
+  //        p 文档补全计划: 标记任何你感到疑惑的或是不符合直觉之处, 以及你需要却感觉无法轻松实现的功能
+  //        //ModelBox
+  //        //ModelConesInner
+  //    .card
+  //      .header
+  //        span 最新
+  //        span 精华
+  //        .expnone
+  //        nuxt-link.create-thread(to="/thread/create") 新议题
+  //      .content
+  //        ThreadList(:data="data")
+  //  aside
+  //    .card
+  //      .content
+  //        .bbs-title Kana 开发者论坛
+  //        p
+  //        | 基于 node 实现的小型服务端,旨在快速灵活构建小型项目
+  //        | <br/> 1. 数据类型无限扩展并复用
+  //        | <br/> 2. 无依赖免配置一键安装
+  //        | <br/> 3. 接口模型
 </template>
 
 <script>
@@ -30,43 +49,3 @@ export default {
   },
 };
 </script>
-
-<style lang="sass">
-// 基本布局
-.index
-  display: flex
-
-  article
-    flex: 75
-    .card .header
-      display: flex
-      .expnone
-        flex: 1
-  aside
-    flex: 25
-
-.card
-  margin: 1rem .5rem
-  border-radius: .5rem
-  overflow: hidden
-  background-color: #ffffff
-  box-shadow: 0 6px 22px 0 rgba(0,0,0,.08)
-  .header
-    padding: 1rem
-    border-bottom: 1px solid #ccc
-
-  .content
-    padding: 1rem
-
-a.create-thread
-  border: none
-  border-radius: .25rem
-  padding: .5rem 1rem
-  background-color: #007bff
-  color: #ffffff !important
-  display: block
-
-.bbs-title
-  font-size: 1.2rem
-  font-weight: 600
-</style>