|
|
@@ -7,12 +7,12 @@
|
|
|
<div></div>
|
|
|
<div
|
|
|
v-for="(item, index) in items" :key="'educationExp' + index"
|
|
|
- :class="['educExpItem', {'mt-5': index,'elevation-5 elevation5': item.active }]"
|
|
|
+ :class="['educExpItem', {'mt-5': index }]"
|
|
|
>
|
|
|
<div class="level1 d-flex align-center justify-space-between" style="height: 40px;">
|
|
|
<div>
|
|
|
<span style="font-size: 18px; font-weight: bold;">{{ item.university }}</span>
|
|
|
- <span class="color6 ml-5">{{ item.timeSlot }}</span>
|
|
|
+ <span class="color9 ml-5">{{ item.timeSlot }}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
<v-btn variant="text" color="primary" prepend-icon="mdi-square-edit-outline" @click="isEdit = true">{{ $t('common.edit') }}</v-btn>
|
|
|
@@ -20,13 +20,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="level2 my-2">
|
|
|
- <span class="color6">{{ item.major }}</span>
|
|
|
- <span class="color6 mx-2" v-if="item.eduType && item.eduType !== 0">|</span>
|
|
|
- <span class="color6">{{ item.eduType }}</span>
|
|
|
+ <span class="color9">{{ item.major }}</span>
|
|
|
+ <span class="vline" v-if="item.eduType && item.eduType !== 0"></span>
|
|
|
+ <span class="color9">{{ item.eduType }}</span>
|
|
|
</div>
|
|
|
<div class="level3">
|
|
|
- <span class="color6">主修科目：</span>
|
|
|
- <span class="color6">{{ item.majors }}</span>
|
|
|
+ <span class="color9">主修科目：</span>
|
|
|
+ <span class="color9">{{ item.majors }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -69,13 +69,13 @@ const items = ref([
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-.color6 { color: #666666; }
|
|
|
+.color9 { color: #666666; }
|
|
|
.educExpItem {
|
|
|
cursor: pointer;
|
|
|
-}
|
|
|
-.elevation5 {
|
|
|
- padding: 12px 20px;
|
|
|
- border-radius: 5px;
|
|
|
- // background: var(--default-bgc);
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 0 10px 8px;
|
|
|
+ &:hover {
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
