feat:今日视频logo等等bug修改

This commit is contained in:
小张 2025-09-25 22:16:09 +08:00
parent cb0de218fa
commit d5346675ae
6 changed files with 45 additions and 18 deletions

View File

@ -2,7 +2,7 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/logo/logo1.png"> <!-- <link rel="icon" href="/logo/logo1.png"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线学习平台</title> <title>在线学习平台</title>
<meta name="description" content="专业的在线学习平台,提供优质的编程和技术课程"> <meta name="description" content="专业的在线学习平台,提供优质的编程和技术课程">

View File

@ -3,11 +3,11 @@
<div class="footer-content"> <div class="footer-content">
<!-- 左侧内容区域 --> <!-- 左侧内容区域 -->
<div class="footer-left"> <div class="footer-left">
<!-- 上层Logo图标 --> <!-- 上层Logo图标
<div class="footer-logos"> <div class="footer-logos">
<img src="/logo/logo2.png" alt="Logo 1" class="footer-logo-img" /> <img src="/logo/logo2.png" alt="Logo 1" class="footer-logo-img" />
<img src="/logo/logo3.png" alt="Logo 2" class="footer-logo-img" /> <img src="/logo/logo3.png" alt="Logo 2" class="footer-logo-img" />
</div> </div> -->
<!-- 下层标题文字 --> <!-- 下层标题文字 -->
<div class="footer-title"> <div class="footer-title">
{{ t('footer.title') }} {{ t('footer.title') }}
@ -21,9 +21,9 @@
<div class="footer-right"> <div class="footer-right">
<div class="certification-section"> <div class="certification-section">
<!-- 认证标志 --> <!-- 认证标志 -->
<div class="certification-logo"> <!-- <div class="certification-logo">
<img src="/logo/logo4.png" alt="认证标志" class="cert-logo-img" /> <img src="/logo/logo4.png" alt="认证标志" class="cert-logo-img" />
</div> </div> -->
<!-- 认证信息 --> <!-- 认证信息 -->
<div class="certification-info"> <div class="certification-info">
<div class="cert-line"> <div class="cert-line">

View File

@ -2,9 +2,9 @@
<div class="header-container"> <div class="header-container">
<!-- Logo区域 --> <!-- Logo区域 -->
<div class="logo-section"> <div class="logo-section">
<div class="logo" @click="$router.push('/')"> <!-- <div class="logo" @click="$router.push('/')">
<img src="/logo/logo1.png" alt="Logo" class="logo-image" /> <img src="/logo/logo1.png" alt="Logo" class="logo-image" />
</div> </div> -->
</div> </div>
<!-- 导航菜单 --> <!-- 导航菜单 -->

View File

@ -294,8 +294,7 @@
@danmaku-send="onDanmakuSend" @danmaku-send="onDanmakuSend"
@qualityChange="onQualityChange" @qualityChange="onQualityChange"
/> />
<div v-else class="video-placeholder" <div v-else class="video-placeholder" style="background-image: url('/images/aiCompanion/背景色@2x.png');">
:style="{ backgroundImage: course?.coverImage || course?.thumbnail ? `url(${course.coverImage || course.thumbnail})` : '' }">
<div class="placeholder-content"> <div class="placeholder-content">
<div class="play-icon"> <div class="play-icon">
<svg width="60" height="60" viewBox="0 0 60 60"> <svg width="60" height="60" viewBox="0 0 60 60">
@ -4196,12 +4195,46 @@ onActivated(() => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #f5f5f5; overflow: hidden;
/* 如果没有背景图片,使用默认渐变背景 */
background-image:
radial-gradient(ellipse at 30% 40%, rgba(59, 130, 246, 0.4) 0%, transparent 50%),
radial-gradient(ellipse at 70% 60%, rgba(34, 197, 94, 0.3) 0%, transparent 50%),
radial-gradient(ellipse at 50% 80%, rgba(168, 85, 247, 0.2) 0%, transparent 50%),
linear-gradient(135deg, #1e3a8a 0%, #1e40af 30%, #1d4ed8 60%, #2563eb 100%);
}
.video-placeholder::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('/images/aiCompanion/bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video-placeholder::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(ellipse 800px 600px at 40% 50%, rgba(59, 130, 246, 0.08) 0%, transparent 70%),
radial-gradient(ellipse 600px 400px at 60% 30%, rgba(34, 197, 94, 0.06) 0%, transparent 70%);
pointer-events: none;
} }
.placeholder-content { .placeholder-content {
position: relative;
z-index: 2;
text-align: center; text-align: center;
color: #666; color: white;
} }
.play-icon { .play-icon {

View File

@ -4,7 +4,7 @@
<section class="hero-banner"> <section class="hero-banner">
<img :src="bannerImage" :alt="bannerAlt" class="banner-image" /> <img :src="bannerImage" :alt="bannerAlt" class="banner-image" />
<div class="hero-content"> <div class="hero-content">
<h2>{{ mainTitle }}<span>{{ mainTitleHighlight }}</span>在线学习平台</h2> <h2>云南省{{ mainTitle }}<span>{{ mainTitleHighlight }}</span>在线学习平台</h2>
<p>为教师量身定制帮助教师快速掌握AI技术教学应用与伦理规范赋能智慧课堂</p> <p>为教师量身定制帮助教师快速掌握AI技术教学应用与伦理规范赋能智慧课堂</p>
<button @click="goToCoursesPage">立即学习</button> <button @click="goToCoursesPage">立即学习</button>
</div> </div>

View File

@ -118,12 +118,6 @@ const createColumns = ({
{ {
type: 'selection', type: 'selection',
}, },
{
title: '序号',
key: 'id',
width: 60,
align: 'center',
},
{ {
title: '试卷名称', title: '试卷名称',
key: 'name', key: 'name',