Browse Source

细节优化

master
taylor 8 years ago
parent
commit
51f53184d1
  1. 4
      src/pages/Home.vue
  2. 8
      src/pages/nav1/Table.vue
  3. 6
      src/pages/nav1/user.vue

4
src/pages/Home.vue

@ -157,14 +157,14 @@
.panel-top .rightbar{ .panel-top .rightbar{
text-align: right; text-align: right;
padding-right: 20px;
padding-right: 35px;
} }
.panel-top .rightbar .head{ .panel-top .rightbar .head{
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 20px; border-radius: 20px;
margin: 10px 15px;
margin: 10px 0px 10px 10px;
float: right; float: right;
} }

8
src/pages/nav1/Table.vue

@ -20,17 +20,17 @@
<el-table :data="users" highlight-current-row v-loading="listLoading" style="width: 100%;"> <el-table :data="users" highlight-current-row v-loading="listLoading" style="width: 100%;">
<el-table-column type="index" width="60"> <el-table-column type="index" width="60">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="姓名" width="180" sortable>
<el-table-column prop="name" label="姓名" width="120" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="age" label="年龄" width="100" sortable> <el-table-column prop="age" label="年龄" width="100" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="birth" label="生日" width="180" sortable>
<el-table-column prop="birth" label="生日" width="120" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="addr" label="地址" sortable>
<el-table-column prop="addr" label="地址" min-width="180" sortable>
</el-table-column> </el-table-column>
<el-table-column inline-template :context="_self" label="操作" width="140">
<el-table-column inline-template :context="_self" label="操作" width="150">
<span> <span>
<el-button size="small" @click="handleEdit(row)">编辑</el-button> <el-button size="small" @click="handleEdit(row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDel(row)">删除</el-button> <el-button type="danger" size="small" @click="handleDel(row)">删除</el-button>

6
src/pages/nav1/user.vue

@ -17,15 +17,15 @@
<el-table :data="users" highlight-current-row v-loading="loading" style="width: 100%;"> <el-table :data="users" highlight-current-row v-loading="loading" style="width: 100%;">
<el-table-column type="index" width="60"> <el-table-column type="index" width="60">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="姓名" width="180" sortable>
<el-table-column prop="name" label="姓名" width="120" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable> <el-table-column prop="sex" label="性别" width="100" :formatter="formatSex" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="age" label="年龄" width="100" sortable> <el-table-column prop="age" label="年龄" width="100" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="birth" label="生日" width="180" sortable>
<el-table-column prop="birth" label="生日" width="120" sortable>
</el-table-column> </el-table-column>
<el-table-column prop="addr" label="地址" sortable>
<el-table-column prop="addr" label="地址" min-width="180" sortable>
</el-table-column> </el-table-column>
</el-table> </el-table>
</template> </template>

Loading…
Cancel
Save