|
|
@@ -4,6 +4,12 @@
|
|
|
<div class="left-group">
|
|
|
<el-row class="tac">
|
|
|
<el-col :span="12">
|
|
|
+ <div class="mb-2-container">
|
|
|
+ <span class="mb-2">
|
|
|
+ <img :src="breakthrough" alt="" />
|
|
|
+ 主题大冒险
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
<el-menu
|
|
|
:default-active="currentActiveIndex"
|
|
|
class="el-menu-vertical-demo"
|
|
|
@@ -43,6 +49,7 @@ import { useRouter, useRoute } from 'vue-router'
|
|
|
import blockly from '@/assets/icon/blockly.png'
|
|
|
// 黑色
|
|
|
import blockly02 from '@/assets/icon/blockly02.png'
|
|
|
+import breakthrough from '@/assets/icon/breakthrough.png'
|
|
|
|
|
|
|
|
|
|
|
|
@@ -152,14 +159,28 @@ defineExpose({
|
|
|
}
|
|
|
}
|
|
|
.mb-2 {
|
|
|
- color: black;
|
|
|
- margin-top: rpx(1);
|
|
|
+ color: white;
|
|
|
+ font-size: rpx(9);
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.mb-2 img {
|
|
|
+ width: rpx(15);
|
|
|
+ height: rpx(15);
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-top: rpx(-2);
|
|
|
+}
|
|
|
+.mb-2-container {
|
|
|
+ width: rpx(135);
|
|
|
+ height: rpx(30);
|
|
|
+ margin-top: rpx(20);
|
|
|
+ margin-left: rpx(10);
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
.tac ::v-deep(.el-menu) {
|
|
|
background-color: transparent;
|
|
|
border: none;
|
|
|
width: 100%;
|
|
|
- margin-top: rpx(25);
|
|
|
+ // margin-top: rpx(25);
|
|
|
margin-left: rpx(10);
|
|
|
}
|
|
|
.el-menu-item {
|