<!DOCTYPE html>
<!-- saved from url=(0052)http://121.37.24.245/website/corp-website/index.html -->
<html class="smart-design-mode js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <meta name="description">
    <meta name="keywords">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc">
    <meta http-equiv="Cache-Control" content="no-transform">
    <title>官网·首页</title>
    <link rel="icon" href="http://c1960161650fzv.scd.wezhan.cn/Content/images/favicon.ico">
    <link rel="shortcut icon" href="http://c1960161650fzv.scd.wezhan.cn/Content/images/favicon.ico">
    <link rel="bookmark" href="http://c1960161650fzv.scd.wezhan.cn/Content/images/favicon.ico">
    <link href="index/css/pcstyle.css" rel="stylesheet" type="text/css">
    <link href="index/css/reset.css" rel="stylesheet" type="text/css">
    <link href="index/css/iconfont.css" rel="stylesheet" type="text/css">
    <link href="index/css/iconfont_1.css" rel="stylesheet" type="text/css">
    <link href="index/css/iconfont_2.css" rel="stylesheet" type="text/css">
    <link href="index/css/pager.css" rel="stylesheet" type="text/css">
    <link href="index/css/hover-effects.css" rel="stylesheet" type="text/css">
    <link href="index/css/antChain.css" rel="stylesheet" type="text/css">
    <link href="index/css/30536_Pc_zh-CN.css" rel="stylesheet">

    <script src="index/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="index/js/jquery.lazyload.min.js" type="text/javascript"></script>
    <script src="index/js/smart.animation.min.js" type="text/javascript"></script>
    <script src="index/js/kino.razor.min.js" type="text/javascript"></script>
    <script src="index/js/common.min.js" type="text/javascript"></script>
    <script src="index/js/admin.validator.min.js" type="text/javascript"></script>
    <script src="index/js/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript" id="jssor-all" src="index/js/jssor.slider-22.2.16-all.min.js"></script>
    <script type="text/javascript" id="jqueryzoom" src="index/js/jquery.jqueryzoom.js"></script>
    <script type="text/javascript" id="slideshow" src="index/js/slideshow.js"></script>
    <script type="text/javascript" id="SuperSlide" src="index/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" id="jqPaginator" src="index/js/jqPaginator.min.js"></script>
    <script type="text/javascript" id="slideshown" src="index/js/slideshow.js"></script>
    <script type="text/javascript" id="vue" src="common/vue.min.js"></script>
    <script type="text/javascript" id="axios" src="common/axios.min.js"></script>


    <link rel="stylesheet" href="index/css/swiper-bundle.css">

    <link rel="stylesheet" href="index/css/swiper-bundle.min.css">

    <script src="index/js/swiper-bundle.js"></script>
    <script src="index/js/swiper-bundle.min.js"> </script>
    <style>
        .back-img {
            background-position: 50% 50%;
            background-size: cover;
            opacity: 1;
            z-index: 1;
            height: 760px !important;
        }

        .w-imglist-ul {
            display: flex;
            flex-direction: row;

        }

        .spkWraper,
        .tzggWraper,
        .xyfcWraper {
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
        }

        .spkTop,
        .tzggTop,
        .xyfcTop {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 15px;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .spkTop>p,
        .tzggTop>p,
        .xyfcTop>p {
            color: rgb(243, 186, 97);
            font-size: 24px;
        }

        .spkTop>span,
        .tzggTop>span,
        .xyfcTop>span {
            color: #000;
            font-size: 14px;
            cursor: pointer;
        }

        .spkContent {
            display: flex;
            flex-direction: row;
        }

        .xyfcContent {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .tzggContent {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .tzggContent>li {
            width: 33.33%;
            /* background: red; */
            padding: 10px 15px;
            box-sizing: border-box;
            cursor: pointer;
        }

        .tzggContent>li>div {
            display: flex;
            flex-direction: row;
            align-items: center;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            box-sizing: border-box;
        }

        .tzggContent>li>div>.tzggContentItemTime {
            color: #585858;
            font-size: 32px;
            padding-right: 15px;
            box-sizing: border-box;
            flex-shrink: 0;
        }

        .tzggContent>li>div>.tzggContentItemTitle {
            color: #444;
            width: 100%;
            font-size: 16px;
            line-height: 25px;
            height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .xyfcContentLeft {
            width: 50%;
            height: 284px;
            overflow: hidden;
            position: relative;
        }

        .xyfcContentRight {
            width: 50%;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .xyfcContentRight>li {
            width: 100%;
            border-bottom: 1px solid #eee;
            padding: 15px 0;
            padding-left: 30px;
            box-sizing: border-box;
            position: relative;
            cursor: pointer;
        }

        .xyfcContentRight>li>.xyfcContentRightTag {
            position: absolute;
            left: 15px;
            top: 20px;
            width: 5px;
            height: 5px;
            background-color: #0509fc;
        }

        .xyfcContentRight>li>.xyfcContentRightTitle {
            color: #000;
            font-size: 16px;
            width: 100%;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 10px;
        }

        .xyfcContentRight>li>.xyfcContentRightTime {
            color: #a6a6a6;
            font-size: 14px;
        }

        .spkContent>li {
            width: 25%;
            padding: 15px;
            box-sizing: border-box;
        }

        .spkContent>li>div {
            width: 100%;
            height: 150px;
            overflow: hidden;
            position: relative;
        }

        .spkContent>li>div>.spkMask {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.3);
            cursor: pointer;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

        /* .spkContent>li>div>.spkMask:hover + img {
			transform: scale(1.2);
		} */

        .spkContent>li>div>.spkCover {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;

        }

        .spkContent>li>div>.spkCover>.spkPlay {
            width: 30px;
            height: 30px;
        }

        .spkContent>li>p {
            color: #000;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-top: 15px;
        }

        .swiper-wrapper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    </style>
</head>

<body id="smart-body" area="main" style="">
    <link href="index/css/view.css" rel="stylesheet" type="text/css" tm="3">
    <script src="index/js/bootstrap.min.js" type="text/javascript" tm="21"></script>

    <div id="mainContentWrapper" style="background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0px 0px; position: relative; width: 100%; min-width: 1200px; background-size: auto;" bgscroll="none" tm="28" oriwidth="1272px" oriminwidth="1200px">

        <div style="background-color: rgb(27, 28, 30); background-image: none; background-repeat: no-repeat; background-position: 0px 0px; position: relative; width: 100%; min-width: 1200px; background-size: auto;" bgscroll="none" tm="29" oriwidth="1272px" oriminwidth="1200px">
            <div class=" header" cpid="30459" id="smv_Area0" style="width: 1200px; height: 80px; position: relative; margin: 0px auto; z-index: auto;" tm="30" oriwidth="1200px" oriminwidth="0px">
                <div id="smv_tem_59_25" ctype="banner" class="esmartMargin smartAbs smartFixed   " cpid="30459" cstyle="Style1" ccolor="Item0" areaid="Area0" iscontainer="True" pvid="" tareaid="Area0" re-direction="y" daxis="Y" isdeletable="True" style="height: 80px; width: 100%; left: 0px; top: 0px; right: 0px; margin: auto; z-index: 26;" tm="31" ctrl-location="header" debuggermsg="设置宽高:只调整宽度" has_mousemove="true">
                    <div class="yibuFrameContent tem_59_25  banner_Style1  " style="overflow:visible;;" tm="32">
                        <div class="fullcolumn-inner smAreaC" id="smc_Area0" cid="tem_59_25" style="width: 1200px;" tm="33" oriwidth="1200px" oriminwidth="0px">
                            <div id="smv_tem_61_25" ctype="nav" class="esmartMargin smartAbs " cpid="30459" cstyle="Style5" ccolor="Item0" areaid="Area0" iscontainer="False" pvid="tem_59_25" tareaid="Area0" re-direction="all" daxis="All" isdeletable="True" style="height: 24px; width: 680px; left: 669px; top: 28px; z-index: 12;" tm="34" ctrl-location="header" debuggermsg="行宽度未溢出" has_mousemove="true">
                                <div class="yibuFrameContent tem_61_25  nav_Style5  " style="overflow:visible;;" tm="35">
                                    <div id="nav_tem_61_25" class="nav_pc_t_5" tm="36">
                                        <ul class="w-nav" navstyle="style5" tm="37">
                                            <li class="w-nav-inner" style="height:24px;line-height:24px;width:20%;" tm="38">
                                                <div class="w-nav-item current" tm="39">
                                                    <a href="index.html" target="_self" class="w-nav-item-link" tm="40" auto-ctrl-index="">
                                                        <span class="mw-iconfont" tm="41"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="42">首页</span>
                                                    </a>
                                                    <a href="index.html" target="_self" class="w-nav-item-link hover" tm="43" style="display: none; opacity: 1;">
                                                        <span class="mw-iconfont" tm="44"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="45">首页</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="w-nav-inner" style="height:24px;line-height:24px;width:20%;" tm="46">
                                                <div class="w-nav-item" tm="47">
                                                    <a href="about/index.html" target="_self" class="w-nav-item-link" tm="48" auto-ctrl-index="">
                                                        <span class="mw-iconfont" tm="49"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="50">学员风采</span>
                                                    </a>
                                                    <a href="about/index.html" target="_self" class="w-nav-item-link hover" tm="51" style="display: none;">
                                                        <span class="mw-iconfont" tm="52"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="53">学员风采</span>
                                                    </a>
                                                </div>
                                            </li>

                                            <li class="w-nav-inner" style="height:24px;line-height:24px;width:20%;" tm="70">
                                                <div class="w-nav-item" tm="71">
                                                    <a href="article/index.html" target="_self" class="w-nav-item-link" tm="72" auto-ctrl-index="">
                                                        <span class="mw-iconfont" tm="73"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="74">通知公告</span>
                                                    </a>
                                                    <a href="article/index.html" target="_self" class="w-nav-item-link hover" tm="75">
                                                        <span class="mw-iconfont" tm="76"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="77">通知公告</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="w-nav-inner" style="height:24px;line-height:24px;width:20%;" tm="55">
                                                <div class="w-nav-item" tm="56">
                                                    <a href="course/index.html" target="_self" class="w-nav-item-link" tm="57">
                                                        <span class="mw-iconfont" tm="58"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="59">视频库</span>
                                                    </a>
                                                    <a href="course/index.html" target="_self" class="w-nav-item-link hover" tm="60">
                                                        <span class="mw-iconfont" tm="61"></span>
                                                        <span class="w-link-txt" style="font-size: 18px;" tm="62">视频库</span>
                                                    </a>
                                                </div>
                                            </li>

                                        </ul>
                                    </div>
                                    <script tm="78">
                                        $(function () {
                                            var itemHover, $this, item, itemAll, link;
                                            $('#nav_tem_61_25 .w-nav').find('.w-subnav').hide();
                                            $('#nav_tem_61_25 .w-nav').off('mouseenter').on('mouseenter', '.w-nav-inner', function () {
                                                itemAll = $('#nav_tem_61_25 .w-nav').find('.w-subnav');
                                                $this = $(this);
                                                link = $this.find('.w-nav-item-link').eq(1);
                                                item = $this.find('.w-subnav');
                                                link.stop().fadeIn(400).css("display", "block");
                                                item.slideDown();
                                            }).off('mouseleave').on('mouseleave', '.w-nav-inner', function () {
                                                $this = $(this);
                                                item = $this.find('.w-subnav');
                                                link = $this.find('.w-nav-item-link').eq(1);
                                                link.stop().fadeOut(400);
                                                item.stop().slideUp();
                                            });
                                            SetNavSelectedStyle('nav_tem_61_25');//选中当前导航
                                        });
                                    </script>
                                </div>
                            </div>
                            <div id="smv_tem_83_42" ctype="area" class="esmartMargin smartAbs " cpid="30459" cstyle="Style1" ccolor="Item0" areaid="Area0" iscontainer="True" pvid="tem_59_25" tareaid="Area0" re-direction="all" daxis="All" isdeletable="True" style="height: 100%; width: auto; margin: 0 auto; left: -50px  ;z-index: 17;" tm="79" ctrl-location="header" debuggermsg="设置宽高:只调整宽度" has_mousemove="true">
                                <div class="yibuFrameContent tem_83_42  area_Style1  " style="overflow:visible;;" tm="80">
                                    <div class="w-container" data-effect-name="enterTop" tm="81">
                                        <div class="smAreaC" id="smc_Area0" cid="tem_83_42" tm="82">

                                            <div id="smv_tem_63_25" ctype="text" class="esmartMargin smartAbs " cpid="30459" cstyle="Style1" ccolor="Item5" areaid="Area0" iscontainer="False" pvid="tem_83_42" tareaid="Area0" re-direction="all" daxis="All" isdeletable="True" style="height: 100%; width: 500px; z-index: 14;" tm="89" ctrl-location="header" debuggermsg="行宽度未溢出" has_mousemove="true">
                                                <div class="yibuFrameContent tem_63_25  text_Style1  " style="overflow:hidden;;" tm="90">
                                                    <div id="txt_tem_63_25" style="height: 100%;" tm="91">
                                                        <div class="editableContent" id="txtc_tem_63_25" style="height: 100% ; word-wrap:break-word;" tm="92">
                                                            <p tm="93">
                                                                <img src="index/files/qqq.png" style="width: 90px;">
                                                                <span style="line-height:1.2" tm="94"><span style="color:#f3ba61" tm="95"><span style="font-size:18px" tm="96"><span style="font-family:Source Han Sans" tm="97">深圳市真意园文化传播有限公司丨《价值的追求》</span></span></span></span>
                                                            </p>
                                                            <p tm="102">&nbsp;</p>

                                                        </div>
                                                    </div>

                                                    <script tm="103">
                                                        var tables = $('#smv_tem_63_25').find('table')
                                                        for (var i = 0; i < tables.length; i++) {
                                                            var tab = tables[i]
                                                            var borderWidth = $(tab).attr('border')
                                                            if (borderWidth <= 0 || !borderWidth) {
                                                                console.log(tab)
                                                                $(tab).addClass('hidden-border')
                                                                $(tab).children("tbody").children("tr").children("td").addClass('hidden-border')
                                                                $(tab).children("tbody").children("tr").children("th").addClass('hidden-border')
                                                                $(tab).children("thead").children("tr").children("td").addClass('hidden-border')
                                                                $(tab).children("thead").children("tr").children("th").addClass('hidden-border')
                                                                $(tab).children("tfoot").children("tr").children("td").addClass('hidden-border')
                                                                $(tab).children("tfoot").children("tr").children("th").addClass('hidden-border')
                                                            }
                                                        }
                                                    </script>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="bannerWrap_tem_59_25" class="fullcolumn-outer" style="position: absolute; top: 0px; bottom: 0px; left: 0px; width: 1272px;" tm="104">
                        </div>

                        <script type="text/javascript" tm="105">

                            $(function () {
                                var resize = function () {
                                    $("#smv_tem_59_25 >.yibuFrameContent>.fullcolumn-inner").width($("#smv_tem_59_25").parent().width());
                                    $('#bannerWrap_tem_59_25').fullScreen(function (t) {
                                        if (VisitFromMobile()) {
                                            t.css("min-width", t.parent().width())
                                        }
                                    });
                                }
                                if (typeof (LayoutConverter) !== "undefined") {
                                    LayoutConverter.CtrlJsVariableList.push({
                                        CtrlId: "tem_59_25",
                                        ResizeFunc: resize,
                                    });
                                } else {
                                    $(window).resize(function (e) {
                                        if (e.target == this) {
                                            resize();
                                        }
                                    });
                                }
                                resize();
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <!-- 顶部图 -->
        <div style="width: 100%;margin: 0 auto;">
            <img style="width: 100%;height: 600px;" :src="corp.websiteImg" alt="">
        </div>
        <!-- 学员风采 -->
        <div class="xyfcWraper" style="width: 70%; margin: 0 auto;margin-top: 50px;padding: 10px;">
            <div class="xyfcTop">
                <p style="font-size: 24px;">学员风采</p>
                <a href="about/index.html" style="font-size: 20px;color: #000;">更多&gt;</a>
            </div>
            <div class="xyfcContent">
                <div class="xyfcContentLeft mySwiper">

                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="(item,index) in articleList" :key="index">
                            <img style="width: 80%; height: auto;padding-top: 10px;" :src="item.cover" alt="">
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>

                </div>
                <ul class="xyfcContentRight">
                    <li v-for="(item,index) in articleList" :key="index" @click="handleClickDetail(item)">
                        <div class="xyfcContentRightTag"></div>
                        <p class="xyfcContentRightTitle">{{item.title}}</p>
                        <p class="xyfcContentRightTime">{{item.updateTime}}</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 通知公告 -->
        <div class="tzggWraper" style="width: 70%; margin: 0 auto;margin-top: 50px;">
            <div class="tzggTop">
                <p style="color: rgb(243, 186, 97);font-size: 24px;">通知公告</p>
                <a href="article/index.html" style="font-size: 20px;color: #000;">更多&gt;</a>
            </div>
            <ul class="tzggContent">
                <li v-for="(item,index) in articleListOne" :key="index" @click="handleClickDetail(item)">
                    <div style="margin-bottom: 20px;margin-top: 20px;">
                        <p class="tzggContentItemTime">{{showDate(item.updateTime)}}</p>
                        <p class="tzggContentItemTitle">{{item.title}}</p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 视频库 -->
        <div class="spkWraper" style="width: 70%; margin: 0 auto;margin-top: 50px;">
            <div class="spkTop">
                <p style="color: rgb(243, 186, 97); ;font-size: 24px;">视频库</p>
                <a href="course/index.html" style="font-size: 20px;color: #000;">更多&gt;</a>
            </div>
            <ul class="spkContent">
                <li v-for="(item,index) in courseList" :key="index" @click="handleClickDetail(item)">
                    <div>
                        <img class="spkCover" :src="item.cover" alt="">
                        <div class="spkMask">
                            <img class="spkPlay" src="index/files/play.png" alt="">
                        </div>
                    </div>
                    <p>{{item.title}}</p>
                </li>

            </ul>
        </div>

        <div style=" margin-top: 50px  ;background-color: rgb(27, 28, 30); background-image: none; background-repeat: no-repeat; background-position: 0px 0px; position: relative; width: 100%; min-width: 1200px; background-size: auto;" bgscroll="none" tm="693">
            <div class=" footer" cpid="30459" id="smv_Area3" style="width: 100%; height: 110px; display: flex; margin-top: 10px;" tm="694">
                <div style="width: 50%; height: 100px;display: flex; align-items: center; justify-content: center;">
                    <img src="index/files/weixinicon.png" style="width: 50px; height: 50px;">
                    <span style="color:#fff;font-size: 18px;margin-left: 50px;">公众号:价值的追求</span>
                    <div class="w-qrcode" tm="791" style="width: 90px;">
                        <img src="index/files/weixin.jpg" style="width: 90px;margin: 0px auto;margin-left: 50px;margin-top: 10px;" tm="792">
                    </div>
                </div>
                <div style="width: 200px;height: 100px;display: flex; align-items: center; justify-content: center;">
                        <span style="color: #FFFFFF;font-size: 15px ">
                            粤ICP备2022131717号-1
                        </span>
                </div>

                <div style="width: 50%; height: 100px;display: flex; align-items: center; justify-content: center;">
                    <span style="color:#fff;font-size: 18px;">微博:价值的追求——真意园 </span>
                    <div class="w-qrcode" tm="791" style="width: 90px;">
                        <a href="http://weibo.com/u/6382358368" target="_blank">
                            <img src="index/files/weiboicon.png" style="width: 50px; height: 50px;margin-left: 50px;" tm="792">
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <script src="index/js/polyfill.min.js" type="text/javascript" tm="940"></script>
        <link href="index/js/slicknav.css" rel="stylesheet" type="text/css" tm="941">
        <script src="index/js/jquery.slicknav.min.js" type="text/javascript" tm="942"></script>
        <script src="index/js/modernizr.min.js" type="text/javascript" tm="943"></script>
        <script type="text/javascript" src="index/js/Core-Babeled.js" tm="944"></script>
        <script>
            new Vue({
                el: '#mainContentWrapper',
                data: {
                    // 企业信息
                    corp: {},
                    // 新闻列表
                    articleList: [],

                    articleListOne: [],
                    // 课程列表
                    courseList: []
                },
                beforeMount() {
                    this.getCorp();
                    this.getArticleList();
                    this.getArticleListOne();
                    this.getCourseList();
                },
                methods: {
                    // 获取企业信息
                    getCorp() {
                        axios.get('http://121.37.24.245:9001/website/corp').then(res => {
                            this.corp = res.data.data;
                            console.log(this.corp);
                        })
                    },
                    // 获取新闻列表
                    getArticleList() {
                        axios.get('http://121.37.24.245:9001/website/article/page?typePid=1&typeId=2&page=1&pageSize=4').then(res => {
                            this.articleList = res.data.data.list;
                            console.log(this.articleList);

                            var swiper = new Swiper(".mySwiper", {
                                pagination: {
                                    el: ".swiper-pagination",
                                    dynamicBullets: true,
                                }
                            });
                            console.log(swiper)
                        })
                    },
                    getArticleListOne() {
                        axios.get('http://121.37.24.245:9001/website/article/page?typePid=1&typeId=1&page=1&pageSize=4').then(res => {
                            this.articleListOne = res.data.data.list;
                            console.log(this.articleList);

                            // var swiper = new Swiper(".mySwiper", {
                            //     pagination: {
                            //         el: ".swiper-pagination",
                            //         dynamicBullets: true,
                            //     }
                            // });
                            // console.log(swiper)
                        })
                    },
                    // 获取课程列表
                    getCourseList() {
                        axios.get('http://121.37.24.245:9001/website/article/page?typePid=2&typeId=1&page=1&pageSize=4').then(res => {
                            this.courseList = res.data.data.list;
                            console.log(this.courseList);
                        })
                    },
                    showDate(date) {
                        let currentDate = new Date(date)
                        let currentMonth = currentDate.getMonth() + 1
                        let currentDay = currentDate.getDate()
                        return currentMonth + '/' + currentDay
                    },
                    handleClickDetail(item) {
                        console.log(item);

                        window.open('./detail/article.html?id=' + item.id)
                    }
                }
            })
        </script>



</div></body></html>