<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>成都链宝文化传媒有限公司</title>
  <link rel="stylesheet" href="./css/index1.css" tppabs="css/index1.css">
  <link rel="stylesheet" href="./css/swiper-bundle.min.css" tppabs="css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/index.css">
  </head>
<body>
  <div class="personal-center">
    <div class="phone phone-hidden" id="logged">***********</div>
    <div class="phone" id="gologin">未登录</div>
    <img src="./image/avatar.jpeg" tppabs="images/avatar.jpeg" alt="" class="img-avatar  img-avatar-hideen" id="headtrue">
    <img src="./image/ys_head2.jpg" tppabs="images/ys_head2.jpg" alt="" class="img-avatar" id="headflase">

    <div class="center-content">
        <div style="color: #313131;">个人中心</div>
        <div class="center-ul">
            <div id="order">
                订单
                <!-- <div class="guide guide-hidn">
                    点击订单 -> 点击申请退款
                </div> -->
            </div>
            <!-- <div id="refund">退款服务</div> -->
            <div id="esc" class="phone-hidden">退出账号</div>
            <div id="clicklogin" class="">点击登陆</div>

        </div>
    </div>
  </div>

  <div class="center nav">
    <div class="nav-logo">
      <img src="./image/lianbao-logo.png" tppabs="images/lianbao-logo.png">
    </div>
    <div class="nav-section" style="display: flex;">
      <a href="./index.html" class="hover" title="首页">首页</a>
      <a href="./about.html" title="关于公司">关于公司</a>
      <a href="./service.html" title="客服服务">客服服务</a>
      <a href="./user-agreement.html" target="_blank" title="用户协议">用户协议</a>
      <a href="./Policy-agreement.html" target="_blank" title="隐私协议">隐私协议</a>
      <a href="./order-list.html" id="order2" title="订单明细">订单明细</a>
      <a href="./process.html" title="退款服务">退款服务</a>
      <a href="./system.html" title="企业自查制度">企业自查制度</a>
      <a href="./platform.html" title="平台管理制度">平台管理制度</a>
      <a href="./top_up.html?page=108" title="充值中心">充值中心</a>
    </div>
  </div>

  <div class="swiper">
    <div class="swiper-wrapper">
        <img src="./image/banner1.png" tppabs="images/banner1.png" class="swiper-slide banner_img">
        <img src="./image/banner2.png" tppabs="images/banner2.png" class="swiper-slide banner_img">
    </div>
    <div class="swiper-pagination"></div>
  </div>

  <div class="center">
    <h1 class="plate-title">『&nbsp;&nbsp;风格&nbsp;&nbsp;』</h1>
    <div class="plate">
      <div class="composing">
        <a href="./plate1.html">
          <p>海绵宝宝和雪人头像！</p>
          <div class="composing-img">
            <img src="./image/plate-img1.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate2.html">
          <p>美丽的动物</p>
          <div class="composing-img">
            <img src="./image/plate-img3.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate3.html">
          <p>老式电子产品</p>
          <div class="composing-img">
            <img src="./image/plate-img5.png" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate4.html">
          <p>人物场景</p>
          <div class="composing-img">
            <img src="./image/plate-img7.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate5.html">
          <p>食物为灵感</p>
          <div class="composing-img">
            <img src="./image/plate-img9.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate6.html">
          <p>创意角色</p>
          <div class="composing-img">
            <img src="./image/plate-img11.jpg" alt="" srcset="">
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="center">
    <h1 class="plate-title">『&nbsp;&nbsp;传统与艺术&nbsp;&nbsp;』</h1>
    <div class="plate">
      <div class="composing">
        <a href="./plate7.html">
          <p>巧妙的视觉概念！</p>
          <div class="composing-img">
            <img src="./image/plate-img13.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate8.html">
          <p>极富表现力</p>
          <div class="composing-img">
            <img src="./image/plate-img15.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate9.html">
          <p>杂志创意</p>
          <div class="composing-img">
            <img src="./image/plate-img17.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate10.html">
          <p>超级英雄动漫人物</p>
          <div class="composing-img">
            <img src="./image/plate-img19.jpg" alt="" srcset="">
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="center">
    <h1 class="plate-title">『&nbsp;&nbsp;探索&nbsp;&nbsp;』</h1>
    <div class="plate">
      <div class="composing">
        <a href="./plate11.html">
          <p>手工纸艺</p>
          <div class="composing-img">
            <img src="./image/plate-img21.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate12.html">
          <p>时尚人物场景</p>
          <div class="composing-img">
            <img src="./image/plate-img23.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate13.html">
          <p>极富深意！</p>
          <div class="composing-img">
            <img src="./image/plate-img25.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate14.html">
          <p>鲜艳的色彩, 超级酷的风格!</p>
          <div class="composing-img">
            <img src="./image/plate-img27.jpg" alt="" srcset="">
          </div>
        </a>
      </div>

      <div class="composing">
        <a href="./plate15.html">
          <p>东京幻影!</p>
          <div class="composing-img">
            <img src="./image/plate-img29.jpg" alt="" srcset="">
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="center">
    <h1 class="plate-title">『&nbsp;&nbsp;新闻资讯&nbsp;&nbsp;』</h1>
    <div class="news">
      <a href="./news1.html" class="news-plate">
        <img src="./image/news-img1.png" alt="" srcset="">
        <p>流光溢彩 暖意焕新</p>
      </a>

      <a href="./news2.html" class="news-plate">
        <img src="./image/news-img4.png" alt="" srcset="">
        <p>第九届成都创意设计周“2022金熊猫天府创意设计奖”获奖作品亮相专场</p>
      </a>

      <a href="./news3.html" class="news-plate">
        <img src="./image/news-img7.jpg" alt="" srcset="">
        <p>创意突破界限 设计重构想象</p>
      </a>

      <a href="./news4.html" class="news-plate">
        <img src="./image/news-img9.jpg" alt="" srcset="">
        <p>探索恐惧感的塑造</p>
      </a>

      <a href="./news5.html" class="news-plate">
        <img src="./image/news-img12.jpg" alt="" srcset="">
        <p>色彩为笔 空间为籍 续写姑苏文脉</p>
      </a>

      <a href="./news6.html" class="news-plate">
        <img src="./image/news-img15.jpg" alt="" srcset="">
        <p>载誉前行</p>
      </a>
      <a href="./news7.html" class="news-plate">
        <img src="./image/news-img18.png" alt="" srcset="">
        <p>东方光韵 | 千年大漆</p>
      </a>
    </div>
  </div>

  <div class="footer">
    <div class="top">
      <div class="cc n-0">
    <div class="h">关于</div>
    <ul>
      <li><a href="./about.html">关于公司</a></li>
      <li><a href="./service.html">客服服务</a></li>
      <li><a href="./system.html">企业自查制度</a></li>
      <li><a target="_blank" href="./user-agreement.html">用户协议</a></li>
      <li><a target="_blank" href="./Policy-agreement.html">隐私协议</a></li>
    </ul>
  </div>
  <div class="cc n-4">
    <div class="h">版权所有</div>
    <ul>
      <li>增值电信业务经营许可证（川B2-20200275）</li>
      <li>网络文化经营许可证（川网文（2020）0574-091号）</li>
    </ul>
  </div>
    <div class="gg">
      <div>
        <p>咨询热线</p>
        <p>18306618241</p>
      </div>
    </div>
  </div>

  <div class="bot">
    <div class="in">
      <div class="ct"><a href="http://beian.miit.gov.cn/" target="_blank"><strong>蜀ICP备20002391号</strong></a></div>
      <div class="txt"><p>地址：成都市金牛区金府路593号8栋1单元12层4号 </p></div>
    </div>
  </div>
</body>

<script src="./js/jquery.min.js"></script>
<script src="./js/swiper-bundle.min.js" tppabs="swiper-bundle.min.js"></script>
<script>
  var mySwiper = new Swiper ('.swiper', {
    direction: 'horizontal', // 垂直切换选项
    loop: true, // 循环模式选项
    autoplay: true,
    effect : 'fade',
    fadeEffect: {
      crossFade: true,
    },

    // 分页器
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    },
  })

  let data = JSON.parse(localStorage.getItem('userInfo'))
  let logged = document.getElementById('logged')
  let headtrue = document.getElementById('headtrue')
  let headflase = document.getElementById('headflase')
  let gologin = document.getElementById('gologin')
  let clicklogin = document.getElementById('clicklogin')
  let order = document.getElementById('order')
  let esc = document.getElementById('esc')
  let order2 = document.getElementById('order2') // 我的订单

  if (data) {
    let before_four = data.account.slice(0, 3)
    let after_four = data.account.slice(7, 11)
    logged.textContent = before_four + "****" + after_four

    logged.classList.toggle('phone-hidden')
    gologin.classList.toggle('phone-hidden')
    esc.classList.toggle('phone-hidden')
    clicklogin.classList.toggle('phone-hidden')
    headtrue.classList.toggle('img-avatar-hideen')
    headflase.classList.toggle('img-avatar-hideen')
  }

  gologin.onclick = () => {
    window.location.href = 'login.html'/*tpa=login.html*/
  }

  clicklogin.onclick = () => {
    window.location.href = 'login.html'/*tpa=login.html*/
  }

  order.onclick = () => {
    let userInfoToken = JSON.parse(window.localStorage.getItem('userInfoToken'))
    if (!userInfoToken) return window.location.href = 'login.html?login_state=false'
    window.location.href = 'order-list.html'
  }

  order2.onclick = () => {
    let userInfoToken = JSON.parse(window.localStorage.getItem('userInfoToken'))
    if (!userInfoToken) return window.location.href = 'login.html?login_state=false'
    window.location.href = 'order-list.html'
  }

  esc.onclick = async () => {
    window.localStorage.removeItem('userInfo')
    window.localStorage.removeItem('userInfoToken')
    headtrue.classList.toggle('img-avatar-hideen')
    headflase.classList.toggle('img-avatar-hideen')
    // window.location.href = 'login.html'/*tpa=login.html*/
    window.location.reload()
  }


  // var time = window.setInterval(() => {
  //   console.log('111')
  //   window.clearInterval(time)
  // }, 1000);
</script>

</html>