From 0cc7f61de2b106c9664033fc27d6426d072ea019 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Mon, 15 Sep 2025 17:05:50 +0800
Subject: [PATCH] 提交
---
app/home/view/index/index.html | 438 ++++++++++++++++++++----------------------------------
1 files changed, 161 insertions(+), 277 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 4773df8..6f302db 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>
@@ -745,31 +717,25 @@
</div>
<!-- 我们的价格 -->
- <div class="pricing_plane_area">
+ <!-- <div class="pricing_plane_area">
<div class="container">
<div class="row">
<div class="col-lg-12">
- <!-- title center -->
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
- <!-- title top -->
<h2>{{ $t('message.home.text-43') }}</h2>
<h3>{{ $t('message.home.text-44') }}</h3>
</div>
</div>
</div>
- <!-- single priceing plane -->
<div class="col-lg-4 col-md-6">
<div class="pricing_area all_pricing_color ">
<div class="pricing-part pricing_style_7 ">
- <!-- icon -->
<div class="witr_pricing_icon"></div>
- <!-- price/currency/month -->
<h5><span>{{ $t('message.home.text-46') }}</span></h5>
<div class="pricing_bar_title">
<h4>{{ $t('message.home.text-45') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
<li class=" themex-item-b10c86d">{{ $t('message.home.text-47') }}+{{ $t('message.home.text-48') }}</li>
@@ -777,25 +743,20 @@
<li class=" themex-item-4d82a40">{{ $t('message.home.text-50') }}</li>
</ul>
</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>
</div>
- <!-- 02 single priceing plane -->
<div class="col-lg-4 col-md-6">
<div class="pricing_area all_pricing_color pricing_area2">
<div class="pricing-part pricing_style_7 ">
- <!-- icon -->
<div class="witr_pricing_icon"></div>
- <!-- price/currency/month -->
<h5><span>{{ $t('message.home.text-52') }}</span></h5>
<div class="pricing_bar_title">
<h4>{{ $t('message.home.text-51') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
<li class=" themex-item-b10c86d">{{ $t('message.home.text-53') }}</li>
@@ -803,25 +764,20 @@
<li class=" themex-item-2a29fe4">{{ $t('message.home.text-55') }}</li>
</ul>
</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>
</div>
- <!-- 03 single priceing plane -->
<div class="col-lg-4 col-md-6">
<div class="pricing_area all_pricing_color ">
<div class="pricing-part pricing_style_7 ">
- <!-- icon -->
<div class="witr_pricing_icon"></div>
- <!-- price/currency/month -->
<h5><span>{{ $t('message.home.text-57') }}</span></h5>
<div class="pricing_bar_title">
<h4>{{ $t('message.home.text-56') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
<li class=" themex-item-b10c86d">{{ $t('message.home.text-58') }}</li>
@@ -829,17 +785,15 @@
<li class=" themex-item-2a29fe4">{{ $t('message.home.text-60') }}</li>
</ul>
</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>
</div>
-
</div>
</div>
- </div>
+ </div> -->
<!-- 合作对象 -->
<div class="testimonial_area">
@@ -858,6 +812,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 +850,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 +869,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 +1059,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>
@@ -1307,29 +1135,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>
@@ -1406,11 +1234,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: {
@@ -1421,6 +1257,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
+ });
+ }
+ });
+ }
},
};
@@ -1436,4 +1319,5 @@
</script>
</body>
<include file="common:html-css-js" />
+
</html>
\ No newline at end of file
--
Gitblit v1.9.0