wanghongjun
/
iot_admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面优化

master
wanghongjun 2 years ago
parent
a38645c35f
commit
fcae63276d
7 changed files with 11 additions and 103 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      application/index/view/administrator/admin_list.html
  2. 3
      application/index/view/administrator/device.html
  3. 3
      application/index/view/administrator/device_list.html
  4. 3
      application/index/view/administrator/index.html
  5. 90
      application/index/view/administrator/welcome.html
  6. 6
      application/index/view/device/index.html
  7. 6
      application/index/view/product/index.html

3
application/index/view/administrator/admin_list.html
View File

@ -53,8 +53,7 @@
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card" style="border-radius: 20px;">
<div class="layui-card-body"
style="background-image: linear-gradient(#bff7f7,#ffffff , #bff7f7);border-radius: 20px;">
<div class="layui-card-body">
<form class="layui-form layui-col-space5" style="margin-top: 5px" id="myForm">
<div class="layui-input-inline">
<select lay-verify="choose" lay-filter="choose" name="option">

3
application/index/view/administrator/device.html
View File

@ -53,8 +53,7 @@
<!-- style="width: 90%;margin-left: auto;margin-right: auto;"-->
<div class="layui-card" style="border-radius: 20px;">
<div class="layui-card-body"
style="background-image: linear-gradient(#f7e8df,#ffffff , #f7e8df);border-radius: 20px;">
<div class="layui-card-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
<legend class="layui-icon">设备序列号管理 &#xe705;&#xe705;&#xe705;</legend>
</fieldset>

3
application/index/view/administrator/device_list.html
View File

@ -48,8 +48,7 @@
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card" style="border-radius: 20px;">
<div class="layui-card-body"
style="background-image: linear-gradient(#f6e4f7,#ffffff , #f6e4f7);border-radius: 20px;">
<div class="layui-card-body">
<form class="layui-form layui-col-space5" style="margin-top: 5px" id="myForm">
<div class="layui-input-inline">

3
application/index/view/administrator/index.html
View File

@ -60,9 +60,6 @@
<a href="javascript:;">{$name}</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd>
<a href="https://www.bilibili.com/video/BV1uE411w77F/" target="_blank">云平台视频介绍</a>
</dd>
<dd>
<a href="/index/Administrator/quit">退出</a>
</dd>

90
application/index/view/administrator/welcome.html
View File

@ -21,67 +21,16 @@
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
/*欢迎文字*/
.layui-elem-quote:hover {
background: #b9c8ff;
}
/*卡片样式*/
.layui-card-body li:hover {
background: #ffb5b7;
}
.layui-card-body li a:hover {
background: #9cecff;
}
.layui-card-body li:hover h3 {
font-size: 16px;
color: #911215;
}
.layui-card-body li:hover cite {
font-size: 30px;
color: #3d933a;
}
/*系统信息*/
.layui-table tbody tr th {
width: 30%
}
.layui-table tbody tr:hover {
background-color: #ddded9;
}
.layui-table tbody tr:hover th {
font-size: 18px;
}
.layui-table tbody tr:hover td {
font-size: 18px;
/*letter-spacing: 3px;*/
}
/*开发团队*/
.team tbody tr:hover {
background-color: #d1d1ff;
}
</style>
</head>
<body>
<div class="layui-fluid">
<div class="layui-row layui-col-space30">
<div class="layui-col-md12" style="margin-top: 10px">
<div class="layui-card">
<div class="layui-card-header"
style="background-image: linear-gradient(#ffedcc , #ffffff);">
静坐当思己过，闲谈莫论人非。
</div>
<div class="layui-card-body" style="background-image: linear-gradient(#ffffff , #ffedcc);">
<blockquote class="layui-elem-quote layui-anim layui-anim-scale" style="font-size: 20px;background-color: rgba(255,230,179,0.89)">
当前时间：<span id="time" style="font-size: 20px;font-family: 方正姚体;"></span>
<div class="layui-card-body" >
<blockquote class="layui-elem-quote layui-anim layui-anim-scale">
当前时间：<span id="time"></span>
</blockquote>
</div>
</div>
@ -91,7 +40,7 @@
<div class="layui-card-header"
style="background-image: linear-gradient(#86e4df , #ffffff);">数据统计
</div>
<div class="layui-card-body" style="background-image: linear-gradient(#ffffff , #86e4df); min-height: 85px">
<div class="layui-card-body">
<ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
<li class="layui-col-xs6 layui-col-sm3 layui-col-md3 ">
<a class="x-admin-backlog-body">
@ -160,8 +109,8 @@
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header" style="background-image: linear-gradient(#ddded9 , #ffffff);">系统信息</div>
<div class="layui-card-body" style="background-image: linear-gradient(#ffffff , #ddded9);">
<div class="layui-card-header">系统信息</div>
<div class="layui-card-body">
<table class="layui-table">
<tbody>
<tr>
@ -214,33 +163,6 @@
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-card" style="margin-bottom: 20px">
<div class="layui-card-header" style="background-image: linear-gradient(#d1d1ff , #ffffff);">开发团队</div>
<div class="layui-card-body" style="background-image: linear-gradient(#ffffff , #d1d1ff);">
<table class="layui-table team">
<tbody>
<tr>
<th>前端</th>
<td>曾健起</td>
</tr>
<tr>
<th>后端</th>
<td>曾健起</td>
</tr>
<tr>
<th>版权所有</th>
<td>
<a href="http://zengjianqi.com/" target="_blank" class="layui-icon"> © Copyright
Reserved.zengjianqi.com &#xe617; &#xe618; zengjianqi163@163.com</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

6
application/index/view/device/index.html
View File

@ -30,9 +30,6 @@
background-color: #f7e8df;
}
.layui-table tbody tr:hover td div {
font-size: 18px;
}
</style>
</head>
<body class="layui-anim layui-anim-scale flag" style="display: none"><br/>
@ -53,8 +50,7 @@
<!-- style="width: 90%;margin-left: auto;margin-right: auto;"-->
<div class="layui-card" style="border-radius: 20px;">
<div class="layui-card-body"
style="background-image: linear-gradient(#f7e8df,#ffffff , #f7e8df);border-radius: 20px;">
<div class="layui-card-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
<legend class="layui-icon">设备序列号管理 &#xe705;&#xe705;&#xe705;</legend>
</fieldset>

6
application/index/view/product/index.html
View File

@ -30,9 +30,6 @@
background-color: #f7e8df;
}
.layui-table tbody tr:hover td div {
font-size: 18px;
}
</style>
</head>
<body class="layui-anim layui-anim-scale flag" style="display: none"><br/>
@ -53,8 +50,7 @@
<!-- style="width: 90%;margin-left: auto;margin-right: auto;"-->
<div class="layui-card" style="border-radius: 20px;">
<div class="layui-card-body"
style="background-image: linear-gradient(#f7e8df,#ffffff , #f7e8df);border-radius: 20px;">
<div class="layui-card-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
<legend class="layui-icon">产品序列号管理 &#xe705;&#xe705;&#xe705;</legend>
</fieldset>

Write Preview
Loading…
Cancel
Save