<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="baidu_union_verify" content="012f1972106a33d078b62291ba955414">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成都哇嘎文化传媒有限公司</title>
    <link rel="stylesheet" href="./static/css/index.css" tppabs="static/css/index.css">
    <link rel="stylesheet" href="./static/css/cartoon.css" tppabs="static/css/cartoon.css">
    <link rel="stylesheet" href="./static/css/swiper-bundle.min.css" tppabs="static/css/swiper-bundle.min.css">

</head>

<body>
    <div class="personal-center">
        <div class="phone phone-hidden" id="logged">***********</div>
        <div class="phone" id="gologin">未登录</div>
        <img src="./static/image/avatar.jpeg" tppabs="images/avatar.jpeg" alt="" class="img-avatar  img-avatar-hideen" id="headtrue">
        <img src="./static/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="wrapper">
        <div class="head_bg">
            <div class="head">
                <img src="./static/image/logo.png" alt="成都哇嘎" class="logo">
                <span id="home" style="background-color: #327fcb;">首页</span>
            <span id="about">关于我们</span>
            <span id="service">客服中心</span>
            <span id="user">用户协议</span>
            <span id="privacy">隐私协议</span>
            <span id="order2">我的订单</span>
            <span id="process">退款流程</span>
            <span id="system">企业自查制度</span>
            <span id="platform">平台管理制度</span>
            <span id="top_up">充值中心</span>
        </div>
        </div>

        <div class="center">
            <div class="banner">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <img src="./static/image/banner3.png" tppabs="images/banner3.png" class="swiper-slide banner_img">
                        <img src="./static/image/banner4.png" tppabs="images/banner4.png" class="swiper-slide banner_img">
                        <img src="./static/image/banner5.png" tppabs="images/banner5.png" class="swiper-slide banner_img">
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>

            <div class="module">
                <div class="headline">
                    <h3 class="title">设计</h3>
                    <a href="porcelain.html" tppabs="porcelain.html" class="more">更多></a>
                </div>
                <div class="composing">
                    <div class="intro">
                        <a href="sundry8.html" tppabs="sundry8.html">
                            <img src="./static/image/design1.jpg">
                            <div class="text ellipsis">外卖小哥</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="sundry9.html" tppabs="sundry9.html">
                            <img src="./static/image/design2.jpg">
                            <div class="text ellipsis">自行车比赛</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="sundry10.html" tppabs="sundry10.html">
                            <img src="./static/image/design4.jpg">
                            <div class="text ellipsis">自行车</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="sundry11.html" tppabs="sundry11.html">
                            <img src="./static/image/design6.jpg">
                            <div class="text ellipsis">厨房</div>
                        </a>
                    </div>

                </div>
            </div>

            <div class="module">
                <div class="headline">
                    <h3 class="title">艺术</h3>
                    <a href="jade.html" tppabs="jade.html" class="more">更多></a>
                </div>
                <div class="composing">
                    <div class="intro">
                        <a href="jade1.html" tppabs="jade1.html">
                            <img src="./static/image/design14.jpg">
                            <div class="text ellipsis">汽车</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="jade2.html" tppabs="jade2.html">
                            <img src="./static/image/design18.jpg">
                            <div class="text ellipsis">卡通</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="jade3.html" tppabs="jade3.html">
                            <img src="./static/image/design19.jpg">
                            <div class="text ellipsis">动物</div>
                        </a>
                    </div>
                    <div class="intro">
                        <a href="sundry12.html" tppabs="sundry12.html">
                            <img src="./static/image/design8.jpg">
                            <div class="text ellipsis">海艺术</div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="module">
                <div class="headline">
                    <h3 class="title">欣赏</h3>
                    <a href="sundry.html" tppabs="sundry.html" class="more">更多></a>
                </div>
                <div class="composing">
                    <div class="intro">
                        <a href="sundry1.html" tppabs="sundry1.html">
                            <img src="./static/image/design20.jpg">
                            <div class="text ellipsis">炫彩人像</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="sundry2.html" tppabs="sundry2.html">
                            <img src="./static/image/design26.jpg">
                            <div class="text ellipsis">动物</div>
                        </a>
                    </div>

                    <div class="intro">
                        <a href="sundry3.html" tppabs="sundry3.html">
                            <img src="./static/image/design27.jpg">
                            <div class="text ellipsis">植物</div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="module">
                <div class="headline">
                    <h3 class="title">新闻资讯</h3>
                    <a href="journalism.html" tppabs="journalism.html" class="more">更多></a>
                </div>
                <div class="news">
                    <ul>
                        <li>
                            <a href="journalism7.html" tppabs="journalism7.html">
                                <div>游弋的谜语</div><span>2025-11-01 11:35:08</span>
                            </a>
                        </li>
                        <li>
                            <a href="journalism2.html" tppabs="journalism2.html">
                                <div>丽贝卡·阿克罗伊德（Rebecca Ackroyd）将女性气质带入战场</div><span>2025-11-05 10:23:54</span>
                            </a>
                        </li>
                        <li>
                            <a href="journalism3.html" tppabs="journalism3.html">
                                <div>疫情期间的新抽象</div><span>2025-11-07 06:12:49</span>
                            </a>
                        </li>
                        <li>
                            <a href="journalism4.html" tppabs="journalism4.html">
                                <div>浅析抽象艺术</div><span>2025-11-11 15:01:38</span>
                            </a>
                        </li>
                        <li>
                            <a href="journalism5.html" tppabs="journalism5.html">
                                <div>岩画 60000年前的艺术语言</div><span>2025-11-13 21:05:11</span>
                            </a>
                        </li>
                        <li>
                            <a href="journalism6.html" tppabs="journalism6.html">
                                <div>浅析当代艺术的缘起与现状</div><span>2025-11-14 09:32:09</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="info_bar">
                <div class="block">
                    <h4 class="title">关于网站</h4>
                    <ul>
                        <!-- <li>退款流程</li> -->
                        <li><a href="user-agreement.html" tppabs="user-agreement.html" target="_blank">用户协议</a></li>
                        <li><a href="service.html" tppabs="service.html" target="">客服中心</a></li>
                        <li><a href="Policy-agreement.html" tppabs="Policy-agreement.html" target="_blank">隐私协议</a></li>
                        <li><a href="contact.html" tppabs="contact.html" target="">联系我们</a></li>
                    </ul>
                </div>

                <div class="block">
                    <h4 class="title">帮助中心</h4>
                    <ul>
                        <li><a href="process.html" tppabs="process.html" target="">退款流程</a></li>
                        <li><a href="login.html" tppabs="contact.html" target="">如何注册</a></li>
                        <li><a href="system.html" tppabs="system.html" target="">企业自查制度</a></li>
                    </ul>
                </div>

                <div class="block">
                    <h4 class="title">联系我们</h4>
                    <ul>
                        <li>邮箱：2625606793@qq.com</li>
                        <li>电话：15208478529</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="copyright">
            <div class="text-center">
                <span>版权归属：成都哇嘎文化传媒有限公司</span>
            </div>
            <div class="text-center">
                <span>地址：四川省成都市锦江区净居寺路22号1栋2层23号</span>
            </div>
            <div style="width:300px;margin:0 auto;">
                <a target="_blank" href="http://beian.miit.gov.cn/"
                    style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                    <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#e4e2e2;">
                        备案编号：蜀ICP备19041773号</p>
                </a>
            </div>
            <div class="text-center">
                <span>增值电信业务经营许可证（川B2-20200123）</span>
              </div>
              <div class="text-center">
                <span>网络文化经营许可证（川网文（2023）0381-016号）</span>
              </div>
            <p>
                <a href="user-agreement.html" tppabs="user-agreement.html" target="_blank" style="color:#e4e2e2;">《用户协议》</a>
                <a href="Policy-agreement.html" tppabs="Policy-agreement.html" target="_blank" style="color:#e4e2e2;">《隐私协议》</a>
            </p>
        </div>
    </div>
</body>

<script src="./js/axios.min.js" tppabs="js/axios.min.js"></script>
<script src="./js/config.js"></script>
<script src="./js/request.js" tppabs="request.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',
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  })

    let logged = document.getElementById('logged')
    let gologin = document.getElementById('gologin')
    let order = document.getElementById('order')
    // let refund = document.getElementById('refund')
    let esc = document.getElementById('esc')
    let clicklogin = document.getElementById('clicklogin')
    let headtrue = document.getElementById('headtrue')
    let headflase = document.getElementById('headflase')
    // let guide = document.querySelector('.guide')
    // let needpayAll = document.querySelectorAll('.needpay')

    let user = document.getElementById('user') // 用户协议
    let privacy = document.getElementById('privacy') // 隐私协议
    let about = document.getElementById('about') //关于我们
    let service = document.getElementById('service') // 客服中心
    let order2 = document.getElementById('order2') // 我的订单
    let process = document.getElementById('process') // 退款流程
    let system = document.getElementById('system') // 企业自查制度
    let platform = document.getElementById('platform') // 平台管理制度
    let top_up = document.getElementById('top_up') // 充值中心

    user.onclick = () => {
        window.open('user-agreement.html')
    }
    privacy.onclick = () => {
        window.open('Policy-agreement.html')
    }
    about.onclick = () => {
        window.location.href = 'about.html'
    }
    service.onclick = () => {
      window.location.href = 'service.html'
    }
    process.onclick = () => {
      window.location.href = 'process.html'
    }
    system.onclick = () => {
        window.location.href = 'system.html'
    }
    platform.onclick = () => {
        window.location.href = 'platform.html'
    }
    top_up.onclick = () => {
        window.location.href = 'top_up.html'
    }
    order2.onclick = () => {
        let userInfoToken = JSON.parse(window.localStorage.getItem('userInfoToken'))
        console.log('userInfoToken', userInfoToken)
        if (!userInfoToken) return window.location.href = 'login.html?login_state=false'
        window.location.href = 'order-list.html'
    }




    let data = JSON.parse(localStorage.getItem('userInfo'))
    // if (state) return
    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'))
        console.log('userInfoToken', userInfoToken)
        if (!userInfoToken) return window.location.href = 'login.html?login_state=false'
        window.location.href = 'order-list.html'
    }
    // refund.onclick = () => {
    //     // alert('')
    //     guide.classList.remove('guide-hidn')
    //     setTimeout(() => {
    //         guide.classList.add('guide-hidn')
    //     }, 4000)
    // }
    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()
    }
    // for (const item of Array.from(needpayAll)) {
    //     item.onclick = (e) => {
    //         e.preventDefault()
    //         window.location.href = `top_up.html?page=${e.target.id}`
    //     }
    // }
</script>

</html>