Merge remote-tracking branch 'origin/wanzi' into muzi

src/views/programming/Interface.vue

@@ -109,9 +109,9 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onBeforeUnmount, computed } from 'vue'
+import { ref, onMounted, computed } from 'vue'
 import {  useRouter } from 'vue-router'
-import { Search, ArrowLeftBold } from '@element-plus/icons-vue'
+import { ArrowLeftBold } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import isDisabledImage from '@/assets/images/permission/isDisabled.png'
 
@@ -436,8 +436,6 @@ onMounted(async () => {
     boxIconTitle.value = String(title);
   }
   typeSort.value = router.currentRoute.value.query.typeSort;
-  // 初始化年级ID
-  // gradeId.value = globalState.initGradeId();
 })
 
 // 保存视频进度接口
@@ -457,9 +455,6 @@ const handleSaveProgress = async (progressData) => {
   }
 }
 
-onBeforeUnmount(() => {
-  // 组件卸载时的清理
-})
 </script>
 
 <style scoped lang="scss">
@@ -518,7 +513,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   margin-bottom: rpx(5);
 }
 
-/* 添加过渡样式 */
 
 .content-box {
   width: 100%;
@@ -549,7 +543,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   left: 0;
   right: 0;
   bottom: 0;
-  // background: linear-gradient(to bottom, #001169, #b4a8e1);
   background-image: url('@/assets/programming/list_bg03.png');
 }
 
@@ -611,47 +604,7 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   color: white;
 }
 
-.right-box {
-  flex: 1;
-  position: relative; // 添加相对定位;
-}
-.top-right-box {
-  position: absolute; // 添加绝对定位
-  // margin-top: rpx(9); // 调整上边距离
-  margin-left: rpx(260); // 调整右边距离
-  width: rpx(100); // 设置盒子宽度，可按需调整
-  // height: 60px; // 设置盒子高度，可按需调整
-  margin-right: rpx(20);
-  display: flex;
-  justify-content: flex-end;
-}
-.top-right-box {
-  ::v-deep(.el-input__wrapper) {
-    height: rpx(15);
-    font-size: rpx(6);
-    background-color: rgb(255, 255, 255, 0.5);
-    border-radius: rpx(12);
-    border: white 1px solid;
-    color: white;
-  }
-  ::v-deep(.el-input__icon) {
-    color: white; // 设置输入框图标颜色为白色
-  }
-  // 添加占位符样式
-  ::v-deep(.el-input__inner::placeholder) {
-    color: white;
-  }
-  // 添加输入框文字颜色样式
-  ::v-deep(.el-input__inner) {
-    color: black;
-  }
-}
-// 搜索框
-.search-input {
-  width: rpx(100);
-  height: rpx(15);
-  font-size: rpx(7);
-}
+
 .box-2 {
   width: 100%;
   flex: 1;
@@ -748,7 +701,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   font-size: rpx(12);
   position: relative;
   display: flex;
-  // align-items: center;
 
   .question-icon {
     background-color: $accent-color;
@@ -903,7 +855,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
     margin-right: rpx(10);
     background-color: $primary-color;
     padding: rpx(5);
-    // box-shadow: 0 rpx(2) rpx(5) rgba($primary-color, 0.2);
   }
 
   .ai-text-content {
@@ -913,7 +864,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
     font-size: rpx(10);
     color: $text-color;
     max-width: 80%;
-    // box-shadow: 0 rpx(1) rpx(3) rgba(0, 0, 0, 0.05);
   }
 }
 
@@ -1063,7 +1013,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
   // 可以根据实际情况调整最大高度
   font-size: rpx(5);
   max-height: 50vh;
-  // padding: 5px 10px;
 
   .message {
     display: flex;
@@ -1104,10 +1053,6 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
     background-color: $primary-color; // 滑块颜色
     border-radius: rpx(4); // 滑块圆角
     transition: background-color 0.3s ease; // 颜色过渡效果
-
-    &:hover {
-      //background-color: darken($primary-color, 10%); // 悬停时滑块颜色加深
-    }
   }
 
   // 滚动条轨道样式
@@ -1146,52 +1091,12 @@ $text-color: #483d8b; // 文本颜色：靛蓝色
 
 // 优化发送按钮样式
 .send-button {
-  //background: linear-gradient(90deg, $primary-color, $secondary-color);
   border: none;
   color: white;
-
-  &:hover {
-    //background: linear-gradient(90deg, darken($primary-color, 5%), darken($secondary-color, 5%));
-  }
 }
 </style>
 
-<style lang="scss">
-// 搜索下拉框样式
-@use 'sass:math';
-// 定义rpx转换函数
-@function rpx($px) {
-  @return math.div($px, 750) * 100vw;
-}
-/* 消除小三角 */
-.el-popper__arrow {
-  display: none;
-}
-.el-popper.is-light,
-.el-dropdown__popper.el-popper {
-  background: transparent;
-  border: none;
-  box-shadow: none;
-}
-.el-dropdown__popper {
-  --el-dropdown-menuItem-hover-color: none;
-}
-.el-autocomplete-suggestion .el-scrollbar__wrap {
-  margin: 0 auto;
-  background-color: rgba(255, 255, 255, 0.7);
-  border: 2px solid white;
-  border-radius: rpx(5);
-  backdrop-filter: blur(rpx(5));
-}
-.el-autocomplete-suggestion li {
-  color: black;
-  font-size: rpx(7);
-  padding: rpx(5) rpx(8); // 调整下拉项内边距
-}
-.el-autocomplete-suggestion li:hover {
-  background: linear-gradient(to bottom, #ffefb0, #ffcc00);
-}
-</style>
+
 
 <style scoped lang="scss">
 @use 'sass:math';

src/views/programming/ProgrammingCourset.vue

@@ -20,7 +20,7 @@
       <!-- 课程提示 -->
       <div class="top-right-box">
         <div class="top-right-inner-box">
-          <div class="course-info-box">{{ originalCourseTitle }}000</div>
+          <div class="course-info-box">{{ originalCourseTitle }}</div>
         </div>
       </div>
     </div>