|
|
@@ -35,14 +35,16 @@
|
|
|
}
|
|
|
|
|
|
.tab-sort-bar {
|
|
|
- /*background: #f5f7fa;*/
|
|
|
+ background: #fdfdfd;
|
|
|
/*padding: 10px;*/
|
|
|
- /*margin-bottom: 20px;*/
|
|
|
+ margin-bottom: 10px;
|
|
|
border-radius: 4px;
|
|
|
/*box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);*/
|
|
|
/* 固定在顶部*/
|
|
|
position: fixed;
|
|
|
- top: 5px;
|
|
|
+ top: 0;
|
|
|
+ padding: 5px;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.tab-item {
|
|
|
@@ -56,6 +58,8 @@
|
|
|
margin: 0 10px;
|
|
|
/* 鼠标变成手*/
|
|
|
cursor: pointer;
|
|
|
+ /* 圆角*/
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
|
|
|
.tab-item:hover {
|
|
|
@@ -174,7 +178,7 @@
|
|
|
<div id="app" class="tab-container">
|
|
|
<!-- 标签排序栏 -->
|
|
|
<div class="tab-sort-bar" style="display: flex">
|
|
|
- <div style="">拖拽排序：</div>
|
|
|
+ <div style="">排序：</div>
|
|
|
<draggable
|
|
|
:disabled="readOnly"
|
|
|
v-model="groups"
|
|
|
@@ -197,7 +201,7 @@
|
|
|
:id="'group-'+group.name">
|
|
|
<div class="group-title">
|
|
|
<!-- <i class="el-icon-folder-opened"></i>-->
|
|
|
- <div style="margin-right: 20px;">{{ group.name }}</div>
|
|
|
+ <div style="margin-right: 20px; margin-left: 5px">{{ group.name }}</div>
|
|
|
|
|
|
<!-- 新增按钮 -->
|
|
|
<el-button type="text" @click.stop="addTabAfter(group.name)" v-if="!readOnly" >
|
tianyun