lxy/meta-kit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'修改界面样式风格'

Browse Source
This commit is contained in:
lxyer
2019-03-29 16:56:27 +08:00
parent 3df7e52e61
commit fe9afaa584
4 changed files with 180 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
root/index.html
View File

@@ -7,26 +7,35 @@
<link rel="stylesheet" href="../res/css/zui-theme.css">
<link rel="stylesheet" href="../res/css/red-kit.css">
<style>
.logo h1{
float: left;
color: #ccc;
margin-top: 10px;
width: 150px;
font-size: 22px;
}
</style>
</head>
<body id="home">
<div class="container-fluid">
<row>
<div class="col-md-12" id="top">
<div class="logo">
<h1>Meta-Kit</h1>
</div>
<ul class="nav nav-tabs">
<!--item in pages-->
<li v-for="item in pages" @click="loadMain(item)" :class="{active:item.name==pageId}">
<a data-tab href="#" v-text="item.name"></a>
</li>
<li class="pull-right" style="padding-top: 10px">
<li class="pull-right">
<select v-model="sysPlat" class="form-control" style="border: 0;background-color: #404a53;color: #fff;">
<option v-for="item in sysPlats" :value="item" v-text="item.name"></option>
</select>
</li>
<li class="pull-right" style="padding-top: 10px">
<li class="pull-right">
<a style="padding: 6px 15px;border: 0;background-color: #404a53;color: #fff;">
<i class="icon icon-user"></i> root
</a>
@@ -73,7 +82,7 @@
sysPlat: red.getData("sysPlat"),
sysPlats: red.getData("sysPlats"),
pages: [
{name: "DDL", url: "/qtask/ddl.html"},
/*{name: "DDL", url: "/qtask/ddl.html"},*/
{name: "MetaData", url: "/meta", nodes: [
/*{url:"/metadata/metatable/list.html", name:"TableList"},*/
{url:"/metadata/metatable/metaTable.html", name:"MetaTable"},
@@ -99,6 +108,7 @@
{url:"/plat/db.html", name:"数据中心", icon: "icon-database"},
]
},
{name: "关于", url: "/single/about.html"}
],
menus: red.getData("menus", [

6
root/res/css/red-kit.css
View File

@@ -22,9 +22,9 @@ body {
}
#top {
background-color: #404a53;
padding: 0 10px;
padding: 5px 10px;
margin: 0px;
height: 45px;
height: 50px;
}
#top a {
color: #ddd;
@@ -35,7 +35,9 @@ body {
}
.nav-tabs>li>a{
border: 0;
font-size: 15px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
background-color: #404a53;
color: #fff;

11
root/single/about.html Normal file
View File

@@ -0,0 +1,11 @@
<div id="about">
{{about}}
</div>
<script>
var vm = new Vue({
el: "#about",
data: {
about: "AbOUT",
}
});
</script>