chengkun
2025-09-12 b21e53f16f228d3192eb54178f081395878b2406
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">
@@ -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;