diff --git a/src/assets/images/product/qrcode.jpg b/src/assets/images/product/qrcode.jpg
new file mode 100644
index 0000000..d802758
Binary files /dev/null and b/src/assets/images/product/qrcode.jpg differ
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
deleted file mode 100644
index 0d929f6..0000000
--- a/src/pages/about/index.vue
+++ /dev/null
@@ -1,1376 +0,0 @@
-<template>
-  <div class="wrap index">
-    <div class="banner">
-      <img class="text"
-           src="@/assets/images/about/banner-text.png"
-           alt="">
-    </div>
-    <div class="intro">
-      <div class="inner">
-        <div class="pics">
-          <div class="text">
-            <div class="title-wrap">
-              <p class="title">或然科技有限公司</p>
-              <p class="brief">始于2019年</p>
-              <p class="en">HUORAN TECH</p>
-            </div>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">公司致力于采用业界领先的信息化技术和过硬的软件研发能力服务于各大高校、金融机构等行业，利用我司技术优势将区块链、云计算、大数据、人工智能等行业前沿技术与金融、教育等行业进行深度融合，为客户提供功能先进、运行高效且便于使用的产业信息化综合解决方案。</p>
-          </div>
-          <img class="bg"
-               src="@/assets/images/about/about1.png"
-               alt="">
-        </div>
-      </div>
-    </div>
-    <div class="service-intro">
-      <div class="inner">
-        <h6>随时、随地、贴心为您提供全方位服务</h6>
-        <p class="text">At anytime,anywhere,intimate to provide you with a full range of services</p>
-      </div>
-    </div>
-    <div class="culture">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">企业文化</h6>
-        <p class="en">CORPORATE CULTURE</p>
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/about/about4.png"
-                 alt="">
-            <h6>使命</h6>
-            <p class="text">成为教育产业数字化的推动者</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/about/about5.png"
-                 alt="">
-            <h6>愿景</h6>
-            <p class="text">成就百万教育产业数字化的创业者</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/about/about6.png"
-                 alt="">
-            <h6>核心价值观</h6>
-            <p class="text">公正、诚信、创新、实干</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div class="progress">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">发展历程</h6>
-        <p class="en">MILESTONE</p>
-        <ul class="list">
-          <li>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-            <h6 class="wow fadeInDown"
-                data-wow-delay="0.1s">2018.12</h6>
-            <p class="text">或然科技筹备成立</p>
-          </li>
-          <li>
-            <h6 class="wow fadeInUp"
-                data-wow-delay="0.5s">2019.12</h6>
-            <p class="text">核心团队组建完成</p>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-          </li>
-          <li>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-            <h6 class="wow fadeInDown"
-                data-wow-delay="0.9s">2020.10</h6>
-            <p class="text">或然技术中台V1.0发布</p>
-          </li>
-          <li>
-            <h6 class="wow fadeInUp"
-                data-wow-delay="1.4s">2021.03</h6>
-            <p class="text">职站平台V1.0发布</p>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-          </li>
-          <li>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-            <h6 class="wow fadeInDown"
-                data-wow-delay="1.8s">2021.07</h6>
-            <p class="text">助力第一个城市合伙人完成了第一个项目落地</p>
-          </li>
-          <li>
-            <h6 class="wow fadeInUp"
-                data-wow-delay="2.2s">2022.05</h6>
-            <p class="text">Dataforward平台V1.0发布</p>
-            <img class="arrow"
-                 src="@/assets/images/about/arrow.png"
-                 alt="">
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <!-- 为什么加入我们 -->
-    <div class="adv"
-         id="part2">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">为什么加入我们</h6>
-        <p class="en">WHY JOIN US</p>
-        <p class="title-des wow fadeInDown">专业、全面、高效</p>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/index3.png"
-                 alt="">
-            <h6>产品优势</h6>
-            <p class="text">整合好不同的教育信息化解决方案所需的软件和硬件产品，通过教育产业互联网平台和反向供应链，提供利润合适，交付便捷，质量有保障的体系化产品。</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/index4.png"
-                 alt="">
-            <h6>服务优势</h6>
-            <p class="text">专业的培训和服务团队，提供教育信息化产业的创业辅导和专业培训。帮助打造一支专业化的商务支持、客户成功和售后运营服务的支撑型团队。</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/index5.png"
-                 alt="">
-            <h6>联盟优势</h6>
-            <p class="text">我们拥有强大可靠的渠道、产品的生态联盟，可共享、调用生态内的多方资源，背靠联盟携手共创新奇迹。</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!-- 我们的服务 -->
-    <div class="service"
-         id="part3">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">我们的服务</h6>
-        <p class="en">OUR SERVICES</p>
-
-        <div class="service-pic">
-          <img src="@/assets/images/index/service.png"
-               alt="">
-          <div class="text">
-            <p class="s-title wow fadeInLeft">为院校信息化与数字化提供一站式综合解决方案</p>
-            <ul class="service-list wow fadeInRight">
-              <li>实现产业互联，数据互通</li>
-              <li>发展教育云和边缘计算，推动教育产业数字化</li>
-              <li>依托大数据，促进教育产业智能化升级</li>
-            </ul>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/service1.png"
-                 alt="">
-            <h6>数字互联</h6>
-            <p class="text">通过云技术更合理高效的安排院校所有资源，比如实验室的使用，场地的监控，人员管理等，多维度分析做出合理决策</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/service2.png"
-                 alt="">
-            <h6>产业云</h6>
-            <p class="text">普适性应用架构，用最小化代价提供产业合伙人的协作能力，持续的创新交付能力和永久可用的业务连续性</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/service3.png"
-                 alt="">
-            <h6>产业智能</h6>
-            <p class="text">将人工智能应用于产业升级，以实现产业效能的提升，可满足不同场景下的多样化需求</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!-- 我们的产品 -->
-    <div class="product">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">我们的产品</h6>
-        <p class="en">OUR PRODUCTS</p>
-        <div class="pics"
-             style="margin-top: 110px">
-          <div class="pro-bg1">
-            <img src="@/assets/images/index/pro-bg1-1.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/images/index/pro-bg1-2.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/images/index/pro-bg1-3.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <el-carousel class="carousel"
-                         ref="carousel"
-                         height="338px"
-                         autoplay
-                         :interval="5000"
-                         arrow="never">
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide1.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide2.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide3.png"
-                     alt="">
-              </el-carousel-item>
-            </el-carousel>
-            <div class="arrow a-left"
-                 @click="carouselSwitch('carousel', 0)"></div>
-            <div class="arrow a-right"
-                 @click="carouselSwitch('carousel', 1)"></div>
-          </div>
-          <div class="text">
-            <div class="title-intro">
-              <img class="t-logo"
-                   src="@/assets/images/index/occupationlab.png"
-                   alt="">
-              <p class="text-title">Occupation Lab</p>
-            </div>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。平台采用了大数据，云计算等技术，为学校搭建信息化平台提供了基础，可助力院校实现教学智能化升级。职站平台设计遵循着极简、高效的理念，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，智能统计和检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学成果。</p>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/pro-bg2.png"
-                 alt="">
-            <h6>大数据分析统计<br>教学效果有“据”可依</h6>
-            <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/pro-bg3.png"
-                 alt="">
-            <h6>云端部署<br>实验教学资源“云”共享</h6>
-            <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/pro-bg4.png"
-                 alt="">
-            <h6>功能全面<br>打造“智”能化教学全场景</h6>
-            <p class="text">平台包含了教、学、练、考的功能模块，操作方便快捷，可轻松实现数字化、智能化教学;同时，平台还新增有大赛、资讯等功能模块，将教学活动拓展到课堂外，可为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
-          </li>
-        </ul>
-
-        <div class="pics">
-          <div class="text">
-            <div class="title-intro">
-              <img class="t-logo"
-                   src="@/assets/images/index/dataforward.png"
-                   alt="">
-              <p class="text-title">数据前瞻</p>
-            </div>
-            <p class="desc wow fadeInLeft"
-               data-wow-delay="0.7s">数据前瞻——财经数据库，涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为用户解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。平台的数据均来源于各大专业财经权威网站和数据官方发布平台，并经过专业的数据分类和整理，可让用户轻松便捷地搜索并批量下载到自己研究所需的数据，极大地减轻自己搜索整理数据的时间，提高研究效率, 从而高效的输出研究成果。</p>
-          </div>
-          <div class="pro-bg2">
-            <img src="@/assets/images/index/pro-bg1-1.png"
-                 alt=""
-                 class="bg1 wow fadeInDown"
-                 data-wow-delay="0.6s">
-            <img src="@/assets/images/index/pro-bg1-2.png"
-                 alt=""
-                 class="bg2 wow fadeInDown"
-                 data-wow-delay="0.7s">
-            <img src="@/assets/images/index/pro-bg1-4.png"
-                 alt=""
-                 class="bg3 wow fadeInDown"
-                 data-wow-delay="0.2s">
-            <el-carousel class="carousel"
-                         ref="carousel1"
-                         height="338px"
-                         autoplay
-                         :interval="5000"
-                         arrow="never">
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide4.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide5.png"
-                     alt="">
-              </el-carousel-item>
-              <el-carousel-item>
-                <img class="car-img"
-                     src="@/assets/images/index/slide6.png"
-                     alt="">
-              </el-carousel-item>
-            </el-carousel>
-            <div class="arrow a-left"
-                 @click="carouselSwitch('carousel1', 0)"></div>
-            <div class="arrow a-right"
-                 @click="carouselSwitch('carousel1', 1)"></div>
-          </div>
-        </div>
-
-        <ul class="list">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.5s">
-            <img src="@/assets/images/index/pro-bg5.png"
-                 alt="">
-            <h6>综合全面的财经数据库</h6>
-            <p class="text">跨越多种主要资产类别，超40 年的历史数据和上千种宏观指标数据</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.8s">
-            <img src="@/assets/images/index/pro-bg6.png"
-                 alt="">
-            <h6>权威、多样数据源</h6>
-            <p class="text">原始数据来源权威、可靠，用户可依据自己所需进行数据再加工，以获得更准确的结果</p>
-          </li>
-          <li class="wow fadeInUp"
-              data-wow-delay="1.1s">
-            <img src="@/assets/images/index/pro-bg7.png"
-                 alt="">
-            <h6>实时更新无限下载</h6>
-            <p class="text">数据库实时更新，会员用户可无限量下载平台各种数据表，随时获取最新数据</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <!-- 合作客户 -->
-    <div class="client">
-      <div class="inner">
-        <h6 class="i-title wow fadeInDown">合作客户</h6>
-        <p class="en">PARTNERSHIP</p>
-        <p class="title-des wow fadeInDown">助力100+所院校客户实现数字化升级</p>
-        <div class="client-pic">
-          <img class="bg"
-               src="@/assets/images/index/index0.png"
-               alt="">
-          <div class="text">
-            <div class="c-title1">
-              <img src="@/assets/images/index/comma1.png"
-                   alt="">
-              他们说
-            </div>
-            <div class="text">平台功能丰富，操作简单，自动判分功能，能更高效的批改作业给学生更好的指导。</div>
-            <div class="c-title2">
-              —— 河海大学老师
-              <img src="@/assets/images/index/comma2.png"
-                   alt="">
-            </div>
-          </div>
-        </div>
-        <scroll class="clients"
-                :data="clients"
-                :class-option="{limitMoveNum: 2, direction: 2}">
-          <ul class="client-list"
-              ref="client">
-            <li v-for="i in clients"
-                :key="i">
-              <img :src="require('@/assets/images/index/school' + i + '.png')"
-                   alt="">
-            </li>
-          </ul>
-        </scroll>
-      </div>
-    </div>
-
-    <div class="contact">
-      <div class="inner">
-        <div class="title">
-          <h6>联系我们</h6>
-          <p class="text">CONTACT US</p>
-        </div>
-        <div class="region">
-          <img class="dot"
-               src="@/assets/images/about/dot.png"
-               alt="">
-          <p class="name">深圳</p>
-        </div>
-        <div class="info">
-          <img class="logo"
-               src="@/assets/images/about/logo.png"
-               alt="">
-          <div class="texts">
-            <div class="item">
-              <div class="line">
-                <img class="icon"
-                     src="@/assets/images/about/address.png"
-                     alt="">
-                公司电话：0755-28109829
-              </div>
-              <div class="line">
-                <img class="icon"
-                     src="@/assets/images/about/tel.png"
-                     alt="">
-                地址：广东省深圳市南山区粤海街道海天二路盈峰中心2101
-              </div>
-            </div>
-            <div class="item">
-              <div class="line">
-                <img class="icon"
-                     src="@/assets/images/about/phone.png"
-                     alt="">
-                合作咨询：郭经理 17671782660
-              </div>
-              <div class="line">
-                <img class="icon"
-                     src="@/assets/images/about/mail.png"
-                     alt="">
-                客户建议：service@huorantech.cn
-              </div>
-            </div>
-            <div class="qrcode">
-              <img src="@/assets/images/about/qrcode.png"
-                   alt="">
-              <p class="text">扫一扫，关注公众号</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="tool">
-      <div class="item wechat"></div>
-      <div class="popup wechat-popup">
-        <p class="tips">微信扫码添加职站售前咨询</p>
-        <p class="des">提供付费咨询及解决方案</p>
-        <img width="150"
-             src="@/assets/images/index/customer.jpg"
-             alt="">
-      </div>
-      <div class="item tel"></div>
-      <div class="popup tel-popup">
-        <div class="tel-inner">
-          <div class="line">
-            <div>
-              <img class="icon"
-                   src="@/assets/images/index/tel-2.png"
-                   alt="">
-            </div>
-            <div class="text">
-              <p class="title">售前咨询</p>
-              <p class="tel-num"
-                 style="margin-bottom: 5px">刘老师</p>
-              <p class="tel-num">18019930142</p>
-            </div>
-          </div>
-          <div class="line">
-            <div>
-              <img class="icon"
-                   src="@/assets/images/index/sug.png"
-                   alt="">
-            </div>
-            <div class="text">
-              <p class="title"
-                 @click="toQues">咨询，建议与反馈</p>
-              <p class="des">您的每一条建议声音，我们都认真对待</p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="item topping"
-           @click="topping"></div>
-    </div>
-  </div>
-</template>
-
-<script>
-import WOW from 'wow.js'
-import Setting from '@/setting'
-import util from '@/libs/util'
-export default {
-  data () {
-    return {
-      active: '',
-      clients: [1, 2, 3, 4, 5]
-    }
-  },
-  mounted () {
-    new WOW().init()
-  },
-  methods: {
-    // 轮播图翻页
-    carouselSwitch (name, dir) {
-      dir ? this.$refs[name].next() : this.$refs[name].prev()
-    },
-    toPart (i) {
-      this.active = i
-      document.querySelector(`#part${i}`).scrollIntoView()
-    },
-    // 置顶
-    topping () {
-      document.documentElement.scrollTop = 0
-      document.body.scrollTop = 0
-    },
-    // 问卷调查
-    toQues () {
-      window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
-    },
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@import url(../../plugins/wow/animate.css);
-.wrap {
-    position: relative;
-    background-color: #f9f9f9;
-    .banner {
-        position: relative;
-        height: 480px;
-        background: url(../../assets/images/about/banner1.png) 0 0 / auto no-repeat,
-            url(../../assets/images/about/banner2.png) (90% 37px) / auto no-repeat;
-        background-color: #0f5bed;
-        .text {
-            position: absolute;
-            top: 167px;
-            left: 165px;
-        }
-    }
-    .i-title {
-        z-index: 1;
-        position: relative;
-        margin-bottom: 37px;
-        font-size: 30px;
-        text-align: center;
-        color: #0b1d30;
-        &:after {
-            content: '';
-            position: absolute;
-            bottom: -10px;
-            left: 50%;
-            width: 30px;
-            height: 4px;
-            transform: translate(-50%);
-            background-color: #006eff;
-        }
-    }
-    .inner {
-        position: relative;
-        width: 1200px;
-        padding: 107px 0 87px;
-        margin: 0 auto;
-    }
-    .en {
-        position: absolute;
-        top: 80px;
-        left: 50%;
-        width: 100%;
-        text-align: center;
-        font-size: 46px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #d4daea;
-        transform: translate(-50%);
-    }
-    .title-des {
-        margin: -10px 0 40px;
-        font-size: 18px;
-        text-align: center;
-        color: #5a6b7e;
-    }
-    .pics {
-        display: flex;
-        justify-content: space-between;
-        .text {
-            width: 470px;
-        }
-        .title-wrap {
-            position: relative;
-        }
-        .title {
-            z-index: 2;
-            position: relative;
-            font-size: 30px;
-            color: #0b1d30;
-            font-weight: bold;
-        }
-        .brief {
-            margin: 20px 0 30px;
-            font-size: 24px;
-            color: #0b1d30;
-        }
-        .en {
-            top: -30px;
-            text-align: left;
-            color: #e5e5e5;
-        }
-        .desc {
-            font-size: 15px;
-            color: #535c6e;
-            line-height: 25px;
-        }
-    }
-    .service-intro {
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        height: 153px;
-        margin-top: -240px;
-        color: #fff;
-        background: url(../../assets/images/about/about2.png) 0 0 / cover no-repeat;
-        .inner {
-            padding: 0;
-        }
-        h6 {
-            margin-bottom: 15px;
-            font-size: 26px;
-        }
-        .text {
-            font-size: 16px;
-        }
-    }
-    .culture {
-        position: relative;
-        background: #fff url(../../assets/images/about/about3.png) 0 0/100% 100% no-repeat;
-        .inner {
-            padding-bottom: 112px;
-        }
-        .list {
-            display: flex;
-            margin: 80px 0 20px;
-            li {
-                width: 33.33%;
-                padding: 50px 35px 74px;
-                margin-right: 57px;
-                text-align: center;
-                box-shadow: 0px 6px 11px 0px rgba(193, 202, 217, 0.38);
-                border-radius: 8px;
-                background-color: #f9faff;
-                border: 2px solid #ffffff;
-                &:last-child {
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg);
-                    }
-                    .text {
-                        transform: scale(1.1);
-                    }
-                }
-            }
-            img {
-                width: 70px;
-                transition: 0.6s;
-            }
-            h6 {
-                margin: 10px 0 16px;
-                font-size: 26px;
-                line-height: 28px;
-                color: #0b1d30;
-                transition: 0.3s;
-            }
-            .text {
-                font-size: 14px;
-                color: #637493;
-                transition: 0.3s;
-            }
-        }
-    }
-    .progress {
-        .inner {
-            width: auto;
-        }
-        .list {
-            display: flex;
-            justify-content: center;
-            margin-top: 200px;
-        }
-        li {
-            position: relative;
-            max-width: 180px;
-            margin-right: 80px;
-            text-align: center;
-            h6 {
-                margin: 20px 0 10px;
-                font-size: 40px;
-                font-family: dinBold;
-                font-weight: bold;
-                color: #2d67f6;
-                line-height: 48px;
-            }
-            .text {
-                font-size: 15px;
-                color: #565656;
-            }
-            &:after {
-                content: '';
-                position: absolute;
-                top: 9px;
-                left: 76px;
-                width: 168px;
-                height: 1px;
-                border: 3px solid;
-                border-image: linear-gradient(209deg, rgba(32, 101, 255, 0.01), rgba(32, 101, 255, 1), rgba(32, 101, 255, 0)) 3 3;
-            }
-            &:nth-child(2) {
-                margin-right: 75px;
-                &:after {
-                    left: 82px;
-                }
-            }
-            &:nth-child(3) {
-                margin-right: 67px;
-                &:after {
-                    left: 93px;
-                }
-            }
-            &:nth-child(4) {
-                margin-right: 51px;
-            }
-            &:nth-child(5) {
-                margin-right: 27px;
-                &:after {
-                    left: 108px;
-                }
-            }
-            &:last-child {
-                margin-right: 0;
-            }
-            &:nth-child(even) {
-                margin-top: -130px;
-                .arrow {
-                    transform: rotateX(180deg);
-                }
-                .text {
-                    margin: 10px 0 20px;
-                }
-                &:after {
-                    top: 139px;
-                }
-            }
-            &:last-child:after {
-                display: none;
-            }
-        }
-    }
-    .contact {
-        position: relative;
-        padding: 0 0 106px 0;
-        background: url(../../assets/images/about/map.png) 0 0 / cover no-repeat;
-        .inner {
-            padding: 0;
-        }
-        .title {
-            width: 419px;
-            height: 258px;
-            padding: 113px 0 0 43px;
-            background-color: #0854fe;
-            h6 {
-                margin-bottom: 20px;
-                font-size: 46px;
-                color: #fff;
-            }
-            .text {
-                font-size: 28px;
-                color: #fff;
-            }
-        }
-        .region {
-            position: absolute;
-            top: 152px;
-            left: 70%;
-            display: flex;
-            align-items: center;
-            font-size: 20px;
-            color: #fff;
-            img {
-                margin-right: 20px;
-            }
-        }
-        .info {
-            margin: 86px 0 0 44px;
-            .texts {
-                display: flex;
-                align-items: center;
-                margin-top: 24px;
-            }
-            .item {
-                margin-right: 75px;
-            }
-            .line {
-                display: flex;
-                align-items: center;
-                margin-bottom: 20px;
-                font-size: 16px;
-                color: #fff;
-                img {
-                    margin-right: 8px;
-                }
-            }
-        }
-        .qrcode {
-            text-align: center;
-            .text {
-                margin-top: 10px;
-                font-size: 12px;
-                color: #fff;
-            }
-        }
-    }
-
-    .about {
-        padding: 130px 0 200px;
-        background: url(../../assets/images/index/about2.png) (bottom right) / auto no-repeat,
-            url(../../assets/images/index/about1.png) 0 0 / cover no-repeat;
-        .inner {
-            padding: 0;
-        }
-        .a-title {
-            z-index: 2;
-            position: relative;
-            font-size: 30px;
-            color: #fff;
-            &:after {
-                content: '';
-                position: absolute;
-                left: 0;
-                bottom: -10px;
-                width: 30px;
-                height: 4px;
-                background-color: #fff;
-            }
-        }
-        .a-en {
-            position: absolute;
-            top: -28px;
-            font-size: 46px;
-            color: #b6c4d9;
-            opacity: 0.7;
-        }
-        .a-gene {
-            margin: 50px 0 30px;
-            font-size: 34px;
-            line-height: 58px;
-            color: #fff;
-        }
-        .text {
-            width: 800px;
-            font-size: 18px;
-            line-height: 33px;
-            color: #fff;
-        }
-    }
-    .adv {
-        position: relative;
-        background: #fff url(../../assets/images/index/index7.png) 0 0/100% 100% no-repeat;
-        .list {
-            display: flex;
-            li {
-                width: 33.33%;
-                padding: 107px 35px 30px;
-                margin-right: 57px;
-                text-align: center;
-                box-shadow: 0px 6px 11px 0px rgba(193, 202, 217, 0.38);
-                border-radius: 8px;
-                background-color: #f9faff;
-                border: 2px solid #ffffff;
-                &:last-child {
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg);
-                    }
-                    h6 {
-                        transform: scale(1.1);
-                    }
-                }
-            }
-            img {
-                width: 70px;
-                transition: 0.6s;
-            }
-            h6 {
-                margin: 10px 0 16px;
-                font-size: 26px;
-                line-height: 28px;
-                color: #0b1d30;
-                transition: 0.3s;
-            }
-            .text {
-                font-size: 14px;
-                color: #637493;
-                transition: 0.3s;
-            }
-        }
-    }
-    .service {
-        position: relative;
-        background: #0653ff url(../../assets/images/index/service4.png) 0 0/100% 100% no-repeat;
-        .i-title {
-            color: #fff;
-        }
-        .en {
-            color: #467df9;
-        }
-        .service-pic {
-            display: flex;
-            align-items: center;
-            .text {
-                margin-left: 78px;
-            }
-        }
-        .s-title {
-            margin-bottom: 30px;
-            font-size: 20px;
-            color: #fff;
-        }
-        .service-list {
-            li {
-                display: flex;
-                align-items: center;
-                margin: 15px 0;
-                font-size: 18px;
-                color: #fff;
-                &:before {
-                    content: '';
-                    width: 12px;
-                    height: 12px;
-                    margin-right: 26px;
-                    border: 2px solid #fff;
-                    border-radius: 50%;
-                }
-            }
-        }
-        .list {
-            display: flex;
-            li {
-                width: 33.33%;
-                padding: 50px 35px;
-                margin-right: 20px;
-                text-align: center;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                border-radius: 10px;
-                background-color: #f9faff;
-                &:last-child {
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg);
-                    }
-                    h6 {
-                        transform: scale(1.1);
-                    }
-                }
-            }
-            img {
-                width: 64px;
-                transition: 0.6s;
-            }
-            h6 {
-                margin: 10px 0 16px;
-                font-size: 18px;
-                line-height: 28px;
-                color: #0b1d30;
-                transition: 0.3s;
-            }
-            .text {
-                font-size: 14px;
-                color: #757f92;
-            }
-        }
-    }
-    .title-intro {
-        position: relative;
-        display: flex;
-        align-items: flex-end;
-        margin-bottom: 30px;
-        .text-title {
-            padding-left: 12px;
-            margin-left: 12px;
-            font-size: 26px;
-            line-height: 1;
-            color: #0b1d30;
-            border-left: 1px solid #dee4f1;
-        }
-    }
-    .product {
-        background: url(../../assets/images/index/pro-bg1.png) (right 828px) / auto no-repeat,
-            url(../../assets/images/index/pro-bg8.png) (left bottom) / auto no-repeat;
-        background-color: #fff;
-        .list {
-            display: flex;
-            margin: 40px 0 110px;
-            li {
-                width: 33.33%;
-                padding: 50px 35px;
-                margin-right: 20px;
-                text-align: center;
-                box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
-                border-radius: 10px;
-                background-color: #fff;
-                &:last-child {
-                    margin-right: 0;
-                }
-                &:hover {
-                    img {
-                        transform: rotateY(180deg);
-                    }
-                    .text {
-                        transform: scale(1.1);
-                    }
-                }
-            }
-            img {
-                width: 70px;
-                transition: 0.6s;
-            }
-            h6 {
-                margin: 10px 0 16px;
-                font-size: 18px;
-                line-height: 28px;
-                color: #0b1d30;
-                transition: 0.3s;
-            }
-            .text {
-                font-size: 14px;
-                color: #757f92;
-                transition: 0.3s;
-            }
-        }
-        .carousel {
-            width: 500px;
-            margin-left: 50px;
-            .car-img {
-                width: 100%;
-                height: 100%;
-            }
-        }
-        .arrow {
-            position: absolute;
-            top: 157px;
-            width: 21px;
-            height: 21px;
-            background: url(../../assets/images/index/arrow.png) no-repeat;
-            cursor: pointer;
-            &:hover {
-                background-image: url(../../assets/images/index/arrow-active.png);
-            }
-        }
-        .a-left {
-            left: 32px;
-            transform: rotate(180deg);
-        }
-        .a-right {
-            right: 6px;
-        }
-        .pro-bg1 {
-            position: relative;
-            width: 594px;
-            height: 365px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 23px;
-                left: 0;
-            }
-            .bg2 {
-                bottom: 0;
-                right: 8px;
-            }
-            .bg3 {
-                top: 256px;
-                right: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2 {
-                    transform: scale(1.3);
-                }
-                .bg3 {
-                    transform: scale(1.3);
-                }
-            }
-        }
-        .pro-bg2 {
-            position: relative;
-            width: 594px;
-            height: 365px;
-            img {
-                position: absolute;
-                transition: 0.5s;
-            }
-            .bg1 {
-                top: 23px;
-                right: 0;
-            }
-            .bg2 {
-                bottom: 0;
-                left: 8px;
-            }
-            .bg3 {
-                top: 256px;
-                left: 0;
-            }
-            &:hover {
-                .bg1 {
-                    transform: scale(1.1);
-                }
-                .bg2 {
-                    transform: scale(1.3);
-                }
-                .bg3 {
-                    transform: scale(1.3);
-                }
-            }
-        }
-    }
-    .parner {
-        background: #fff url(../../assets/images/index/parner.png) 0 0 / cover no-repeat;
-        .i-title,
-        .brief {
-            color: #fff;
-        }
-        .en {
-            color: #465779;
-        }
-    }
-    .chart {
-        height: 600px;
-    }
-    .client {
-        background: url(../../assets/images/index/client.png) 0 0 / cover no-repeat;
-    }
-    .client-pic {
-        display: flex;
-        padding: 32px 55px 32px 32px;
-        background-color: #fff;
-        box-shadow: 0px 0px 20px 0px rgba(226, 226, 226, 0.25);
-        .bg {
-            width: 453px;
-            height: 308px;
-            margin-right: 47px;
-        }
-        .c-title1 {
-            display: flex;
-            align-items: center;
-            font-size: 30px;
-            color: #efefef;
-            img {
-                margin-right: 19px;
-            }
-        }
-        .c-title2 {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            font-size: 18px;
-            color: #535c6e;
-            img {
-                margin-left: 19px;
-            }
-        }
-        .text {
-            margin: 22px 0;
-            font-size: 18px;
-            color: #535c6e;
-            line-height: 33px;
-        }
-    }
-    .clients {
-        width: 1200px;
-        margin-top: 30px;
-        overflow: hidden;
-    }
-    .client-list {
-        display: flex;
-        &::-webkit-scrollbar {
-            display: none;
-        }
-        li {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 231px;
-            height: 102px;
-            margin: 0 11px 11px 0;
-            background-color: #fff;
-            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
-            border: 1px solid #ececec;
-        }
-    }
-    .pics {
-        display: flex;
-        justify-content: space-between;
-        .icon {
-            width: 60px;
-        }
-        .text {
-            width: 450px;
-        }
-        h6 {
-            margin: 30px 0 10px;
-            font-size: 28px;
-            color: #0b1d30;
-        }
-        .desc {
-            font-size: 15px;
-            color: #0b1d30;
-            line-height: 28px;
-        }
-    }
-    .none {
-        padding: 50px 0;
-        text-align: center;
-        img {
-            width: 324px;
-            margin-bottom: 42px;
-        }
-        .text {
-            font-size: 12px;
-            color: #333;
-        }
-    }
-    @keyframes rotate {
-        0% {
-            transform: rotate(0);
-        }
-        50% {
-            transform: rotate(180deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-}
-.tool {
-    z-index: 10;
-    position: fixed;
-    bottom: 100px;
-    right: 30px;
-    .item {
-        width: 45px;
-        height: 45px;
-        margin-bottom: 10px;
-        border: 1px solid #e5e5e5;
-        cursor: pointer;
-    }
-    .wechat {
-        background: #fff url(../../assets/images/index/wechat.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../assets/images/index/wechat-1.png);
-            background-color: #006eff;
-            & + .popup {
-                display: block;
-            }
-        }
-    }
-    .tel {
-        background: #fff url(../../assets/images/index/tel.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../assets/images/index/tel-1.png);
-            background-color: #006eff;
-            & + .popup {
-                display: block;
-            }
-        }
-    }
-    .topping {
-        background: #fff url(../../assets/images/index/top.png) center center/auto no-repeat;
-        &:hover {
-            background-image: url(../../assets/images/index/top-1.png);
-            background-color: #006eff;
-        }
-    }
-    .popup {
-        position: absolute;
-        display: none;
-    }
-    .wechat-popup {
-        top: -100px;
-        left: -230px;
-        padding: 20px;
-        text-align: center;
-        background-color: #fff;
-        box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-        .tips {
-            font-size: 14px;
-        }
-        .des {
-            margin: 5px 0 15px;
-            font-size: 12px;
-            color: #333;
-        }
-    }
-    .tel-popup {
-        top: -10px;
-        left: -250px;
-        width: 250px;
-        border-right: 20px solid transparent;
-        &:hover {
-            display: block;
-        }
-        .tel-inner {
-            padding: 20px;
-            background-color: #fff;
-            box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-        }
-        .line {
-            display: flex;
-            &:first-child {
-                margin-bottom: 20px;
-            }
-        }
-        .text {
-            margin-left: 15px;
-        }
-        .title {
-            margin-bottom: 5px;
-            font-size: 14px;
-            cursor: pointer;
-            &:hover {
-                color: #006eff;
-            }
-        }
-        .tel-num {
-            font-size: 12px;
-            color: #006eff;
-        }
-        .des {
-            font-size: 12px;
-            color: #686868;
-        }
-    }
-}
-@media (max-width: 1730px) {
-    .wrap .banner .text {
-        left: 100px;
-    }
-}
-@media (max-width: 1470px) {
-    .wrap .banner {
-        .text2,
-        .text3 {
-            width: 500px;
-        }
-        .text {
-            left: 50px;
-        }
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
deleted file mode 100644
index aa0e4f6..0000000
--- a/src/pages/home/index.vue
+++ /dev/null
@@ -1,1043 +0,0 @@
-<template>
-  <div class="wrap"
-       v-if="modules.length>=1">
-    <el-carousel class="carousel"
-                 :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-      <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
-               width="100%"
-               :src="item.pic"
-               alt=""
-               @click="openLink(item)">
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-
-    <div class="block">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[1].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
-        <ul class="card">
-          <li class="wow fadeInDown"
-              data-wow-delay="0.2s">
-            <img class="pic"
-                 :src="modules[2].form.pic"
-                 alt="">
-            <div class="texts">
-              <h6>{{ modules[2].form.title }}</h6>
-              <p class="des">{{ modules[2].form.des }}</p>
-              <img src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[2].form.link.linkName)}"
-                   @click="openLink(modules[2].form)">
-            </div>
-          </li>
-          <li class="wow fadeInDown"
-              data-wow-delay="0.6s">
-            <img class="pic"
-                 :src="modules[3].form.pic"
-                 alt="">
-            <div class="texts">
-              <h6>{{ modules[3].form.title }}</h6>
-              <p class="des">{{ modules[3].form.des }}</p>
-              <img src="@/assets/images/arrow.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[3].form.link.linkName)}"
-                   @click="openLink(modules[3].form)">
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="block news-block">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-        <ul class="news">
-          <li class="wow fadeInDown"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              v-for="(item, i) in articles"
-              :key="i"
-              @click="toArtice(item, modules[5].form)">
-            <img :src="item.titleImg"
-                 alt="">
-            <div class="texts">
-              <h6>{{ item.title }}</h6>
-              <div class="des"
-                   v-html="item.mainBody"></div>
-              <span class="meta">{{ item.releaseTime }}</span>
-            </div>
-          </li>
-        </ul>
-        <div class="all-link"
-             @click="toAll(modules[5].form)">
-          <span>{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
-        </div>
-      </div>
-    </div>
-
-    <div class="block">
-      <div class="inner">
-        <h2 class="b-title wow fadeInUp">{{ modules[6].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
-        <ul class="people">
-          <template v-for="(item, i) in modules[7].list">
-            <li v-if="item.isEnable"
-                :key="i"
-                class="wow fadeInDown"
-                :data-wow-delay="(0.4 * i).toFixed(1) + 's'">
-              <img class="pic"
-                   :src="item.pic"
-                   alt="">
-              <div class="texts">
-                <h6>{{ item.title }}</h6>
-                <p class="des">{{ item.des }}</p>
-                <img src="@/assets/images/arrow.png"
-                     alt=""
-                     :class="{'arrow': isLink(item.link.linkName)}"
-                     @click="openLink(item)">
-              </div>
-            </li>
-          </template>
-        </ul>
-      </div>
-    </div>
-
-    <div class="about"
-         :class="{'cursor-pointer': isLink(modules[8].form.link.linkName)}"
-         @click="openLink(modules[8].form)">
-      <div class="inner">
-        <img class="wow fadeInUp"
-             src="@/assets/images/about.png"
-             alt="">
-        <div class="line wow fadeInUp"
-             data-wow-delay="0.4s"></div>
-        <div class="text wow fadeInUp"
-             data-wow-delay="0.7s">{{ modules[8].form.title }}</div>
-        <div class="des wow fadeInDown"
-             data-wow-delay="1s"
-             v-html="modules[8].form.des"></div>
-      </div>
-    </div>
-
-    <div class="block"
-         style="padding-bottom: 0">
-      <div class="inner">
-        <h2 class="glance wow fadeInUp">{{ modules[9].form.title }}</h2>
-        <ul class="stat">
-          <li class="wow fadeInRight"
-              data-wow-delay="0.2s">
-            <!-- <p class="num">{{ modules[10].form.title }}</p> -->
-            <animate-number class="num"
-                            ref="num1"
-                            from="0"
-                            :to="modules[10].form.title"
-                            duration="3000" />
-            <p class="text">{{ modules[10].form.des }}</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.4s">
-            <animate-number class="num"
-                            ref="num2"
-                            from="0"
-                            :to="modules[11].form.title"
-                            duration="3000" />
-            <p class="text">{{ modules[11].form.des }}</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.6s">
-            <animate-number class="num"
-                            ref="num3"
-                            from="0"
-                            :to="modules[12].form.title"
-                            duration="3000" />
-            <p class="text">{{ modules[12].form.des }}</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="0.9s">
-            <animate-number class="num"
-                            ref="num4"
-                            from="0"
-                            :to="modules[13].form.title"
-                            duration="3500" />
-            <p class="text">{{ modules[13].form.des }}</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="1.2s">
-            <p class="num">{{ modules[14].form.title }}</p>
-            <p class="text">{{ modules[14].form.des }}</p>
-          </li>
-          <li class="wow fadeInRight"
-              data-wow-delay="1.5s">
-            <p class="num">{{ modules[15].form.title }}</p>
-            <p class="text">{{ modules[15].form.des }}</p>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import mixins from '@/mixins/page'
-import Setting from '@/setting'
-import Util from '@/libs/util'
-import WOW from 'wow.js'
-export default {
-  mixins: [mixins],
-  data () {
-    return {
-      articles: [],
-    }
-  },
-  beforeDestroy () {
-    // 移除滚动事件
-    window.removeEventListener('scroll', this.handleScroll)
-  },
-  mounted () {
-    new WOW().init()
-    window.addEventListener('scroll', this.handleScroll)
-  },
-  methods: {
-    // 获取文章详情
-    getInfo () {
-      // 预览/详情
-      this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
-        if (data.length) {
-          // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
-          const json = JSON.parse(this.preview ?
-            data :
-            data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
-
-          console.log('JSON=>', json)
-          this.modules = json
-          console.log("🚀 ~ file: index.vue ~ line 138 ~ this.$post ~ this.modules", this.modules)
-
-          // 获取文章列表
-          const { column, site, articleNum } = json[5].form
-          if (column.length) {
-            this.$post(`${this.api.queryArticlesByColumnType}?columnId=${column[column.length - 1]}`).then(({ data }) => {
-              this.articles = Util.removeTag(data.slice(0, articleNum || 6))
-            }).catch(err => { })
-          }
-        }
-      }).catch(err => { })
-    },
-    // 监听页面滚动，到了底部后开始数字滚动动画
-    handleScroll () {
-      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
-      if (scrollTop > 6350) {
-        window.removeEventListener('scroll', this.handleScroll) // 展示完动画后移除滚动监听
-        for (let i = 1; i < 5; i++) {
-          this.$refs['num' + i].start()
-        }
-      }
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@import url(../../plugins/wow/animate.css);
-@import '../../styles/page/page.scss';
-.carousel {
-    height: 100vh;
-    img {
-        height: 100%;
-    }
-    /deep/.el-carousel__container {
-        height: 100vh;
-    }
-}
-.block {
-    padding-top: 3.15rem;
-    .b-title {
-        font-size: 2.25rem;
-    }
-    .intro {
-        font-size: 1.35rem;
-        margin-bottom: 3.6rem;
-    }
-}
-.card {
-    display: flex;
-    justify-content: space-between;
-    li {
-        width: 47%;
-        transition: 0.3s;
-        &:hover {
-            margin-top: -0.9375rem;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: auto;
-    }
-    .texts {
-        padding-left: 1.375rem;
-        margin-top: 3rem;
-        border-left: 2px solid #dfe4e9;
-    }
-    h6 {
-        min-height: 4.5rem;
-        margin-bottom: 1.56rem;
-        line-height: 2rem;
-        font-size: 1.368rem;
-        color: #333;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-    .des {
-        font-size: 1.024rem;
-        color: #222;
-        line-height: 30px;
-    }
-}
-
-.news-block {
-    background: url(../../assets/images/info-bg.png) 0 0/100% 100% no-repeat;
-}
-.news {
-    display: flex;
-    flex-wrap: wrap;
-    li {
-        display: inline-flex;
-        width: calc((100% - 28px) / 2);
-        padding: 2.125rem;
-        margin-bottom: 1.75rem;
-        background-color: #fff;
-        cursor: pointer;
-        overflow: hidden;
-        transition: 0.3s;
-        &:nth-child(odd) {
-            margin-right: 1.75rem;
-        }
-        &:hover {
-            transform: scale(1.05);
-        }
-    }
-    img {
-        width: 12.5rem;
-        height: 7.81rem;
-    }
-    .texts {
-        width: calc(100% - 220px);
-        margin-left: 1.25rem;
-    }
-    h6 {
-        font-size: 1.28rem;
-        color: #0648a8;
-        @include ellipsis;
-    }
-    .des {
-        margin: 14px 0;
-        font-size: 1.14rem;
-        color: #333;
-        line-height: 22px;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-    .meta {
-        font-size: 1.14rem;
-        color: #999;
-    }
-}
-
-.people {
-    li {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 7.87rem;
-        &:nth-child(even) {
-            flex-direction: row-reverse;
-        }
-        &:hover {
-            .pic {
-                transform: scale(1.05);
-            }
-            .texts {
-                transform: translateY(15px);
-            }
-        }
-    }
-    .pic {
-        width: 47%;
-        height: auto;
-        transition: 0.3s;
-    }
-    .texts {
-        width: 48%;
-        padding-top: 8.5rem;
-        transition: 0.3s;
-    }
-    h6 {
-        font-size: 1.8rem;
-    }
-    .des {
-        margin: 20px 0 10px;
-        font-size: 1.2rem;
-        color: #020202;
-        line-height: 30px;
-    }
-}
-
-.glance {
-    padding-bottom: 3.125rem;
-    font-size: 2.81rem;
-    font-weight: bold;
-    font-family: SFProDisplay-Bold, SFProDisplay;
-    text-align: center;
-    border-bottom: 1px solid #dedede;
-}
-.stat {
-    display: flex;
-    justify-content: space-around;
-    flex-wrap: wrap;
-    margin-top: 3.75rem;
-    li {
-        width: 27%;
-        margin-bottom: 50px;
-        transition: 0.3s;
-        &:hover {
-            transform: translateX(20px);
-        }
-    }
-    .num {
-        margin-bottom: 10px;
-        font-family: toppan;
-        font-size: 2.7rem;
-        font-weight: 800;
-        color: #035ce1;
-        line-height: 49px;
-    }
-    .text {
-        font-size: 1.08rem;
-        margin-top: 1rem;
-        line-height: 1.8rem;
-    }
-}
-.about {
-    padding: 3.848rem 0 9.9rem;
-    background-size: 100% 100%;
-    .line {
-        display: flex;
-        align-items: center;
-        margin: 3.125rem 0 1.875rem;
-        width: 5.5rem;
-        height: 6px;
-        background-color: #fff;
-        &:after {
-            content: '';
-            width: 6px;
-            height: 6px;
-        }
-    }
-    .text {
-        font-size: 1.35rem;
-        color: #fff;
-    }
-    .des {
-        display: block;
-        padding: 2.375rem 3.75rem;
-        margin-top: 3.78rem;
-        font-size: 1.35rem;
-        color: #fff;
-        line-height: 42px;
-        text-align: center;
-        background: rgba(111, 69, 36, 0.56);
-        border-radius: 17px;
-        overflow: visible;
-        transition: 0.3s;
-        &:hover {
-            background: rgba(239, 126, 10, 0.56);
-            transform: translateY(10px);
-        }
-    }
-}
-
-@media (min-width: 280px) and (max-width: 1200px) {
-    .carousel {
-        height: 21.87rem;
-        img {
-            height: 100%;
-        }
-        /deep/.el-carousel__container {
-            height: 21.87rem;
-        }
-    }
-    .about {
-        .des {
-            font-size: 1rem;
-        }
-    }
-    .el-carousel__item {
-        height: 21.87rem;
-        img {
-            height: 21.87rem;
-        }
-    }
-    .block {
-        padding: 3.125rem 0;
-        .inner {
-            width: 95%;
-            margin: 0 auto;
-            .b-title {
-                font-size: 2rem;
-                margin-bottom: 1.25rem;
-            }
-            .wow {
-                font-size: 1.5rem;
-            }
-            .intro {
-                margin-bottom: 1.25rem;
-            }
-            .card {
-                flex-direction: column;
-                li {
-                    margin-top: 1.25rem;
-                    width: 100%;
-                }
-            }
-            .news {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                    margin-bottom: 15px;
-                    img {
-                        width: 10rem;
-                    }
-                    .texts {
-                        width: calc(100% - 10rem);
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: column;
-                    margin-bottom: 1.25rem;
-                    .pic {
-                        width: 100%;
-                        height: 21.875rem;
-                    }
-                    .texts {
-                        padding-top: 1.25rem;
-                        width: 100%;
-                    }
-                }
-            }
-        }
-    }
-    .card .pic {
-        height: 20rem;
-    }
-    .about {
-        width: 100%;
-        padding: 1.25rem 0 1.875rem;
-        .inner {
-            width: 95%;
-            margin: 0 auto;
-            .line {
-                margin: 1.25rem 0 1.25rem;
-            }
-            .des {
-                margin-top: 1.25rem;
-                padding: 10px 1.25rem;
-            }
-        }
-    }
-    .glance {
-        padding-bottom: 1.25rem;
-    }
-    .stat {
-        flex-direction: column;
-        li {
-            width: 100%;
-            text-align: center;
-        }
-    }
-}
-
-@media (min-width: 751px) and (max-width: 920px) {
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-bottom: 0.9375rem;
-            img {
-                width: 10rem;
-            }
-            .texts {
-                width: calc(100% - 10rem);
-            }
-        }
-    }
-}
-
-@media (max-width: 320px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .b-title {
-                font-size: 1.3rem;
-            }
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                        h6 {
-                            font-size: 1.2rem;
-                            margin-bottom: 1rem;
-                        }
-                        img {
-                            width: 3.77rem;
-                            height: 3.77rem;
-                        }
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        h6 {
-                            font-size: 1.5rem;
-                        }
-                    }
-                }
-            }
-        }
-    }
-    .about {
-        .inner {
-            .des {
-                line-height: 1.2rem;
-            }
-        }
-    }
-}
-@media (min-width: 320px) and (max-width: 375px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-        }
-    }
-    .about {
-        .inner {
-            .des {
-                line-height: 1.5rem;
-            }
-        }
-    }
-}
-@media (min-width: 375px) and (max-width: 480px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 15rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 15rem;
-            img {
-                height: 15rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-        }
-    }
-    .about {
-        .inner {
-            .des {
-                line-height: 1.5rem;
-            }
-        }
-    }
-}
-@media (min-width: 480px) and (max-width: 640px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 18rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 18rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 18rem;
-            img {
-                height: 18rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.5rem;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 640px) and (max-width: 768px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 20rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 20rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 20rem;
-            img {
-                height: 20rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    .pic {
-                        height: auto;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.2rem;
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 768px) and (max-width: 980px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 22rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 22rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 22rem;
-            img {
-                height: 22rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 47%;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: row;
-                    &:nth-child(2) {
-                        flex-direction: row-reverse !important;
-                    }
-                    .pic {
-                        width: 47%;
-                        height: auto;
-                    }
-                    .texts {
-                        width: 48%;
-                    }
-                }
-            }
-            .about {
-                .des {
-                    line-height: 1.2rem;
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
-        }
-    }
-}
-@media (min-width: 980px) and (max-width: 1200px) {
-    .wrap {
-        /deep/ .el-carousel {
-            height: 25rem;
-        }
-        /deep/ .el-carousel__container {
-            height: 25rem;
-        }
-        /deep/ .el-carousel__item {
-            height: 25rem;
-            img {
-                height: 25rem;
-            }
-        }
-    }
-    .block {
-        padding: 1rem 0;
-        .inner {
-            .intro {
-                margin-bottom: 1rem;
-                font-size: 0.95rem;
-                line-height: 1rem;
-            }
-            .card {
-                flex-direction: row;
-                li {
-                    width: 47%;
-                    .pic {
-                        height: auto;
-                    }
-                    .texts {
-                        margin-top: 1.2rem;
-                    }
-                }
-            }
-            .news {
-                li {
-                    padding: 1.2rem;
-                    img {
-                        width: 8rem;
-                    }
-                }
-            }
-            .people {
-                li {
-                    flex-direction: row;
-                    &:nth-child(2) {
-                        flex-direction: row-reverse !important;
-                    }
-                    .pic {
-                        width: 47%;
-                        height: auto;
-                    }
-                    .texts {
-                        width: 48%;
-                    }
-                }
-            }
-            .about {
-                .des {
-                }
-            }
-            .stat {
-                flex-direction: row;
-                li {
-                    width: 30%;
-                }
-            }
-        }
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/pages/product/list/index.vue b/src/pages/index/list/index.vue
similarity index 97%
rename from src/pages/product/list/index.vue
rename to src/pages/index/list/index.vue
index 0503931..4e24870 100644
--- a/src/pages/product/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -1,17 +1,13 @@
 <template>
   <div class="wrap">
     <el-carousel :interval="6000"
-                 :height="carouselHeight">
+                 height="354px">
       <template v-for="(item, i) in banners">
         <el-carousel-item :key="i">
           <div :class="['banner-item', {'cursor-pointer': item.url}]"
                @click="openLink(item)">
             <img :src="item.banner"
-                 alt=""
-                 :style="{height: carouselHeight}">
-            <!-- <img src="https://huoran.oss-cn-shenzhen.aliyuncs.com/20230726/png/1684091617063493632.png"
-                 alt=""
-                 :style="{height: carouselHeight}"> -->
+                 alt="">
             <div class="texts">
               <h6>{{ item.title }}</h6>
               <p class="sub">{{ item.subheading }}</p>
@@ -215,7 +211,6 @@ export default {
   data () {
     const that = this
     return {
-      carouselHeight: '533px',
       banners: [],
       timer: null,
       curTab: '',
@@ -307,8 +302,7 @@ export default {
     }
   },
   mounted () {
-    this.carouselHeight = parseInt(window.innerWidth / 3.6) + 'px'
-    // this.getBanner()
+    this.getBanner()
     this.getSubject()
     this.getLabel()
     this.getClassification()
@@ -319,13 +313,15 @@ export default {
   methods: {
     // 获取banner
     getBanner () {
-      this.$post(this.api.listMarketing, {
-        pageNum: 1,
-        pageSize: 1000,
-        isOpen: 0
-      }).then(({ page }) => {
-        this.banners = page.records
-      }).catch(res => { })
+      // 预览/详情
+      this.$post(`${this.api.findPage}?columnId=${this.id}`).then(({ data }) => {
+        if (data.length) {
+          // state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
+          const json = JSON.parse(data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
+          this.banners = json[0]
+          console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", this.banners)
+        }
+      }).catch(err => { })
     },
     // 获取列表
     getData () {
@@ -531,7 +527,7 @@ export default {
     },
     // 跳转详情
     toDetail (id) {
-      this.$router.push(`show?id=${id}`);
+      this.$router.push(`/index/show?id=${id}`);
     }
   }
 };
@@ -539,12 +535,11 @@ export default {
 
 <style lang="scss" scoped>
 .wrap {
-    margin: -24px;
     .banner-item {
         position: relative;
         img {
             width: 100%;
-            height: 100%;
+            height: 354px;
         }
         .texts {
             position: absolute;
diff --git a/src/pages/product/show/index.vue b/src/pages/index/show/index.vue
similarity index 94%
rename from src/pages/product/show/index.vue
rename to src/pages/index/show/index.vue
index 3a279e3..34e2b0a 100644
--- a/src/pages/product/show/index.vue
+++ b/src/pages/index/show/index.vue
@@ -3,7 +3,7 @@
     <el-card shadow="hover"
              class="m-b-20">
       <div class="flex-between">
-        <el-page-header @back="$router.push('list')"
+        <el-page-header @back="$router.push('/index')"
                         :content="form.mall.productName"></el-page-header>
       </div>
     </el-card>
@@ -83,15 +83,8 @@
               <div class="text">{{ form.goodsRes.typeName }}</div>
             </div>
           </div>
-          <button v-if="!form.goodsRes.logoOfOurSchool"
-                  class="btn"
-                  @click="toTrail">试用体验</button>
-          <button v-else-if="isCourse || withLink"
-                  class="btn entry"
-                  @click="toStation">进入{{ isDataforward ? '系统' : '实验' }}</button>
-          <button v-else-if="isValueModule"
-                  class="btn entry"
-                  @click="toSystem">进入系统</button>
+          <button class="btn"
+                  @click="showQrcode">会员价采购</button>
         </div>
       </div>
       <div class="course">
@@ -206,6 +199,18 @@
         </div>
       </div>
     </el-dialog>
+
+    <el-dialog title="温馨提示"
+               :visible.sync="qrcodeVisible"
+               width="430px"
+               center
+               :close-on-click-modal="false">
+      <div class="buy">
+        <p class="tips">请用微信扫描下方小程序二维码，进入职站商城加入会员吧！</p>
+        <img src="@/assets/images/product/qrcode.jpg"
+             alt="">
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -233,7 +238,8 @@ export default {
       chapterList: [],
       hots: [],
       linkVisible: false,
-      height: ''
+      height: '',
+      qrcodeVisible: false
     };
   },
   computed: {
@@ -310,9 +316,9 @@ export default {
     },
     // 跳转播放资源
     toPreview (i, j) {
-      this.form.goodsRes.logoOfOurSchool ?
-        this.$router.push(`/station/preview?courseId=${this.form.mall.associatedProduct}&curriculumName=${this.form.mall.productName}&mallId=${this.id}&chapter=${i}&section=${j}&admin=1`) :
-        this.toTrail()
+      // this.form.goodsRes.logoOfOurSchool ?	
+      //   this.$router.push(`/station/preview?courseId=${this.form.mall.associatedProduct}&curriculumName=${this.form.mall.productName}&mallId=${this.id}&chapter=${i}&section=${j}&admin=1`) :
+      //   this.toTrail()
     },
     // 勾选/取消勾选学习进度
     studySection (item) {
@@ -327,9 +333,9 @@ export default {
           this.getChapter()
         }).catch(res => { })
     },
-    // 跳转试用体验
-    toTrail () {
-      window.open('https://f.wps.cn/g/0sJLI4NA/')
+    // 弹框显示小程序二维码
+    showQrcode () {
+      this.qrcodeVisible = true
     },
     // 跳转实验台
     toStation () {
@@ -367,7 +373,7 @@ export default {
     },
     // 跳转详情
     toDetail (id) {
-      this.$router.push(`show?id=${id}`)
+      this.$router.push(`/index/show?id=${id}`)
       this.id = id
       this.getData()
     },
@@ -378,7 +384,6 @@ export default {
 <style lang="scss" scoped>
 .wrap {
     padding: 24px;
-    margin: -24px;
     background: url(../../../assets/images/product/bg1.png) 0 373px no-repeat,
         url(../../../assets/images/product/bg2.png) bottom right no-repeat;
     background-color: #f3f6fa;
@@ -477,7 +482,7 @@ export default {
             width: 119px;
             height: 46px;
             color: #fff;
-            background: #64c25a;
+            background: #007eff;
             border-radius: 6px;
             border: 0;
             cursor: pointer;
@@ -488,9 +493,6 @@ export default {
                 margin-left: 11px;
             }
         }
-        .entry {
-            background: #007eff;
-        }
     }
     .tab {
         display: inline-flex;
@@ -684,4 +686,14 @@ export default {
         text-decoration: underline;
     }
 }
+.buy {
+    text-align: center;
+    .tips {
+        margin-bottom: 10px;
+        font-size: 14px;
+    }
+    img {
+        width: 85%;
+    }
+}
 </style>
\ No newline at end of file
diff --git a/src/router/modules/about.js b/src/router/modules/about.js
deleted file mode 100644
index 4ccf2bf..0000000
--- a/src/router/modules/about.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import BasicLayout from '@/layouts/home';
-
-export default {
-    path: '/about',
-    component: BasicLayout,
-    children: [
-        {
-            name: `about`,
-            path: `/about`,
-            component: () => import('@/pages/about'),
-            meta: { title: '关于我们' }
-        },
-    ]
-};
diff --git a/src/router/modules/home.js b/src/router/modules/home.js
deleted file mode 100644
index 3db5168..0000000
--- a/src/router/modules/home.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import BasicLayout from '@/layouts/home'
-const name = 'home'
-export default {
-  path: `/${name}`,
-  component: BasicLayout,
-  children: [
-    {
-      name,
-      path: `/${name}`,
-      component: () => import(`@/pages/${name}`),
-      meta: { title: '' }
-    }
-  ]
-};
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
new file mode 100644
index 0000000..b32e301
--- /dev/null
+++ b/src/router/modules/index.js
@@ -0,0 +1,28 @@
+import BasicLayout from "@/layouts/home";
+
+const meta = {};
+
+const pre = "index-";
+
+export default {
+    path: "/index",
+    name: "index",
+    redirect: {
+        name: `index`
+    },
+    meta,
+    component: BasicLayout,
+    children: [
+      {
+					name: 'index',
+          path: `/index`,
+          component: () => import("@/pages/index/list"),
+          meta: { title: "首页" }
+      },
+      {
+          path: `show`,
+          component: () => import("@/pages/index/show"),
+          meta: { title: "产品详情" }
+      },
+    ]
+};
\ No newline at end of file
diff --git a/src/router/modules/product.js b/src/router/modules/product.js
deleted file mode 100644
index 1cce350..0000000
--- a/src/router/modules/product.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import BasicLayout from "@/layouts/home";
-
-const meta = {};
-
-const pre = "product-";
-
-export default {
-    path: "/product",
-    name: "product",
-    redirect: {
-        name: `${pre}list`
-    },
-    meta,
-    component: BasicLayout,
-    children: [
-      {
-          path: `list`,
-          component: () => import("@/pages/product/list"),
-          meta: { title: "产品中心" }
-      },
-      {
-          path: `show`,
-          component: () => import("@/pages/product/show"),
-          meta: { title: "产品详情" }
-      },
-    ]
-};
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index a98777d..5494843 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -10,7 +10,7 @@ requireModule.keys().forEach(fileName => {
 const frameIn = [
     {
         path: "/",
-        redirect: "/home"
+        redirect: "/index"
     },
     ...modules
 ];