需求答题

src/views/AAAFont/demandHall/index.vue

@@ -91,6 +91,15 @@
               </div>
             </div>
           </div>
+          <div class="page">
+            <div class="pg-left">
+              <LeftOutlined />
+            </div>
+            <div class="pg-num active"> 1 </div>
+            <div class="pg-right">
+              <RightOutlined />
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -100,6 +109,7 @@
 <script>
   import Icon from '@/components/Icon/Icon.vue';
   import { getToken } from '@/utils/auth';
+  import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
 
   const items = [
     {
@@ -113,7 +123,7 @@
   ];
   export default {
     name: 'DemandHall',
-    components: { Icon },
+    components: { Icon, LeftOutlined, RightOutlined },
     data() {
       return {
         items,
@@ -937,4 +947,26 @@
       }
     }
   }
+  .page {
+    padding: 5px;
+    display: flex;
+    gap: 20px;
+    font-size: 20px;
+    .pg-left {
+      padding: 15px 18px;
+      background-color: #f6f7fa;
+    }
+    .pg-right {
+      padding: 15px 18px;
+      background-color: #f6f7fa;
+    }
+    .pg-num {
+      padding: 15px 18px;
+      background-color: #f6f7fa;
+    }
+    .active {
+      background-color: #4e80f8;
+      color: #ffffff;
+    }
+  }
 </style>