feat:今日视频logo等等bug修改
This commit is contained in:
parent
cb0de218fa
commit
d5346675ae
@ -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="专业的在线学习平台,提供优质的编程和技术课程">
|
||||||
|
@ -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">
|
||||||
|
@ -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>
|
||||||
|
|
||||||
<!-- 导航菜单 -->
|
<!-- 导航菜单 -->
|
||||||
|
@ -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 {
|
||||||
|
@ -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>
|
||||||
|
@ -118,12 +118,6 @@ const createColumns = ({
|
|||||||
{
|
{
|
||||||
type: 'selection',
|
type: 'selection',
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '序号',
|
|
||||||
key: 'id',
|
|
||||||
width: 60,
|
|
||||||
align: 'center',
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '试卷名称',
|
title: '试卷名称',
|
||||||
key: 'name',
|
key: 'name',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user