From e5c21244bd817fc2dd62ef38facc9b959bde9ee3 Mon Sep 17 00:00:00 2001
From: linwe <872216996@qq.com>
Date: Mon, 20 Nov 2023 17:44:38 +0800
Subject: [PATCH] 标签代码优化
---
src/views/userHouse/lable/statistics.vue | 98 +++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 94 insertions(+), 4 deletions(-)
diff --git a/src/views/userHouse/lable/statistics.vue b/src/views/userHouse/lable/statistics.vue
index 2f0d849..41f6706 100644
--- a/src/views/userHouse/lable/statistics.vue
+++ b/src/views/userHouse/lable/statistics.vue
@@ -1,11 +1,101 @@
<template>
- <div id="">
- 333333333333
- </div>
-</template>
+ <!-- <avue-data-box :option="option"></avue-data-box> -->
+ <!-- <div v-for="item in items" :key="item.id"> -->
+ <div id="">
+
+ <div id="" v-for="(item,index) in 10">
+ <el-row>
+ <el-col :span="24">
+ <div class="grid-content bg-purple-dark">
+ <el-tag type="danger">标签五</el-tag>
+ </div>
+ </el-col>
+ </el-row>
+
+ <el-row>
+ <el-col :span="24">
+ <div class="grid-content bg-purple-dark">
+ <el-divider content-position="left">少年包青天</el-divider>
+ </div>
+ </el-col>
+ </el-row>
+
+ <!-- <el-row :gutter="20">
+ <el-col :span="6">
+ <div class="grid-content bg-purple"></div>
+ </el-col>
+ <el-col :span="6">
+ <div class="grid-content bg-purple"></div>
+ </el-col>
+ <el-col :span="6">
+ <div class="grid-content bg-purple"></div>
+ </el-col>
+ <el-col :span="6">
+ <div class="grid-content bg-purple"></div>
+ </el-col>
+ </el-row> -->
+
+ <div id="" v-for="(item,index) in 10" style="display: flex;">
+ <div id="">
+ {{index}}
+ </div>
+ </div>
+
+
+ </div>
+
+ </div>
+
+ <!-- </div> -->
+
+</template>
<script>
+ export default {
+ data() {
+ return {
+ items: [],
+ option: {
+ span: 4,
+ data: []
+ },
+ }
+ }
+ }
</script>
<style>
+ /* .el-row {
+ margin-bottom: 20px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .el-col {
+ border-radius: 4px;
+ }
+
+ .bg-purple-dark {
+ background: #99a9bf;
+ }
+
+ .bg-purple {
+ background: #d3dce6;
+ }
+
+ .bg-purple-light {
+ background: #e5e9f2;
+ }
+
+ .grid-content {
+ border-radius: 4px;
+ min-height: 36px;
+ }
+
+ .row-bg {
+ padding: 10px 0;
+ background-color: #f9fafc;
+ } */
</style>
--
Gitblit v1.9.3