From c9bce23eaefaca45f9aea44da4a3f55b64c57e54 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期三, 19 六月 2024 14:59:15 +0800
Subject: [PATCH] 首页部分内容添加
---
src/views/index/index.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 52 insertions(+), 2 deletions(-)
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 3b77371..3e0f350 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,7 +1,57 @@
<template>
<div class="app-container">
<div class="content">
- div.box*7>div{153}+div{鍏ヤ綇鎬绘暟}
+ <div class="box">
+ <div>153</div>
+ <div>鍏ラ┗浼佷笟鎬绘暟</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>宸叉鏌ヤ紒涓氭暟</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>鎵ф硶鍗曚綅鏁�</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>鎵ф硶浜哄憳鏁�</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>鎵ф硶璁板綍鎬绘暟</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>鎶曡瘔璁板綍鏁�</div>
+ </div>
+ <div class="box">
+ <div>153</div>
+ <div>鏀跨瓥鏉℃暟</div>
+ </div>
</div>
+ <div class="line"></div>
</div>
-</template>
\ No newline at end of file
+</template>
+
+<style lang="scss" scoped>
+.content{
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-gap: 20px;
+ &>.box{
+ border: 1px solid #bfbfbf;
+ border-radius: 5px;
+ padding: 20px;
+ cursor: pointer;
+ &>div:nth-child(1){
+ font-size: 25px;
+ font-weight: bold;
+ margin-bottom: 10px;
+ }
+ &>div:nth-child(2){
+ color: #818181;
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.1