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