前端ui样式优化

This commit is contained in:
piexlmax
2021-09-14 19:49:06 +08:00
parent 108959c84c
commit 3706937d4a
21 changed files with 149 additions and 157 deletions
+2 -2
View File
@@ -78,7 +78,7 @@
</el-form-item>
</el-form>
<!-- 组件列表 -->
<div class="button-box clearflex">
<div class="gva-btn-list">
<el-button size="mini" type="primary" @click="editAndAddField()">新增Field</el-button>
</div>
<el-table :data="form.fields" border stripe>
@@ -128,7 +128,7 @@
</el-table>
<el-tag type="danger">id , created_at , updated_at , deleted_at 会自动生成请勿重复创建</el-tag>
<!-- 组件列表 -->
<div class="button-box clearflex">
<div class="gva-btn-list">
<el-button size="mini" type="primary" @click="enterForm(true)">预览代码</el-button>
<el-button size="mini" type="primary" @click="enterForm(false)">生成代码</el-button>
</div>
@@ -1,17 +1,9 @@
<template>
<div>
<div class="search-term">
<el-form :inline="true" :model="searchInfo" class="demo-form-inline">
<el-form-item label="表名">
<el-input v-model="searchInfo.tableName" placeholder="表名" />
</el-form-item>
<el-form-item label="结构体名称">
<el-input v-model="searchInfo.structName" placeholder="结构体名称" />
</el-form-item>
<el-form-item>
<el-button size="mini" type="primary" icon="el-icon-plus" @click="goAutoCode(null)">新增</el-button>
</el-form-item>
</el-form>
<div class="gva-btn-list">
<el-button size="mini" type="primary" icon="el-icon-plus" @click="goAutoCode(null)">新增</el-button>
</div>
</div>
<el-table :data="tableData" border stripe>
<el-table-column
+5 -6
View File
@@ -299,12 +299,11 @@
</el-form-item>
</template>
<!-- ossType end -->
<el-form-item>
<el-button type="primary" @click="update">立即更新</el-button>
<el-button type="primary" @click="reload">重启服务(开发中)</el-button>
</el-form-item>
</el-form>
<div class="gva-btn-list">
<el-button type="primary" size="mini" @click="update">立即更新</el-button>
<el-button type="primary" size="mini" @click="reload">重启服务(开发中)</el-button>
</div>
</div>
</template>
@@ -378,7 +377,7 @@ export default {
padding: 10px;
margin: 10px 0;
font-size: 16px;
box-shadow: -4px 1px 3px 0px #e7e8e8;
box-shadow: -4px 0px 0px 0px #e7e8e8;
}
}
</style>