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 | 392 +++++++++++++++++++++++--------------------------------
1 files changed, 165 insertions(+), 227 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 93ad677..628b3a0 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -8,13 +8,38 @@
<include file="common:title" />
<include file="common:element-plus" />
<link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
- <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
- <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
- <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
- <link rel="stylesheet" type="text/css" href="/static/home/style.css" />
- <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
- <!-- modernizr js -->
- <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
+ <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>
@@ -219,7 +244,7 @@
<div class="single_image_area">
<div class="single_image single_line_option ">
<!-- image -->
- <img src="/static/home/assets/images/about-img.png" alt="image">
+ <img src="/static/home/images/img-1.png" alt="image">
</div>
</div>
</div>
@@ -280,7 +305,7 @@
</div>
</div>
- <!-- service area2 -->
+ <!-- 我们的服务 -->
<div class="itpart_service_area2">
<div class="container">
<div class="row">
@@ -303,11 +328,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service1.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -326,11 +351,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service-2.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -349,11 +374,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service-3.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -476,7 +501,7 @@
</div>
</div>
- <!-- counter up area -->
+ <!-- 数据展示 -->
<div class="counter_up_area">
<div class="container">
<div class="row">
@@ -568,8 +593,6 @@
<h2>{{ $t('message.home.text-32') }}</h2>
<!-- title middle -->
<h3>{{ $t('message.home.text-33') }}</h3>
- <!-- title bottom -->
- <h1>{{ $t('message.home.text-32') }}</h1>
</div>
</div>
</div>
@@ -597,7 +620,6 @@
<!-- <span></span> -->
</div>
</div> <!-- team sec -->
-
</div>
</div>
</div>
@@ -867,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" />
@@ -880,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>
@@ -900,86 +946,15 @@
</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>
</div>
</div>
</div>
- <!-- working proces area -->
+
+ <!-- 我们的工作流程 -->
<div class="working_proces_area">
<div class="container">
<div class="row">
@@ -1161,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>
@@ -1315,29 +1212,29 @@
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="twr_form_box">
- <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')">
+ <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')" v-model="form.name">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="twr_form_box">
- <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')">
+ <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')" v-model="form.email">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="twr_form_box">
- <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')">
+ <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')" v-model="form.phone">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="twr_form_box">
- <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')">
+ <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')" v-model="form.subject">
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="twr_form_box ">
- <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')"></textarea>
+ <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')" v-model="form.message"></textarea>
</div>
- <button type="submit" name="ok" class="btn">{{ $t('message.common.submit') }}</button>
+ <button type="button" name="ok" class="btn" @click="submitForm" :disabled="submitDisabled">{{ $t('message.common.submit') }}</button>
</div>
<div class="col-lg-12 text-center">
<p class="form-messege"></p>
@@ -1350,6 +1247,7 @@
</div>
</div>
</div>
+
<!-- itpart brand area -->
<div class="itpart_brand_area">
<div class="container">
@@ -1413,11 +1311,19 @@
<!-- 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: '',
+ phone: '',
+ subject: '',
+ message: '',
+ }
};
},
computed: {
@@ -1428,6 +1334,53 @@
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;
+ const loading = this.$loading({
+ lock: true,
+ text: '提交中',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.2)'
+ });
+ let url = "/home/contact/save_message.html";
+ postRequest(url, that.form).then(res => {
+ loading.close();
+ if (res.data.code == 200) {
+ that.$message({
+ message: res.data.message,
+ type: 'success',
+ duration: 1000,
+ center: true,
+ onClose: function () {
+ that.form = {
+ name: '',
+ email: '',
+ phone: '',
+ subject: '',
+ message: '',
+ }
+ }
+ });
+ } else {
+ that.submitDisabled = false;
+ that.$message({
+ message: res.data.message,
+ type: 'error',
+ duration: 1500,
+ center: true
+ });
+ }
+ });
+ }
},
};
@@ -1442,21 +1395,6 @@
app.mount("#vue_item");
</script>
</body>
-<!-- Include All JS -->
-<!-- <script src="/static/home/assets/js/vendor/jquery-3.5.1.min.js"></script> -->
-<script src="/static/home/assets/js/bootstrap.min.js"></script>
-<script src="/static/home/assets/js/isotope.pkgd.min.js"></script>
-<script src="/static/home/assets/js/owl.carousel.min.js"></script>
-<script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script>
-<script src="/static/home/assets/js/slick.min.js"></script>
-<script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script>
-<script src="/static/home/venobox/venobox.min.js"></script>
-<script src="/static/home/assets/js/jquery.appear.js"></script>
-<script src="/static/home/assets/js/jquery.knob.js"></script>
-<script src="/static/home/assets/js/BeerSlider.js"></script>
-<script src="/static/home/assets/js/theme-pluginjs.js"></script>
-<script src="/static/home/assets/js/jquery.meanmenu.js"></script>
-<script src="/static/home/assets/js/ajax-mail.js"></script>
-<script src="/static/home/assets/js/theme.js"></script>
+<include file="common:html-css-js" />
</html>
\ No newline at end of file
--
Gitblit v1.9.0