|
@@ -4,7 +4,7 @@
|
|
<div v-for="button in usedOperations" :key="button.type" class="btn-item">
|
|
<div v-for="button in usedOperations" :key="button.type" class="btn-item">
|
|
<div
|
|
<div
|
|
:ref="(el) => bindRef(button.type, el)"
|
|
:ref="(el) => bindRef(button.type, el)"
|
|
- class="grid pointer radius-circle fill-light operation-button"
|
|
|
|
|
|
+ class="grid pointer radius-circle operation-button"
|
|
:title="button.title"
|
|
:title="button.title"
|
|
@click="onOperationClick(button)"
|
|
@click="onOperationClick(button)"
|
|
>
|
|
>
|
|
@@ -13,7 +13,7 @@
|
|
style="font-size: 15px"
|
|
style="font-size: 15px"
|
|
></svg-icon>
|
|
></svg-icon>
|
|
</div>
|
|
</div>
|
|
- <p class="icon-title">{{ button.title }}</p>
|
|
|
|
|
|
+ <p class="icon-title">{{ button.smallTitle || button.title }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<color-picker v-model="frontColor" :virtual-ref="refs['front-color']" virtual-triggering></color-picker>
|
|
<color-picker v-model="frontColor" :virtual-ref="refs['front-color']" virtual-triggering></color-picker>
|
|
@@ -26,7 +26,7 @@
|
|
</span>
|
|
</span>
|
|
<span class="data-item is-last"><user-info></user-info></span>
|
|
<span class="data-item is-last"><user-info></user-info></span>
|
|
|
|
|
|
- <div class="grid fill-light-gray pointer close-icon" @click="willLogout">
|
|
|
|
|
|
+ <div class="grid pointer close-icon" @click="willLogout">
|
|
<el-icon><close /></el-icon>
|
|
<el-icon><close /></el-icon>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -65,6 +65,7 @@ type ButtonType =
|
|
interface HeaderButton {
|
|
interface HeaderButton {
|
|
title: string
|
|
title: string
|
|
type: ButtonType
|
|
type: ButtonType
|
|
|
|
+ smallTitle?: string
|
|
}
|
|
}
|
|
|
|
|
|
type EventType = Exclude<ButtonType, 'scale-up' | 'scale-down'> | 'scale-change'
|
|
type EventType = Exclude<ButtonType, 'scale-up' | 'scale-down'> | 'scale-change'
|
|
@@ -107,7 +108,7 @@ const buttons: HeaderButton[] = [
|
|
{ title: '问题卷', type: 'problem' },
|
|
{ title: '问题卷', type: 'problem' },
|
|
{ title: '查看样卷', type: 'example' },
|
|
{ title: '查看样卷', type: 'example' },
|
|
{ title: '评分标准', type: 'standard' },
|
|
{ title: '评分标准', type: 'standard' },
|
|
- { title: '删除当前专家卷', type: 'delete' },
|
|
|
|
|
|
+ { title: '删除当前专家卷', type: 'delete', smallTitle: '删除' },
|
|
{ title: '设置专家卷', type: 'bookmark' },
|
|
{ title: '设置专家卷', type: 'bookmark' },
|
|
]
|
|
]
|
|
|
|
|
|
@@ -260,6 +261,8 @@ const willLogout = async () => {
|
|
},
|
|
},
|
|
})
|
|
})
|
|
logout()
|
|
logout()
|
|
|
|
+ } else {
|
|
|
|
+ logout()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// onUnmounted(() => {
|
|
// onUnmounted(() => {
|
|
@@ -288,12 +291,15 @@ const willLogout = async () => {
|
|
.icon-title {
|
|
.icon-title {
|
|
font-size: 8px;
|
|
font-size: 8px;
|
|
transform: scale(0.9);
|
|
transform: scale(0.9);
|
|
|
|
+ color: #999;
|
|
}
|
|
}
|
|
.operation-button {
|
|
.operation-button {
|
|
width: 30px;
|
|
width: 30px;
|
|
height: 30px;
|
|
height: 30px;
|
|
place-items: center;
|
|
place-items: center;
|
|
color: $RegularFontColor;
|
|
color: $RegularFontColor;
|
|
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
|
|
+ color: #fff;
|
|
margin-left: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-right: auto;
|
|
&:hover {
|
|
&:hover {
|
|
@@ -303,8 +309,10 @@ const willLogout = async () => {
|
|
}
|
|
}
|
|
.mark-header {
|
|
.mark-header {
|
|
margin-left: auto;
|
|
margin-left: auto;
|
|
- color: $RegularFontColor;
|
|
|
|
|
|
+ // color: $RegularFontColor;
|
|
|
|
+ color: #999;
|
|
font-size: $SmallFont;
|
|
font-size: $SmallFont;
|
|
|
|
+ font-weight: bold;
|
|
::v-deep(.data-item) {
|
|
::v-deep(.data-item) {
|
|
padding-left: 20px;
|
|
padding-left: 20px;
|
|
// display: flex;
|
|
// display: flex;
|
|
@@ -329,6 +337,7 @@ const willLogout = async () => {
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: $color--primary;
|
|
color: $color--primary;
|
|
margin-bottom: 5px;
|
|
margin-bottom: 5px;
|
|
|
|
+ max-width: 135px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -339,11 +348,13 @@ const willLogout = async () => {
|
|
font-size: 1.4em;
|
|
font-size: 1.4em;
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
place-items: center;
|
|
place-items: center;
|
|
- color: #666;
|
|
|
|
|
|
+ color: #ccc;
|
|
transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
|
|
+ background-color: #222;
|
|
&:hover {
|
|
&:hover {
|
|
- background-color: #dfdfdf;
|
|
|
|
- color: #444;
|
|
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|