修改登录表单页面表格样式

This commit is contained in:
wanggeng 2021-08-02 22:00:41 +08:00
parent dab9dc6bc5
commit 4982ba38ee
2 changed files with 20 additions and 10 deletions

View File

@ -12,6 +12,11 @@
<link rel="stylesheet" href="assets/js/vendor/codemirror/codemirror.css"> <link rel="stylesheet" href="assets/js/vendor/codemirror/codemirror.css">
<link rel="stylesheet" href="assets/js/vendor/codemirror/theme/dracula.css"> <link rel="stylesheet" href="assets/js/vendor/codemirror/theme/dracula.css">
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css"> <link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<style>
.resource-img, .resource-img-path {text-align: center}
.layui-btn-container .layui-btn {margin-bottom: 0px}
.layui-table {width: auto;}
</style>
</head> </head>
<body> <body>
<div class="layui-fluid layui-anim layui-anim-fadein"> <div class="layui-fluid layui-anim layui-anim-fadein">
@ -64,7 +69,7 @@
{{# } }} {{# } }}
{{# } }} {{# } }}
{{# if(d[fileName].length < 1) { }} {{# if(d[fileName].length < 1) { }}
<div class="upload-image-box" style="width: auto; height: auto; padding: 5px;"> <div class="upload-image-box" style="width: auto; height: auto; padding: 15px;">
<a href="javascript:void(0);" lay-form-button data-explain="预览图" data-name="preview" lay-filter="previewUploadFile"> <a href="javascript:void(0);" lay-form-button data-explain="预览图" data-name="preview" lay-filter="previewUploadFile">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i> <i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a> </a>
@ -82,7 +87,7 @@
{{# var fileName = 'resourceImgs'; }} {{# var fileName = 'resourceImgs'; }}
{{# if(d[fileName].length > 0) { }} {{# if(d[fileName].length > 0) { }}
{{# var files = d[fileName];}} {{# var files = d[fileName];}}
<table class="layui-table" style="margin: 0;"> <table class="layui-table" style="margin: 15px 15px 0 15px;">
<colgroup> <colgroup>
<col width="100"> <col width="100">
<col width="600"> <col width="600">
@ -91,10 +96,10 @@
<tbody> <tbody>
{{# for(var i = 0, item = files[i]; item = files[i++];) { }} {{# for(var i = 0, item = files[i]; item = files[i++];) { }}
<tr> <tr>
<td> <td class="resource-img">
<img src="route/file/download/false/{{item.fileId}}" align="加载失败"> <img src="route/file/download/false/{{item.fileId}}" align="加载失败">
</td> </td>
<td>图片路径route/file/download/false/{{item.fileId}}</td> <td class="resource-img-path">图片路径route/file/download/false/{{item.fileId}}</td>
<td> <td>
<a class="layui-btn layui-btn-danger text-danger remove-image" href="javascript:void(0);" lay-form-button data-id="{{item.fileId}}" data-name="{{fileName}}" lay-filter="resourceImgsRemoveFile"> <a class="layui-btn layui-btn-danger text-danger remove-image" href="javascript:void(0);" lay-form-button data-id="{{item.fileId}}" data-name="{{fileName}}" lay-filter="resourceImgsRemoveFile">
<i class="fa fa-trash-o"></i> 删除 <i class="fa fa-trash-o"></i> 删除
@ -106,7 +111,7 @@
</table> </table>
{{# } }} {{# } }}
{{# if(d[fileName].length < 20) { }} {{# if(d[fileName].length < 20) { }}
<div class="upload-image-box" style="width: auto; height: auto; padding: 5px;"> <div class="upload-image-box" style="width: auto; height: auto; padding: 15px;">
<a href="javascript:void(0);" lay-form-button data-explain="资源图" data-name="resourceImgs" lay-filter="resourceImgsUploadFile"> <a href="javascript:void(0);" lay-form-button data-explain="资源图" data-name="resourceImgs" lay-filter="resourceImgsUploadFile">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i> <i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a> </a>

View File

@ -12,6 +12,11 @@
<link rel="stylesheet" href="assets/js/vendor/codemirror/codemirror.css"> <link rel="stylesheet" href="assets/js/vendor/codemirror/codemirror.css">
<link rel="stylesheet" href="assets/js/vendor/codemirror/theme/dracula.css"> <link rel="stylesheet" href="assets/js/vendor/codemirror/theme/dracula.css">
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css"> <link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<style>
.resource-img, .resource-img-path {text-align: center}
.layui-btn-container .layui-btn {margin-bottom: 0px}
.layui-table {width: auto;}
</style>
</head> </head>
<body> <body>
<div class="layui-fluid layui-anim layui-anim-fadein"> <div class="layui-fluid layui-anim layui-anim-fadein">
@ -64,7 +69,7 @@
{{# } }} {{# } }}
{{# } }} {{# } }}
{{# if(d[fileName].length < 1) { }} {{# if(d[fileName].length < 1) { }}
<div class="upload-image-box" style="width: auto; height: auto; padding: 5px;"> <div class="upload-image-box" style="width: auto; height: auto; padding: 15px;">
<a href="javascript:void(0);" lay-form-button data-explain="预览图" data-name="preview" lay-filter="previewUploadFile"> <a href="javascript:void(0);" lay-form-button data-explain="预览图" data-name="preview" lay-filter="previewUploadFile">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i> <i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a> </a>
@ -82,7 +87,7 @@
{{# var fileName = 'resourceImgs'; }} {{# var fileName = 'resourceImgs'; }}
{{# if(d[fileName].length > 0) { }} {{# if(d[fileName].length > 0) { }}
{{# var files = d[fileName];}} {{# var files = d[fileName];}}
<table class="layui-table" style="margin: 0;"> <table class="layui-table" style="margin: 15px 15px 0 15px;">
<colgroup> <colgroup>
<col width="100"> <col width="100">
<col width="600"> <col width="600">
@ -91,10 +96,10 @@
<tbody> <tbody>
{{# for(var i = 0, item = files[i]; item = files[i++];) { }} {{# for(var i = 0, item = files[i]; item = files[i++];) { }}
<tr> <tr>
<td> <td class="resource-img">
<img src="route/file/download/false/{{item.fileId}}" align="加载失败"> <img src="route/file/download/false/{{item.fileId}}" align="加载失败">
</td> </td>
<td>图片路径route/file/download/false/{{item.fileId}}</td> <td class="resource-img-path">图片路径route/file/download/false/{{item.fileId}}</td>
<td> <td>
<a class="layui-btn layui-btn-danger text-danger remove-image" href="javascript:void(0);" lay-form-button data-id="{{item.fileId}}" data-name="{{fileName}}" lay-filter="resourceImgsRemoveFile"> <a class="layui-btn layui-btn-danger text-danger remove-image" href="javascript:void(0);" lay-form-button data-id="{{item.fileId}}" data-name="{{fileName}}" lay-filter="resourceImgsRemoveFile">
<i class="fa fa-trash-o"></i> 删除 <i class="fa fa-trash-o"></i> 删除
@ -106,7 +111,7 @@
</table> </table>
{{# } }} {{# } }}
{{# if(d[fileName].length < 20) { }} {{# if(d[fileName].length < 20) { }}
<div class="upload-image-box" style="width: auto; height: auto; padding: 5px;"> <div class="upload-image-box" style="width: auto; height: auto; padding: 15px;">
<a href="javascript:void(0);" lay-form-button data-explain="资源图" data-name="resourceImgs" lay-filter="resourceImgsUploadFile"> <a href="javascript:void(0);" lay-form-button data-explain="资源图" data-name="resourceImgs" lay-filter="resourceImgsUploadFile">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i> <i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a> </a>