From cff43dbd99d99189864acd591f856a38e87c5b09 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Mon, 15 Sep 2025 17:03:50 +0800
Subject: [PATCH] 提交
---
app/home/view/index/index.html | 355 +++++++++++++++++-----------------------------------------
1 files changed, 105 insertions(+), 250 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 5061afa..3185b7c 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -9,6 +9,37 @@
<include file="common:element-plus" />
<link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
<include file="common:html-header" />
+ <style>
+ .cover_img {
+ width: 360px;
+ height: 240px;
+ vertical-align: middle;
+ object-fit: cover;
+ }
+
+ .blog-title {
+ height: 53px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+
+ .blog-desc {
+ height: 77px;
+ margin: 15px 0;
+ padding: 0 0 0 0 !important;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ }
+ .witr_pslide_image img{
+ width: 100%;
+ }
+ </style>
</head>
<body>
@@ -16,66 +47,7 @@
<!-- 顶部 导航栏 -->
<include file="common:top-header" />
- <!-- MOBILE MENU Logo AREA -->
- <div class="mobile_logo_area hidden-md hidden-lg">
- <div class="container">
- <div class="row">
- <div class="col-sm-12">
- <div class="mobile_menu_logo text-center">
- <a href="index.html" title="lowgo">
- <img src="/static/home/images/logo.png" alt="lowgo">
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- MOBILE MENU AREA -->
- <div class="home-2 mbm hidden-md hidden-lg header_area main-menu-area">
- <div class="menu_area mobile-menu">
- <nav class="itpart_menu">
- <ul class="sub-menu">
- <li class="menu-item-has-children"><a href="#">Home</a>
- <ul class="sub-menu">
- <li><a href="index.html">Home Page</a></li>
- <li><a href="home-two.html">Home Two Page</a></li>
- <li><a href="home-video.html">Home Video Page</a></li>
- <li><a href="landing-page.html">Landing Page</a></li>
- </ul>
- </li>
- <li><a href="about.html">About</a></li>
- <li><a href="service.html">Service</a></li>
- <li class="menu-item-has-children"><a href="blog.html">Blog</a>
- <ul class="sub-menu">
- <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
- <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
- <li><a href="blog.html">Blog Gird</a></li>
- </ul>
- </li>
- <li class="menu-item-has-children"><a href="#">Pages</a>
- <ul class="sub-menu">
- <li class="menu-item-has-children"><a href="">Portfolio</a>
- <ul class="sub-menu">
- <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
- <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
- <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
- </ul>
- </li>
- <li><a href="testimonial.html">Testimonial</a></li>
- <li><a href="pricing-table.html">Pricing Table</a></li>
- <li><a href="team.html">Team</a></li>
- <li><a href="faq-page.html">Faq Page</a></li>
- <li><a href="single-service.html">Single Service</a></li>
- </ul>
- </li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
-
- </nav>
- </div>
- </div>
- <!-- END MOBILE MENU AREA -->
-
+ <!-- 轮播图 -->
<div class="witr_swiper_area">
<div class="swiper-container swiper_active">
<div class="swiper-wrapper">
@@ -205,7 +177,7 @@
</div>
</div>
- <!-- about area -->
+ <!-- 关于我们 -->
<div class="itpart_about_area">
<div class="container">
<div class="row">
@@ -223,7 +195,7 @@
<!-- title left -->
<div class="witr_section_title">
<div class="witr_section_title_inner text-left">
- <h3>{{ $t('message.home.text-9')}}<span> {{ $t('message.home.text-10')}}<span></span></span></h3>
+ <h3>{{ $t('message.home.text-9')}}</h3>
<!-- content -->
<p>{{ $t('message.home.text-11')}}</p>
</div>
@@ -263,7 +235,7 @@
<!-- btn default style -->
<div class="witr_btn_style mr">
<div class="witr_btn_sinner">
- <a href="#" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
+ <a href="/home/about/index.html" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
</div>
</div>
</div>
@@ -779,7 +751,7 @@
</div>
<!-- button -->
<div class="witr_btnp_color">
- <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+ <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
</div>
</div>
</div>
@@ -805,7 +777,7 @@
</div>
<!-- button -->
<div class="witr_btnp_color">
- <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+ <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
</div>
</div>
</div>
@@ -831,7 +803,7 @@
</div>
<!-- button -->
<div class="witr_btnp_color">
- <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+ <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
</div>
</div>
</div>
@@ -858,6 +830,31 @@
<div class="testimonial_active">
<!-- single testimonial -->
<div class="witr_testi_itemt testi-width all_color_testimonial">
+ <div class="">
+ <img src="/static/home/images/parent-1.png" alt="image" />
+ </div>
+ </div>
+ <div class="witr_testi_itemt testi-width all_color_testimonial">
+ <div class="">
+ <img src="/static/home/images/parent-2.png" alt="image" />
+ </div>
+ </div>
+ <div class="witr_testi_itemt testi-width all_color_testimonial">
+ <div class="">
+ <img src="/static/home/images/parent-3.png" alt="image" />
+ </div>
+ </div>
+ <div class="witr_testi_itemt testi-width all_color_testimonial">
+ <div class="">
+ <img src="/static/home/images/parent-4.png" alt="image" />
+ </div>
+ </div>
+ <div class="witr_testi_itemt testi-width all_color_testimonial">
+ <div class="">
+ <img src="/static/home/images/parent-5.png" alt="image" />
+ </div>
+ </div>
+ <!-- <div class="witr_testi_itemt testi-width all_color_testimonial">
<div class="em_single_testimonial">
<div class="em_test_thumb test-part">
<img src="/static/home/assets/images/t1.png" alt="image" />
@@ -871,7 +868,6 @@
</div>
<div class="em_testi_content">
<div class="em_testi_text">
- <!-- content -->
<p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
</div>
</div>
@@ -891,79 +887,7 @@
</ul>
</div>
</div>
- </div>
- <!-- 02 single testimonial -->
- <div class="witr_testi_itemt testi-width all_color_testimonial">
- <div class="em_single_testimonial">
- <div class="em_test_thumb test-part">
- <img src="/static/home/assets/images/t2.png" alt="image" />
- </div>
- <div class="em_testi_title">
- <h2>Chicana males <span>Manager</span></h2>
- </div>
- <div class="em_testi_logo">
- <div class="em_testilogo_inner">
- </div>
- </div>
- <div class="em_testi_content">
- <div class="em_testi_text">
- <!-- content -->
- <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
- </div>
- </div>
- <div class="test-part">
- <ul>
- <li>
- <div class="execllent_toggol">
- <div class="em_crating">
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!-- 03 single testimonial -->
- <div class="witr_testi_itemt testi-width all_color_testimonial">
- <div class="em_single_testimonial">
- <div class="em_test_thumb test-part">
- <img src="/static/home/assets/images/t1.png" alt="image" />
- </div>
- <div class="em_testi_title">
- <h2>David Markers <span>Co- Of Officer</span></h2>
- </div>
- <div class="em_testi_logo">
- <div class="em_testilogo_inner">
- </div>
- </div>
- <div class="em_testi_content">
- <div class="em_testi_text">
- <!-- content -->
- <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
- </div>
- </div>
- <div class="test-part">
- <ul>
- <li>
- <div class="execllent_toggol">
- <div class="em_crating">
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- <i class="icofont-star active"></i>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
+ </div> -->
</div>
</div>
@@ -1153,122 +1077,44 @@
<div class="witr_blog_area12">
<div class="blog_active ">
<!-- single blog -->
- <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
- <div class="busi_singleBlog">
- <!-- image -->
- <div class="witr_sb_thumb">
- <a href="#"> <img src="/static/home/assets/images/blog1.jpg" alt="image" /> </a>
- <div class="witr_top_category">
- <!-- category -->
- <ul class="post-categories">
+ <volist name="list" id="item">
+ <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
+ <div class="busi_singleBlog">
+ <!-- image -->
+ <div class="witr_sb_thumb ">
+ <a href="#"> <img src="{$item.cover_img}" alt="image" class="cover_img" /> </a>
+ <div class="witr_top_category category_blog_grid">
+ <!-- category -->
+ <!-- <ul class="post-categories">
<li><a href="#">Developer</a></li>
- </ul>
+ </ul> -->
+ </div>
</div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- post meta -->
- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
- <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
- <!-- title -->
- <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
+ <div class="all_blog_color">
+ <div class="witr_blog_con bs5">
+ <!-- title -->
+ <h2>
+ <a href="javascript:void(0)" @click="gotoBlogDetail({$item.id})" class="blog-title">
+ <template v-if="language=='zh-cn'">{$item.title}</template>
+ <template v-else>{$item.en_title}</template>
+ </a>
+ </h2>
+ <!-- post meta -->
+ <!-- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span> -->
+ <span><a href="#"><i class="icofont-ui-clock"></i></a>{{formatDate({$item.create_time})}}</span>
+ <!-- content -->
+ <p class="blog-desc">
+ <template v-if="language=='zh-cn'">{$item.desc}</template>
+ <template v-else>{$item.en_desc}</template>
+ </p>
+ <!-- <div class="learn_more_adn">
+ <a class="learn_btn adnbtn2" href="javascript:void(0)" @click="gotoBlogDetail({$item.id})">Read More</a>
+ </div> -->
</div>
</div>
</div>
</div>
- </div>
- <!-- 02 single blog -->
- <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
- <div class="busi_singleBlog">
- <!-- image -->
- <div class="witr_sb_thumb">
- <a href="#"> <img src="/static/home/assets/images/blog2.jpg" alt="image" /> </a>
- <div class="witr_top_category">
- <!-- category -->
- <ul class="post-categories">
- <li><a href="#">Support</a></li>
- </ul>
- </div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- post meta -->
- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
- <span><a href="#"><i class="icofont-ui-clock"></i></a> 29 Aug 2021</span>
- <!-- title -->
- <h2><a href="single-blog.html">Email marketing tips that will increase your sales.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 03 single blog -->
- <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
- <div class="busi_singleBlog">
- <!-- image -->
- <div class="witr_sb_thumb">
- <a href="#"> <img src="/static/home/assets/images/blog3.jpg" alt="image" /> </a>
- <div class="witr_top_category">
- <!-- category -->
- <ul class="post-categories">
- <li><a href="#">It Service</a></li>
- </ul>
- </div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- post meta -->
- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
- <span><a href="#"><i class="icofont-ui-clock"></i></a>24 Jun 2021</span>
- <!-- title -->
- <h2><a href="single-blog.html">Productivity tips to avoid burn out when working.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 04 single blog -->
- <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
- <div class="busi_singleBlog">
- <!-- image -->
- <div class="witr_sb_thumb">
- <a href="#"> <img src="/static/home/assets/images/blog11.jpg" alt="image" /> </a>
- <div class="witr_top_category">
- <!-- category -->
- <ul class="post-categories">
- <li><a href="#">Management</a></li>
- </ul>
- </div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- post meta -->
- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
- <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
- <!-- title -->
- <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
-
+ </volist>
</div>
</div>
</div>
@@ -1406,10 +1252,12 @@
<!-- Vue App -->
<script src="/static/vue/mixin.js"></script>
<script>
+ var language = localStorage.getItem('changjiang-park-lang') || 'zh-cn';
const App = {
mixins: [sharedMixin],
data() {
return {
+ language: language,
form: {
name: '',
email: '',
@@ -1427,7 +1275,14 @@
created() {
},
methods: {
+ formatDate(time) {
+ return moment(time * 1000).format("YYYY-MM-DD");
+ },
+ /////进入博客详情/////
+ gotoBlogDetail(id) {
+ window.location.href = '/home/blog/detail/id/' + id + '.html';
+ },
submitForm() {
var that = this;
that.submitDisabled = true;
--
Gitblit v1.9.0