changjiang_park/changjiang_park.git

			@@ -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">
			@@ -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>
			@@ -1307,29 +1153,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 +1252,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 +1275,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 +1337,5 @@
			</script>
			</body>
			<include file="common:html-css-js" />

			</html>