Skip to content

Z
zeroing-editor
Commit 2c352a61 authored by rockyl's avatar rockyl
Browse files
Options

调整项目列表页样式

parent 0c8459a9
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 39 deletions
src/themes/light/home.scss
View file @ 2c352a61
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
.project-list { .project-list {
flex: 1; flex: 1;
margin-bottom: 10px;
} }
.project-info { .project-info {
......
src/views/Home.vue
View file @ 2c352a61
...@@ -4,45 +4,43 @@ ...@@ -4,45 +4,43 @@
class="editor-version">{{env.version}}</span></p> class="editor-version">{{env.version}}</span></p>
<main> <main>
<div class="project-list"> <div class="project-list">
<div> <el-table
<el-table :data="projects"
:data="projects" :empty-text="$t('No projects')"
:empty-text="$t('No projects')" height="100%"
style="width: 100%" >
> <el-table-column
<el-table-column :label="$t('Projects')">
:label="$t('Projects')"> <template slot-scope="scope">
<template slot-scope="scope"> <div class="project-info">
<div class="project-info"> <span class="project-name">{{scope.row.name}}</span>
<span class="project-name">{{scope.row.name}}</span> <el-tag size="mini" type="success">{{scope.row.creator}}</el-tag>
<el-tag size="mini" type="success">{{scope.row.creator}}</el-tag> <el-tag size="mini" type="warning">{{moment(scope.row.update_time)}}</el-tag>
<el-tag size="mini" type="warning">{{moment(scope.row.update_time)}}</el-tag> </div>
</div> </template>
</template> </el-table-column>
</el-table-column> <el-table-column
<el-table-column fixed="right"
fixed="right" width="140">
width="140"> <template slot-scope="scope">
<template slot-scope="scope"> <el-button
<el-button @click.native.prevent="selectProject(scope.row)"
@click.native.prevent="selectProject(scope.row)" type="primary" icon="el-icon-edit"
type="primary" icon="el-icon-edit" size="small" circle plain>
size="small" circle plain> </el-button>
</el-button> <el-button
<el-button @click.native.prevent="showDuplicateProjectDialog(scope.row)"
@click.native.prevent="showDuplicateProjectDialog(scope.row)" type="success" icon="el-icon-document-copy"
type="success" icon="el-icon-document-copy" size="small" circle plain>
size="small" circle plain> </el-button>
</el-button> <el-button
<el-button @click.native.prevent="deleteProject(scope.row)"
@click.native.prevent="deleteProject(scope.row)" type="danger" icon="el-icon-delete"
type="danger" icon="el-icon-delete" size="small" circle plain>
size="small" circle plain> </el-button>
</el-button> </template>
</template> </el-table-column>
</el-table-column> </el-table>
</el-table>
</div>
</div> </div>
<div> <div>
<el-button @click="showCreateProjectDialog()">{{$t('Create')}}</el-button> <el-button @click="showCreateProjectDialog()">{{$t('Create')}}</el-button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment