丸子 5 місяців тому
батько
коміт
b30ed03f37

BIN
src/assets/icon/breakthrough.png


+ 24 - 3
src/components/sidebar/ProgrammingSidebar.vue

@@ -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 {