Просмотр исходного кода

```
feat(config): 更新开发环境API配置

更新.env.development文件中的API基础URL配置,
将高运甲的IP地址从注释状态改为启用状态

feat(footer): 重构页面底部内容和样式

- 将底部版权信息重新布局,添加服务协议和隐私政策链接
- 增加备案号链接并跳转到工信部网站
- 添加公司名称信息
- 引入openNewTab工具函数用于外部链接打开

feat(home): 实现首页轮播图动态加载

- 使用v-for循环动态渲染轮播图项目
- 从OSS获取轮播图资源,支持多张图片轮播
- 移除本地静态图片依赖,优化资源加载

feat(learning): 优化学习系统页面轮播图

- 实现学习系统页面轮播图动态加载功能
- 从OSS动态获取学习相关图片资源
- 移除本地learn.png图片依赖

refactor(styles): 注释轮播图按钮样式配置

暂时注释掉轮播图按钮的渐变色样式配置,
保留后续可能需要的样式代码
```

zhangningning недель назад: 4
Родитель
Сommit
58d0953430

+ 1 - 1
.env.development

@@ -3,7 +3,7 @@ VITE_API_BASE_URL=http://192.168.100.134:8080/api
 # VITE_API_BASE_URL=http://192.168.100.134:8080/api
 # VITE_API_BASE_URL=http://192.168.101.12:8080/api
 # 高运甲
-# VITE_API_BASE_URL=http://192.168.100.89:8080/api
+VITE_API_BASE_URL=http://192.168.100.89:8080/api
 # VITE_API_BASE_URL=http://192.168.101.12:8080/api
 
 

+ 11 - 2
src/App.vue

@@ -44,8 +44,16 @@
       </el-main>
       
       <el-footer>
-        <div class="footer-content">
-          <p>服务协议隐私政策浙ICP备2024141841号-6浙公网安备 33011002018505 号</p>
+        <div class="footer-content" >
+          <p> 
+            <span class="cursor-pointer">《服务协议》</span>
+            <span class="gray999"> | </span>
+            <span class="cursor-pointer">《隐私政策》</span> 
+            <span class="gray999"> | </span>
+            <span @click="openNewTab('https://beian.miit.gov.cn/')" class="cursor-pointer">粤ICP备2025364959号-1</span>
+            <span class="gray999"> | </span>
+            <span>广州暴米智能科技有限公司</span>
+          </p>
         </div>
       </el-footer>
     </el-container>
@@ -62,6 +70,7 @@ import { computed,ref,onMounted, provide, watch } from 'vue'
 import LangSwitch from './components/LangSwitch.vue'
 import { ElConfigProvider, ElMessage } from 'element-plus'
 import { useRoute, useRouter } from 'vue-router'
+import { openNewTab } from '@/utils/util.js'
 // 在Pinia安装后再设置初始语言
 import { useLangStore } from '@/pinia/langStore'
 import { useAppStore } from '@/pinia/appStore'

BIN
src/assets/imgs/banner.png


BIN
src/assets/imgs/learn.png


+ 4 - 5
src/pages/Home.vue

@@ -2,20 +2,20 @@
   <div class="home-page">
     <div class="banner flex-center">
       <el-carousel :height="carouselHeight" style="width: 100%;">
-        <el-carousel-item>
+        <el-carousel-item v-for="(item,index) in 3" :key="index">
           <img
-            :src="bannerImage"
+            :src="`https://baomiai.oss-cn-shanghai.aliyuncs.com/static/banner-0${index+1}.png`"
             class="carousel-image"
             @load="onImageLoad"
           />
         </el-carousel-item>
-        <el-carousel-item>
+        <!-- <el-carousel-item>
           <img
             :src="bannerImage"
             class="carousel-image"
             @load="onImageLoad"
           />
-        </el-carousel-item>
+        </el-carousel-item> -->
         
       </el-carousel>
     </div>
@@ -81,7 +81,6 @@
 </template>
 
 <script setup>
-import bannerImage from '@/assets/imgs/banner.png'
 import searchIcon from '@/assets/imgs/search.png'
 import addIcon from '@/assets/imgs/add.png'
 import n8Icon from '@/assets/imgs/8n8.png'

+ 4 - 5
src/pages/LearningSystem/LearningSystem.vue

@@ -4,20 +4,20 @@
       <div :style="{height: carouselHeight}">
         <div style="width:100%;position: absolute;top: 60px;left: 0;">
           <el-carousel :height="carouselHeight" style="width: 100%;">
-            <el-carousel-item>
+            <el-carousel-item v-for="(item,index) in 3" :key="index">
               <img
-                :src="learnIcon"
+                :src="`https://baomiai.oss-cn-shanghai.aliyuncs.com/static/learn-0${index+1}.png`"
                 style="width:100%"
                 @load="onImageLoad"
               />
             </el-carousel-item>
-            <el-carousel-item>
+            <!-- <el-carousel-item>
               <img
                 :src="learnIcon"
                 style="width:100%"
                 @load="onImageLoad"
               />
-            </el-carousel-item>
+            </el-carousel-item> -->
             
           </el-carousel>
         </div>
@@ -142,7 +142,6 @@
 <script setup>
   import viewIcon from '@/assets/imgs/view.png'
   import playIcon from '@/assets/imgs/bofang.png'
-  import learnIcon from '@/assets/imgs/learn.png'
 
   import CourseCard from '@/components/course-card.vue'
   import Pagination from '@/components/Pagination.vue'

+ 5 - 1
src/styles/index.scss

@@ -889,4 +889,8 @@ wx-image {
 		// border-color: $primary-color;
 		border: 4px solid $primary-color;
 	}
-}
+}
+// .el-carousel__button{
+// 	// background-color: $primary-color;
+// 	background: linear-gradient(90deg, #0055FE 0%, #C832FA 100%);
+// }