chengkun
2025-08-15 3411c9089d6c295b445979faa2b4009171e3896e
提交
4 files modified
2 files added
317 ■■■■ changed files
app/home/controller/About.php 13 ●●●●● patch | view | raw | blame | history
app/home/view/about/index.html 186 ●●●●● patch | view | raw | blame | history
app/home/view/common/footer.html 50 ●●●● patch | view | raw | blame | history
app/home/view/index/index.html 20 ●●●●● patch | view | raw | blame | history
public/static/home/style.css 3 ●●●● patch | view | raw | blame | history
public/static/js/language/language.js 45 ●●●●● patch | view | raw | blame | history
app/home/controller/About.php
New file
@@ -0,0 +1,13 @@
<?php
namespace app\home\controller;
use think\facade\View;
use think\facade\Request;
use app\BaseController;
class About extends BaseController {
    public function index() {
        return View::fetch('index');
    }
}
app/home/view/about/index.html
New file
@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <include file="common:header" />
    <include file="common:title" />
    <include file="common:element-plus" />
    <!-- Favicon Icon -->
    <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>
</head>
<body>
    <div class="main-container" id="vue_item" v-cloak>
        <!-- 顶部 导航栏 -->
        <include file="common:top-header" />
        <!-- 背景图  -->
        <div class="breadcumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 txtc  text-center ccase">
                        <div class="brpt">
                            <h2>{{ $t('message.common.aboutUs') }}</h2>
                        </div>
                        <!-- <div class="breadcumb-inner">
                            <ul>
                                <li>You are currently here! <i class="fas fa-angle-right"></i> </li>
                                <li><a href="#" rel="v:url" property="v:title">Home</a></li>
                                <li><i class="fas fa-angle-right"></i></li>
                                <li><span class="current">About</span></li>
                            </ul>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="itpart_about_area about_page_area_about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="single_image_area">
                            <div class="single_image single_line_option  ">
                                <!-- image -->
                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="about_right_inner">
                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-1') }}</h1>
                            <!-- title left -->
                            <div class="witr_section_title">
                                <div class="witr_section_title_inner text-left">
                                    <h3>{{ $t('message.about.text-2') }}</h3>
                                    <!-- content -->
                                    <p>{{ $t('message.about.text-3') }} </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="itpart_about_area about_page_area_about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="single_image_area">
                            <div class="single_image single_line_option  ">
                                <!-- image -->
                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="about_right_inner">
                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-1') }}</h1>
                            <!-- title left -->
                            <div class="witr_section_title">
                                <div class="witr_section_title_inner text-left">
                                    <h3>{{ $t('message.about.text-4') }}</h3>
                                    <!-- content -->
                                    <p>{{ $t('message.about.text-5') }} </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="itpart_about_area about_page_area_about">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="single_image_area">
                            <div class="single_image single_line_option  ">
                                <!-- image -->
                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="about_right_inner">
                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-6') }}</h1>
                            <!-- title left -->
                            <div class="witr_section_title">
                                <div class="witr_section_title_inner text-left">
                                    <h3>{{ $t('message.about.text-7') }}</h3>
                                    <!-- content -->
                                    <p>{{ $t('message.about.text-8') }} </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <include file="common:footer" />
    </div>
    <!-- Vue App -->
    <script src="/static/vue/mixin.js"></script>
    <script>
        const App = {
            mixins: [sharedMixin],
            data() {
                return {
                };
            },
            computed: {
            },
            mounted() {
            },
            created() {
            },
            methods: {
            },
        };
        const app = Vue.createApp(App);
        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
            app.component(key, component)
        }
        app.use(ElementPlus, {
            locale: ElementPlusLocaleZhCn,
        });
        app.use(i18n);
        app.mount("#vue_item");
    </script>
</body>
<!-- Include All JS -->
<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>
</html>
app/home/view/common/footer.html
@@ -7,33 +7,33 @@
                    <div id="twr_description_widget-2" class="widget widget_twr_description_widget">
                        <div class="itpart-description-area">
                            <a href="#"><img src="/static/home/images/logo.png" alt="Footer logo" class="logo"></a>
                            <p>Round whitefish flat loach potted killifish ronquil. Long-finned pike escolar northern pike escolar nor thern squawfish eel.</p>
                            <p class="phone"><a href="tel:"> </a></p>
                            <div class="social-icons">
                            <p>{{ $t('message.footer.text-1') }}</p>
                            <!-- <p class="phone"><a href="tel:"> </a></p> -->
                            <!-- <div class="social-icons">
                                <a class="facebook" href="#" title="Facebook"><i class="icofont-facebook"></i></a>
                                <a class="twitter" href="#" title="Twitter"><i class="icofont-twitter"></i></a>
                                <a class="Pinterest" href="#" title="Pinterest"><i class="icofont-pinterest"></i></a>
                            </div>
                            </div> -->
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6  col-lg-3">
                    <div id="nav_menu-2" class="widget widget_nav_menu">
                        <h2 class="widget-title">Useful Links</h2>
                        <h2 class="widget-title">{{ $t('message.footer.text-2') }}</h2>
                        <div class="menu-useful-links-container">
                            <ul class="menu">
                                <li><a href="#">Software Development</a></li>
                                <li><a href="#">Web Development</a></li>
                                <li><a href="#">Community Meetups</a></li>
                                <li><a href="#">Cloud and DevOps</a></li>
                                <li><a href="#">Product Design</a></li>
                                <li><a href="https://www.whfhg.com/">{{ $t('message.footer.text-3') }}</a></li>
                                <li><a href="https://www.whfhg.com/view/4215.html">{{ $t('message.footer.text-4') }}</a></li>
                                <li><a href="http://www.chinaculture.org/">{{ $t('message.footer.text-5') }}</a></li>
                                <li><a href="https://www.lgseta.org.za/">{{ $t('message.footer.text-6') }}</a></li>
                                <li><a href="https://jrj.wuhan.gov.cn/">{{ $t('message.footer.text-7') }}</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6  col-lg-3">
                    <div class="widget about_us">
                        <h2 class="widget-title">Address Us</h2>
                        <h2 class="widget-title">{{ $t('message.common.contactUs') }}</h2>
                        <div class="about-footer">
                            <div class="footer-widget address">
                                <div class="footer-logo"></div>
@@ -43,7 +43,7 @@
                                            <i class="icofont-google-map"></i>
                                        </div>
                                        <div class="footer-sociala-info">
                                            <p>378 FA Tower, William SBl 2123, IL, US</p>
                                            <p>{{ $t('message.footer.text-8') }}</p>
                                        </div>
                                    </div>
                                    <div class="footer_s_inner">
@@ -51,7 +51,7 @@
                                            <i class="icofont-phone"></i>
                                        </div>
                                        <div class="footer-sociala-info">
                                            <p>(+990) 698 598 631</p>
                                            <p>+270810430608</p>
                                        </div>
                                    </div>
                                    <div class="footer_s_inner">
@@ -59,7 +59,7 @@
                                            <i class="icofont-envelope-open"></i>
                                        </div>
                                        <div class="footer-sociala-info">
                                            <p>demo@example.com</p>
                                            <p>DB.li@changjiangpark.com</p>
                                        </div>
                                    </div>
                                    <div class="footer_s_inner">
@@ -67,7 +67,7 @@
                                            <i class="icofont-ui-clock"></i>
                                        </div>
                                        <div class="footer-sociala-info">
                                            <p>Opening Hours: 9:00 - 6:00</p>
                                            <p>{{ $t('message.footer.text-9') }}: 9:00 - 18:00</p>
                                        </div>
                                    </div>
                                </div>
@@ -78,14 +78,15 @@
                <div class="col-sm-12 col-md-6  col-lg-3">
                    <div id="nav_menu-3" class="widget widget_nav_menu">
                        <h2 class="widget-title">Navigation</h2>
                        <h2 class="widget-title">{{ $t('message.footer.text-10') }}</h2>
                        <div class="menu-navigation-container">
                            <ul class="menu">
                                <li><a href="#">Become an Affiliate</a></li>
                                <li><a href="#">About Drone</a></li>
                                <li><a href="#">Community Meetups</a></li>
                                <li><a href="#">Why Buy With Us?</a></li>
                                <li><a href="#">Blog and News</a></li>
                                <li><a href="/home/index/index.html">{{ $t('message.header.home') }}</a></li>
                                <li><a href="/home/about/index.html">{{ $t('message.header.about') }}</a></li>
                                <li><a href="/home/service/index.html">{{ $t('message.header.service') }}</a></li>
                                <li><a href="/home/blog/index.html">{{ $t('message.header.blog') }}</a></li>
                                <li><a href="/home/partners/index.html">{{ $t('message.header.partners') }}</a></li>
                                <li><a href="/home/contact/index.html">{{ $t('message.header.contact') }}</a></li>
                            </ul>
                        </div>
                    </div>
@@ -100,21 +101,20 @@
        <div class="container">
            <div class="row">
                <!-- FOOTER COPYRIGHT STYLE 1 -->
                <div class="col-lg-6 col-md-6  col-sm-12">
                <div class="col-lg-12 col-md-12  col-sm-12">
                    <div class="copy-right-text">
                        <!-- FOOTER COPYRIGHT TEXT -->
                        <p>Copyright &copy; All rights reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板" class="text-white">网站模板</a></p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6  col-sm-12">
                <!-- <div class="col-lg-6 col-md-6  col-sm-12">
                    <div class="footer-menu">
                        <!-- FOOTER COPYRIGHT MENU -->
                        <ul class="text-right">
                            <li><a href="#">Service</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                    </div>
                </div>
                </div> -->
                <!-- FOOTER COPYRIGHT STYLE 3 -->
            </div>
        </div>
app/home/view/index/index.html
@@ -280,7 +280,7 @@
            </div>
        </div>
        <!-- service area2 -->
        <!-- 我们的服务 -->
        <div class="itpart_service_area2">
            <div class="container">
                <div class="row">
@@ -303,11 +303,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 +326,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 +349,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 +476,7 @@
            </div>
        </div>
        <!-- counter up area -->
        <!-- 数据展示 -->
        <div class="counter_up_area">
            <div class="container">
                <div class="row">
@@ -979,7 +979,8 @@
                </div>
            </div>
        </div>
        <!-- working proces area -->
        <!-- 我们的工作流程 -->
        <div class="working_proces_area">
            <div class="container">
                <div class="row">
@@ -1350,6 +1351,7 @@
                </div>
            </div>
        </div>
        <!-- itpart brand area -->
        <div class="itpart_brand_area">
            <div class="container">
public/static/home/style.css
@@ -2189,10 +2189,11 @@
/* witr_service2_icon_bottom */
.witr_servicetwo_text {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%);
    padding: 57px 30px 30px;
    padding: 55px 20px 20px;
    position: relative;
    background: #fff;
    z-index: 1;
    height: 260px;
}
.witr_servicetwo_text::before {
public/static/js/language/language.js
@@ -22,6 +22,18 @@
                'partners': '合作伙伴',
                'contact': '联系我们',
            },
            footer: {
                'text-1': '聚焦跨境电商产业生态,汇聚多元资源,助力企业出海发展。',
                'text-2': '友情链接',
                'text-3': '武汉金融控股(集团)有限公司',
                'text-4': '武汉长江国际贸易集团',
                'text-5': '中国文化和国际教育交流中心',
                'text-6': '南非地方政府培训署',
                'text-7': '武汉市地方金融工作局',
                'text-8': 'Building 4 Country Club Woodmead Estate, 21 Woodlands Dr, Woodmead, Sandton, 2191',
                'text-9': '开放时间',
                'text-10': '导航',
            },
            home: {
                'text-1': "中国汉制造·南非共享",
                'text-2': "青年创业孵化营",
@@ -108,6 +120,16 @@
                'text-83': '我们提供基于Cross-Border 分阶段推进,4 - 8周出市场报告,3 - 6个月完成初步优化,6 - 12个月实现稳定增长,最快3个月见初步成果。',
                'text-84': '动态',
                'text-85': '近期更新',
            },
            about: {
                'text-1': '我们的股东',
                'text-2': '武汉金融控股集团',
                'text-3': '作为武汉市属国有金融平台,深耕金融领域十余年。整合银行、证券、保险全牌照资源,为跨境电商企业定制出海金融方案,覆盖资金授信、海外风控等全流程,助力突破资金壁垒,稳健布局全球市场。',
                'text-4': '长江国贸',
                'text-5': '经武汉市政府批准组建的国有外贸平台,注册资本80亿元。聚焦跨境电商全产业链,打通国内外供应链网络,搭建南非、德国等海外渠道,提供选品、物流、清关一站式服务,让中国品牌出海更高效省心。',
                'text-6': '我们的国内基地',
                'text-7': '光谷跨境电商产业园',
                'text-8': '湖北省级跨境电商产业集聚区,落地武汉光谷。聚合超120家外贸企业、20 + 全球平台资源,构建“孵化 + 运营 + 人才”生态。从TikTok直播孵化到海外仓供应链,全链路赋能企业,助力中国智造扎根南非市场,实现跨境业务从0到1突破。',
            }
        }
    },
@@ -133,6 +155,19 @@
                'blog': 'Blog',
                'partners': 'Partners',
                'contact': 'Contact',
            },
            footer: {
                'text-1': 'Focus on the cross-border e-commerce industrial ecosystem, gather diverse resources, and assist enterprises in going global.',
                'text-2': 'Friendship link',
                'text-3': 'Wuhan Financial Holding Group ',
                'text-4': 'Wuhan Yangtze River International Trade Group',
                'text-5': 'CCIEEC',
                'text-6': 'LGSETA',
                'text-7': 'Wuhan Local Financial Supervision and Administration Bureau',
                'text-8': 'Building 4 Country Club Woodmead Estate, 21 Woodlands Dr, Woodmead, Sandton, 2191',
                'text-9': 'Opening Hours',
                'text-10': 'Navigation',
            },
            home: {
                'text-1': "Made In China,Used In SA",
@@ -220,6 +255,16 @@
                'text-83': 'Cross-Phased progress: 4 - 8 weeks for market reports, 3 - 6 months for initial optimization, 6 - 12 months for stable growth. Results visible in 3 months at earliest.',
                'text-84': 'News',
                'text-85': 'Our Recent Update',
            },
            about: {
                'text-1': 'Our Shareholder',
                'text-2': 'Wuhan Financial Holdings Group',
                'text-3': 'As a state - owned financial platform in Wuhan, we’ve specialized in finance for over a decade. Integrating banking, securities, and insurance resources, we design tailored financial solutions for cross - border e - commerce enterprises—covering credit lines, overseas risk management, and end - to - end support. We help break capital barriers and expand globally with stability.',
                'text-4': 'Changjiang International Trade Group',
                'text-5': 'Approved by Wuhan government, we’re a state - owned foreign trade platform with 8 billion RMB registered capital. Focusing on the full cross - border e - commerce supply chain, we connect domestic - overseas networks, build channels in South Africa, Germany, etc., and offer one - stop services (product sourcing, logistics, customs clearance). Making Chinese brands go global efficiently and seamlessly.',
                'text-6': 'Our Basement',
                'text-7': 'Optics Valley Cross - border E - commerce Industrial Park',
                'text-8': 'As a Hubei - level cross - border e - commerce cluster in Wuhan Optics Valley, we gather over 120 foreign trade enterprises and 20 + global platforms. Building an “incubation + operation + talent” ecosystem, we provide full - chain support—from TikTok live commerce incubation to overseas warehouse supply chains. Empowering “Made in China” to establish in South Africa and achieve 0 - to - 1 breakthroughs in cross - border business. ',
            }
        }
    }