toom1996/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
toom1996
2025-07-14 16:27:50 +08:00
parent 33cceaadcb
commit c77a2daa5f
3 changed files with 250 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/template_4/js/main.js
View File

@ -29,7 +29,6 @@ $('#mobile-menu').meanmenu({
});
$('.side-toggle').on('click', function () {
alert('1111')
$('.side-info').addClass('info-open');
$('.offcanvas-overlay').addClass('overlay-open');
})

2
src/layouts/Layout_4.astro
View File

@ -56,7 +56,7 @@ import '../styles/template_4/meanmenu.css'
</div>
<div class="col-2 col-md-1">
<div class="side-menu-icon d-lg-none text-end">
<button class="side-toggle">顶顶顶顶顶</button>
<button class="side-toggle">三</button>
</div>
</div>
</div>

63
src/pages/template/4/index.astro
View File

@ -8,6 +8,7 @@ import { TP2_COLUMN_ABOUT_US, TP2_COLUMN_INDEX, TP2_COLUMN_INDEX_URL } from "../
import { newsIndex } from "../../../../utils/rpc";
const config = getConfig(Astro)
const extra = getTp4Extra(config.app_extra_tag);
console.log(extra)
const {code, data} = await newsIndex(config.id, 3);
const breadcrumb = [{
@ -22,14 +23,13 @@ const breadcrumb = [{
breadcrumb={breadcrumb}
>
<main>
<div class="app_slider d-flex align-items-center fix">
<div class="app_slider d-flex align-items-center fix">
<div class="App_shape-circle">
<img class="shapeAbsoulute scale-upOne d-sm-none d-md-block" src="/template_4/images/shape/circle.png" alt=""/>
<img class="shape10" src="/template_4/images/shape/shape10.png" alt=""/>
<img class="shape13" src="/template_4/images/shape/shape13.png" alt=""/>
</div>
<div class="container">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
<div class="App_shape wow fadeInLeft d-sm-none d-md-block d-none d-sm-block" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;">
@ -55,11 +55,11 @@ const breadcrumb = [{
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FETURES START -->
<div class="homefeture_1 pt-115 pb-130">
<!-- FETURES START -->
<div class="homefeture_1 pt-115 pb-130">
<div class="container">
<div class="app_left_shape">
<img class="leftanimation d-none d-sm-block" src="/template_4/images/shape/left.png" alt="leftshape"/>
@ -112,11 +112,11 @@ const breadcrumb = [{
</div>
</div>
</div>
</div>
<!-- FETURES END -->
</div>
<!-- FETURES END -->
<!-- APP DETAILS START -->
<div class="app_details pb-20">
<!-- APP DETAILS START -->
<div class="app_details pb-20">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-6 col-md-12">
@ -177,11 +177,11 @@ const breadcrumb = [{
</div>
</div>
</div>
</div>
<!-- APP DETAILS END -->
</div>
<!-- APP DETAILS END -->
<!-- DOWNLOAD START -->
<div class="download-area pt-50 mt-100">
<!-- DOWNLOAD START -->
<div class="download-area pt-50 mt-100">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-4 col-sm-12 d-sm-none d-md-block">
@ -196,20 +196,20 @@ const breadcrumb = [{
<h2 class="section-title">{extra?.sc4?.text1}</h2>
<p>{extra?.sc4?.text2}</p>
<div class="download-btn">
<a class="tp_download" href={extra?.sc4?.text3}><Image width={50} height={50} alt="huawei-store" src={`/template_4/images/store/huawei.svg`} /></a>
<a class="tp_download" href={extra?.sc4?.text4}><Image width={50} height={50} alt="xiaomi-store" src={`/template_4/images/store/xiaomi.svg`} /></a>
<a class="tp_download" href={extra?.sc4?.text5}><Image width={50} height={50} alt="tencent-store" src={`/template_4/images/store/tencent.svg`} /></a>
<a class="tp_download" href={extra?.sc4?.text6}><Image width={50} height={50} alt="wandoujia-store" src={`/template_4/images/store/wandoujia.svg`} /></a>
<span class="tp_download"><Image width={50} height={50} alt="huawei-store" src={`/template_4/images/store/huawei.svg`} /></span>
<span class="tp_download"><Image width={50} height={50} alt="xiaomi-store" src={`/template_4/images/store/xiaomi.svg`} /></span>
<span class="tp_download"><Image width={50} height={50} alt="tencent-store" src={`/template_4/images/store/tencent.svg`} /></span>
<span class="tp_download"><Image width={50} height={50} alt="wandoujia-store" src={`/template_4/images/store/wandoujia.svg`} /></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- DOWNLOAD END -->
</div>
<!-- DOWNLOAD END -->
<div class="blog3">
<div class="container">
<div class="blog3">
<div class="container">
<div class="section_title_wrapper mb-60 text-center">
<h2 class="section-title team_title_h3">新闻产品资讯</h2>
</div>
@ -234,12 +234,12 @@ const breadcrumb = [{
})
}
</div>
</div>
</div>
</div>
</div>
<!-- TRY START -->
<div class="social_share mb-100">
<div class="container">
<!-- TRY START -->
<div class="social_share mb-100">
<div class="container">
<div class="section_title_wrapper mb-80 text-center mt-115">
<h2 class="section-title mb-20">{extra?.sc5?.text1}</p>
</div>
@ -286,10 +286,9 @@ const breadcrumb = [{
</div>
</div>
</div>
</div>
</div>
<!-- TRY END -->
</main>
</div>
</div>
<!-- TRY END -->
</Layout>
<style>