xinyi
/
video_server


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>常见问题</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-3.6.0.js"></script>
    <style>
        .body {
            background-color: #0e161c;
            color: white;
        }

        .problemBtnBox {
            width: 100%;
            padding-top: 20pt;
            padding-bottom: 25pt;
            display: flex;
            flex-flow: row wrap;
            align-content: flex-start;
        }

        .problemBtnBox button {
            text-align: center;
            border-radius: 14pt;
            font-size: 11pt;
            padding: 3pt 5pt;
            margin: 2pt 2px;
            color: #57302E;
            background-color: #0e161c;
            border: 1px solid #3e2828;
            box-sizing: border-box;
            flex: 0 0 23.89%;
        }

        .problemBtnBox .selected {
            color: white;
            background-color: #d5695e;
        }

        .solid {
            margin: 0;
            height: 1pt;
            margin-block-end: 0pt;
            background-color: #222b2f;
        }

        .problem {
            size: 15pt;
            padding: 5pt 0pt;
        }

        .problemItem span {
            float: right;
        }

        .problemContent .problemItem:not(:first-child) {
            display: none;
        }

        .problemContent .problemItem div p:not(:first-child) {
            display: none;
        }
        .problemItem div p:nth-child(2){
            color: #d3d4d561;
        }
        .problemItem .se{
            transform: rotate(90deg);
        }

    </style>
</head>
<body class="body">
<!-- 头部 -->
<!-- <div class="top">
        <a> < </a>
        <a>  热门问题 </a>
        <a>  反馈记录 </a>
    </div> -->
<!--  内容  -->
<div class="content">
    <!--  问题纳刚按钮  -->
    <div class="problemBtnBox">
        <button class="problemBtnItem selected" problemId="czwt">充值问题</button>
        <button class="problemBtnItem" problemId="ypxg">影片相关</button>
        <button class="problemBtnItem" problemId="zpsc">作品上传</button>
        <button class="problemBtnItem" problemId="qmdl">全名代理</button>
        <button class="problemBtnItem" problemId="yjtx">佣金体现</button>
        <button class="problemBtnItem" problemId="other">其他</button>
    </div>
    <!-- 热门问题头部分割线  -->
    <div class="solid"></div>
    <p class="problem">充值问题</p>

    <!-- 问题 -->
    <div class="problemContent">

        <div class="problemItem czwt">
            <div>
                <p>1. 1-1 <span> > </span></p>
                <p>
                    使用现金为 Play 帐号充值
                    打开 Google Play 应用 Google Play。
                    点按右上角的个人资料图标。
                    依次点按付款和订阅 接着点按 付款方式 接着点按 添加付款方式 接着点按 为 Google Play 帐号充值。
                    选择相应的帐号。
                    点按继续。
                    选择一家便利店。
                    如果这是您首次使用现金付款，请添加您的名字和邮政编码。
                    点按获取付款代码。
                    在便利店中，按照说明操作。
                    提示：您可能最多需等待 5 分钟才能看到最新的 Play 余额，并收到有关交易已完成的电子邮件。
                </p>
            </div>
            <div class="solid"></div>
            <div>
                <p>2.1-2 <span> > </span></p>
                <p>
                    使用现金为 Play 帐号充值
                    打开 Google Play 应用 Google Play。
                    点按右上角的个人资料图标。
                    依次点按付款和订阅 接着点按 付款方式 接着点按 添加付款方式 接着点按 为 Google Play 帐号充值。
                    选择相应的帐号。
                    点按继续。
                    选择一家便利店。
                    如果这是您首次使用现金付款，请添加您的名字和邮政编码。
                    点按获取付款代码。
                    在便利店中，按照说明操作。
                    提示：您可能最多需等待 5 分钟才能看到最新的 Play 余额，并收到有关交易已完成的电子邮件。
                </p>
            </div>
            <div class="solid"></div>
        </div>

        <div class="problemItem ypxg">
            <div>
                <p>1. 2-1 <span> > </span></p>
                <p>
                    使用现金为 Play 帐号充值
                    打开 Google Play 应用 Google Play。
                    点按右上角的个人资料图标。
                    依次点按付款和订阅 接着点按 付款方式 接着点按 添加付款方式 接着点按 为 Google Play 帐号充值。
                    选择相应的帐号。
                    点按继续。
                    选择一家便利店。
                    如果这是您首次使用现金付款，请添加您的名字和邮政编码。
                    点按获取付款代码。
                    在便利店中，按照说明操作。
                    提示：您可能最多需等待 5 分钟才能看到最新的 Play 余额，并收到有关交易已完成的电子邮件。
                </p>
            </div>
            <div class="solid"></div>
            <div>
                <p>2.2-2 <span> > </span></p>
                <p>
                    使用现金为 Play 帐号充值
                    打开 Google Play 应用 Google Play。
                    点按右上角的个人资料图标。
                    依次点按付款和订阅 接着点按 付款方式 接着点按 添加付款方式 接着点按 为 Google Play 帐号充值。
                    选择相应的帐号。
                    点按继续。
                    选择一家便利店。
                    如果这是您首次使用现金付款，请添加您的名字和邮政编码。
                    点按获取付款代码。
                    在便利店中，按照说明操作。
                    提示：您可能最多需等待 5 分钟才能看到最新的 Play 余额，并收到有关交易已完成的电子邮件。
                </p>
            </div>
            <div class="solid"></div>
        </div>
    </div>
</div>

<script type="text/javascript">
    let title = '';
    let oldProblem = '';
    // 点击头上的问题
    $('.problemBtnBox').on('click', '.problemBtnItem', function () {
        let ths = $(this);
        // 更换内容
        let problemId = ths.attr('problemId');
        if (title === problemId){
            // 重复按不管他
            return false;
        }
        let problemText = ths.text();
        // 更换标题
        $('.problem').html(problemText);
        $('.problemBtnItem').attr('class', 'problemBtnItem');
        ths.addClass('selected');

        // 隐藏其他
        $('.problemItem').css('display', 'none');
        // 显示该显示的
        $('.' + problemId).css('display', 'block');
        //关闭展开的
        $('.problemContent .problemItem div p:not(:first-child) ').css('display', 'none');
        $('.problemItem div p span').attr('class','');

        title  = problemId;
        // 重置展开
        oldProblem = '';
    });
    // 点击问题详情
    $('.problemItem div p').click(function () {
        let ths = $(this);
        // 是否点击收起
        if (ths.text() === oldProblem) {
            ths.next().css('display', 'none');
            oldProblem = '';
            $('.problemItem div p span').attr('class','');
        } else {
            $('.problemItem div p span').attr('class','');
            $('.problemContent .problemItem div p:not(:first-child) ').css('display', 'none');
            ths.next().css('display', 'block');
            ths.children('span').addClass('se')
            oldProblem = ths.text();
        }

    });

</script>
</body>
</html>