update
This commit is contained in:
toom1996
@ -5,18 +5,9 @@ import ImageXiazai from '../../../../public/template_2/xiazai.svg';
|
||||
import { Image } from 'astro:assets';
|
||||
import { getConfig, getExtra } from "../../../../utils/config";
|
||||
const config = getConfig(Astro)
|
||||
const extra = getExtra().index
|
||||
const sc1Homepage = config?.extra?.sc1?.img_homepage || '/template_2/index/homepage.webp'
|
||||
const extra = getExtra('')
|
||||
// swiper 数据
|
||||
const swiper = extra.sc3.swiper;
|
||||
console.log(extra)
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-chenai.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-daming.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-fancui.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-qiren.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-wenhua.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-yuanze.webp'
|
||||
// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-zero.webp'
|
||||
const swiper = extra.index.sc3.swiper;
|
||||
const breadcrumb = [{
|
||||
title: '主页',
|
||||
url: '/'
|
||||
@ -42,14 +33,14 @@ const breadcrumb = [{
|
||||
<div class="product-tabs__heading">
|
||||
<div class="product-tabs__title body-medium">
|
||||
<a title={config.app_name} href="/" class="product-link product-link__active" data-title="华为阅读">{config.app_name}</a>
|
||||
<a class="btn erweimaBTN a-btn-install-ga" href="https://appgallery.huawei.com/#/app/C100259315" target="_blank">点击下载
|
||||
<a class="btn erweimaBTN a-btn-install-ga" href={extra.app_download} target="_blank">点击下载
|
||||
<ImageXiazai style="margin-left:10px;width: 11px;height: 11px;" alt="下载按钮" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-tabs__links-container" style="margin-right: -20px;">
|
||||
<ul class="product-tabs__links">
|
||||
<li class="product-tabs__links-item">
|
||||
<a class="btn erweimaBTN a-btn-install-ga" href="https://appgallery.huawei.com/#/app/C100259315" style="position: relative;">
|
||||
<a class="btn erweimaBTN a-btn-install-ga" href={extra.app_download} style="position: relative;">
|
||||
点击下载<ImageXiazai style="margin-left:10px;width: 11px;height: 11px;" alt="下载按钮" />
|
||||
</a>
|
||||
</li>
|
||||
@ -60,33 +51,34 @@ const breadcrumb = [{
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-read-container">
|
||||
<div class="app-read-sc1-kv">
|
||||
<div class="app-read-sc1-kv sc1">
|
||||
<div class="sc1-mkt-text">
|
||||
<h1>{config.app_name}</h1>
|
||||
<h1 class="mkt-title">遇见更好的自己</h1>
|
||||
<div class="mkt-info">
|
||||
<Image src={config.app_logo} alt="logo" width="25" height="25" loading="eager"/>
|
||||
<h1 class="app-name">{config.app_name}</h1>
|
||||
</div>
|
||||
<h1 class="mkt-title">{extra.index.sc1.mkt_title}</h1>
|
||||
<p class="mkt-text">
|
||||
百万优质图书和精品有声内容；精巧微动效、精美排版，媲美精装纸质书；精品音色、定制人声，享受沉浸悦听；超
|
||||
50
|
||||
种语言一键翻译；跨设备流转，无缝续读；丰富的会员权益，各种福利活动持续<span class="text-nowrap">上新。</span>
|
||||
<Fragment set:html={extra.index.sc1.mkt_text}/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="sc1-mkt-img">
|
||||
<Image style="height:100%;width:100%" src={sc1Homepage} alt="app首页" width={100} height={100} loading="eager"/>
|
||||
<Image style="height:100%;width:100%" src={extra.index.sc1.img_box} alt="app首页" width={100} height={100} loading="eager"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-read-sc2">
|
||||
<div class="text-box">
|
||||
<div class="read-title">
|
||||
{extra.sc2.reaad_title}
|
||||
{extra.index.sc2.reaad_title}
|
||||
</div>
|
||||
<p class="read-text">
|
||||
{extra.sc2.reaad_text}
|
||||
{extra.index.sc2.reaad_text}
|
||||
</p>
|
||||
</div>
|
||||
<div class="sc2-swiper-box">
|
||||
<div class="swiper-wrapper sc2-swiper-container">
|
||||
{
|
||||
extra.sc3.swiper.map(item => {
|
||||
extra.index.sc3.swiper.map(item => {
|
||||
return <div class="sc2-swiper-silde swiper-slide">
|
||||
<Image class="h-auto" src={item.url} height={100} width={100} alt={`${item.name}封面`}/>
|
||||
<span class="book-name">{item.name}</span>
|
||||
@ -99,17 +91,17 @@ const breadcrumb = [{
|
||||
<div class="app-read-sc5" id="sc5Scene">
|
||||
<div class="sc5-animation-box">
|
||||
<div class="sc5-book-container img-box" id="sc5ZdpScene">
|
||||
<Image class="h-full" src={extra.sc5.img_box} alt="背景" width={100} height={100} />
|
||||
<Image class="h-full" src={extra.index.sc5.img_box} alt="背景" width={100} height={100} />
|
||||
</div>
|
||||
<div class="text-box">
|
||||
<div class="read-subtitle">
|
||||
{extra.sc5.read_subtitle}
|
||||
{extra.index.sc5.read_subtitle}
|
||||
</div>
|
||||
<div class="read-title">
|
||||
{extra.sc5.read_title}
|
||||
{extra.index.sc5.read_title}
|
||||
</div>
|
||||
<p class="read-text">
|
||||
<Fragment set:html={extra.sc5.read_text}></Fragment>
|
||||
<Fragment set:html={extra.index.sc5.read_text}></Fragment>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -118,36 +110,36 @@ const breadcrumb = [{
|
||||
<div class="sc6-animation-container">
|
||||
<div class="text-box">
|
||||
<div class="read-title">
|
||||
{extra.sc6.read_title}
|
||||
{extra.index.sc6.read_title}
|
||||
</div>
|
||||
<p class="read-text">
|
||||
<Fragment set:html={extra.sc6.read_text} />
|
||||
<Fragment set:html={extra.index.sc6.read_text} />
|
||||
</p>
|
||||
</div>
|
||||
<div class="sc6-animation-box img-box" id="sc6ZdpScene">
|
||||
<Image src={extra.sc6.img_box} class="h-full" alt="" width={100} height={100}/>
|
||||
<Image src={extra.index.sc6.img_box} class="h-full" alt="" width={100} height={100}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-read-sc7">
|
||||
<div class="text-box">
|
||||
<div class="read-title">
|
||||
{extra.sc7.read_title}
|
||||
{extra.index.sc7.read_title}
|
||||
</div>
|
||||
<p class="read-text">
|
||||
<Fragment set:html={extra.sc7.read_text}>
|
||||
<Fragment set:html={extra.index.sc7.read_text}>
|
||||
</p>
|
||||
</div>
|
||||
<div class="sc7-img-box">
|
||||
<Image class="h-auto" src={extra.sc7.img_box} alt="背景图" width={100} height={100} />
|
||||
<Image class="h-auto" src={extra.index.sc7.img_box} alt="背景图" width={100} height={100} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-read-sc8">
|
||||
<Image class="h-full" src={extra.sc8.img_box} alt="背景" height={100} width={100}/>
|
||||
<Image class="h-full" src={extra.index.sc8.img_box} alt="背景" height={100} width={100}/>
|
||||
<div class="sc8-content-wrapper">
|
||||
<div class="text-box">
|
||||
<div class="read-title">
|
||||
{extra.sc8.read_title}
|
||||
{extra.index.sc8.read_title}
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-container">
|
||||
@ -155,28 +147,28 @@ const breadcrumb = [{
|
||||
<div class="icon-warpper2">
|
||||
<div class="icon-top">
|
||||
<div class="icon-item">
|
||||
<Image class="h-full" src={extra.sc8.icon1} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.sc8.icon1_text}</span>
|
||||
<Image class="h-full" src={extra.index.sc8.icon1} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.index.sc8.icon1_text}</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<Image class="h-full" src={extra.sc8.icon2} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.sc8.icon2_text}</span>
|
||||
<Image class="h-full" src={extra.index.sc8.icon2} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.index.sc8.icon2_text}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-center">
|
||||
<div class="icon-item icon-item2">
|
||||
<Image class="h-full" src={extra.sc8.icon3} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.sc8.icon3_text}</span>
|
||||
<Image class="h-full" src={extra.index.sc8.icon3} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.index.sc8.icon3_text}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="icon-bottom">
|
||||
<div class="icon-item">
|
||||
<Image class="h-full" src={extra.sc8.icon4} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.sc8.icon4_text}</span>
|
||||
<Image class="h-full" src={extra.index.sc8.icon4} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.index.sc8.icon4_text}</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<Image class="h-full" src={extra.sc8.icon5} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.sc8.icon5_text}</span>
|
||||
<Image class="h-full" src={extra.index.sc8.icon5} alt="icon" height={100} width={100} />
|
||||
<span class="icon-desc">{extra.index.sc8.icon5_text}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -192,6 +184,17 @@ const breadcrumb = [{
|
||||
</Layout>
|
||||
|
||||
<style>
|
||||
.mkt-info {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sc2-swiper-box {
|
||||
img {
|
||||
height: 100%;
|
||||
@ -263,6 +266,17 @@ const breadcrumb = [{
|
||||
.v4.n06-news-second-navigation .product-tabs__title .btn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mkt-info {
|
||||
img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.sc1 .app-name {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
|
||||
Reference in New Issue
Block a user