From 774d962b76d63366ed26c395e0a33cdbec309242 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Tue, 09 Sep 2025 14:07:25 +0800
Subject: [PATCH] 提交
---
app/home/view/index/index.html | 282 +++++++++++++++++++------------------------------------
1 files changed, 98 insertions(+), 184 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 5061afa..628b3a0 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>
@@ -858,6 +889,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 +927,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 +946,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 +1136,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 +1311,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 +1334,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