From b4ed5fa857edf8928bf675742d5feb0edfbf6d69 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 10 May 2021 10:03:10 +0800
Subject: [PATCH] 小程序地图

---
 public/xcxh5map/xcxmap.html   |    6 ++++++
 public/xcxh5map/css/body.css  |   16 ++++++++++++++--
 public/xcxh5map/js/vueMain.js |    5 +++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/public/xcxh5map/css/body.css b/public/xcxh5map/css/body.css
index 47d5d6b..d426ce1 100644
--- a/public/xcxh5map/css/body.css
+++ b/public/xcxh5map/css/body.css
@@ -17,6 +17,18 @@
     height: 50%;
     z-index: 400;
     background-color: #fff;
-    opacity: 0.9;
-    border: 1px solid springgreen;
+    /* opacity: 0.9; */
+}
+.title{
+    width: 100%;
+    height: 7%;
+    /* border: 1px solid springgreen; */
+    border-radius: 1000px 1000px 0 0;
+    position: fixed;
+    top: 43%;
+    background-color: #fff;
+    z-index: 401;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
\ No newline at end of file
diff --git a/public/xcxh5map/js/vueMain.js b/public/xcxh5map/js/vueMain.js
index 17973f4..6fc20a3 100644
--- a/public/xcxh5map/js/vueMain.js
+++ b/public/xcxh5map/js/vueMain.js
@@ -7,6 +7,8 @@
         layuiLayer: null,
         nowIndex: null,
 
+        activeName: 'first',
+
         seedata: '',
         dialogVisible: 'true',
         drawer: false,
@@ -85,6 +87,9 @@
                 console.log(a.layer.options.myData)
             });
         },
+        handleClick(tab, event){
+            console.log(tab, event);
+        }
     },
     mounted() {
         this.getdata = this.getQueryVariable('data');
diff --git a/public/xcxh5map/xcxmap.html b/public/xcxh5map/xcxmap.html
index d1a0c8d..6ba90af 100644
--- a/public/xcxh5map/xcxmap.html
+++ b/public/xcxh5map/xcxmap.html
@@ -52,6 +52,12 @@
 				{{seedata.title}}
 			</div>
 			<div class="main">
+				<el-tabs v-model="activeName" @tab-click="handleClick">
+					<el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
+					<el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
+					<el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
+					<el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
+				  </el-tabs>
 				{{seedata.jd}}-{{seedata.wd}}
 			</div>
 		</div>

--
Gitblit v1.9.3