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

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/theme/dracula.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>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
@ -64,7 +69,7 @@
{{# } }}
{{# } }}
{{# 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">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a>
@ -82,7 +87,7 @@
{{# var fileName = 'resourceImgs'; }}
{{# if(d[fileName].length > 0) { }}
{{# var files = d[fileName];}}
<table class="layui-table" style="margin: 0;">
<table class="layui-table" style="margin: 15px 15px 0 15px;">
<colgroup>
<col width="100">
<col width="600">
@ -91,10 +96,10 @@
<tbody>
{{# for(var i = 0, item = files[i]; item = files[i++];) { }}
<tr>
<td>
<td class="resource-img">
<img src="route/file/download/false/{{item.fileId}}" align="加载失败">
</td>
<td>图片路径route/file/download/false/{{item.fileId}}</td>
<td class="resource-img-path">图片路径route/file/download/false/{{item.fileId}}</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">
<i class="fa fa-trash-o"></i> 删除
@ -106,7 +111,7 @@
</table>
{{# } }}
{{# 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">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</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/theme/dracula.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>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
@ -64,7 +69,7 @@
{{# } }}
{{# } }}
{{# 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">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a>
@ -82,7 +87,7 @@
{{# var fileName = 'resourceImgs'; }}
{{# if(d[fileName].length > 0) { }}
{{# var files = d[fileName];}}
<table class="layui-table" style="margin: 0;">
<table class="layui-table" style="margin: 15px 15px 0 15px;">
<colgroup>
<col width="100">
<col width="600">
@ -91,10 +96,10 @@
<tbody>
{{# for(var i = 0, item = files[i]; item = files[i++];) { }}
<tr>
<td>
<td class="resource-img">
<img src="route/file/download/false/{{item.fileId}}" align="加载失败">
</td>
<td>图片路径route/file/download/false/{{item.fileId}}</td>
<td class="resource-img-path">图片路径route/file/download/false/{{item.fileId}}</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">
<i class="fa fa-trash-o"></i> 删除
@ -106,7 +111,7 @@
</table>
{{# } }}
{{# 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">
<i class="fa fa-plus-square-o" style="font-size: 70px;"></i>
</a>