From 1b7f38b5d8b8a50b19a936be6df0ef0107fe6e48 Mon Sep 17 00:00:00 2001
From: xing <fthvgb1@163.com>
Date: Thu, 18 Jun 2020 10:33:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=9A=84=E9=9D=A2=E5=8C=85?=
 =?UTF-8?q?=E5=B1=91=E5=AF=BC=E8=88=AA=E5=92=8C=E6=90=9C=E7=B4=A2=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/globel.css      |  8 ++++++++
 src/components/users/users.vue | 29 +++++++++++++++++++++++------
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/globel.css b/src/assets/css/globel.css
index 0c4e0b7..bae904e 100644
--- a/src/assets/css/globel.css
+++ b/src/assets/css/globel.css
@@ -2,4 +2,12 @@ html,body,#app{
     height: 100%;
     margin: 0;
     padding: 0;
+}
+.el-breadcrumb {
+    margin-bottom: 15px;
+    font-size: 12px;
+}
+
+.el-card {
+    box-shadow: 0 1px 1px rgba(0,0,0, .15) !important;
 }
\ No newline at end of file
diff --git a/src/components/users/users.vue b/src/components/users/users.vue
index 8ac8e93..57d5ebc 100644
--- a/src/components/users/users.vue
+++ b/src/components/users/users.vue
@@ -1,14 +1,31 @@
 <template>
-    <div class="users">
-      <h1>user lists</h1>
-        <pre v-text="$attrs"/>
-    </div>
+  <div>
+    <el-breadcrumb separator-class="el-icon-arrow-right">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>用户管理</el-breadcrumb-item>
+      <el-breadcrumb-item>用户列表</el-breadcrumb-item>
+
+    </el-breadcrumb>
+    <!--卡片-->
+    <el-card class="box-card">
+      <el-row :gutter="10">
+        <el-col :span="7">
+          <el-input placeholder="请输入内容" >
+            <el-button slot="append" icon="el-icon-search"></el-button>
+          </el-input>
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary">添加用户</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+
 </template>
 
 <script>
 export default {
-  props: {
-  }
+  name: 'users'
 }
 </script>
 <style lang="less" scoped></style>