qiushang
/
qasimBlog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html>
<head>
    @include('common.head')
</head>
<body>
<div class="header">
    @include('common.header')
</div>
<div id="app">
    <!-- 頭部導航 -->
    <div class="header">
        <!-- 导航栏 -->
        @include('audio.common.nav')
    </div>

    <!--- 解决方案 --->
    <div class="index-about" style="background-color: #fff;margin-top: 15px">
        <div class="width-1200">
            <div class="buy-soft-title">
                <img src="/static/images/33.png" class="buy-soft-img"/>{{ $info->title }}-会员充值
            </div>
            <div class="flex-between">
                <div class="buy-item">
                    <img src="/static/images/对%20(1).png" class="buy-img"/>
                    <span>会员权益</span>
                </div>
                <div class="buy-item">
                    <img src="/static/images/对%20(1).png" class="buy-img"/>
                    <span>享受永久升级</span>
                </div>
                <div class="buy-item">
                    <img src="/static/images/对%20(1).png" class="buy-img"/>
                    <span>不限电脑使用</span>
                </div>
                <div class="buy-item">
                    <img src="/static/images/对%20(1).png" class="buy-img"/>
                    <span>在线使用支持</span>
                </div>
            </div>

            <div class="buy-area">
                <div class="flex-between">
                    <div class="member-item active">
                        <div class="member-title">30天 VIP</div>
                        <div><span>¥</span><span class="member-money">{{ $info->price1 }}</span></div>
                        <div class="member-desc">{{ $info->desc_price1 }}</div>
                    </div>
                    <div class="member-item">
                        <div class="member-title">半年VIP</div>
                        <div><span>¥</span><span class="member-money">{{ $info->price2 }}</span></div>
                        <div class="member-desc">{{ $info->desc_price2 }}</div>
                    </div>
                    <div class="member-item">
                        <div class="member-title">一年VIP</div>
                        <div><span>¥</span><span class="member-money">{{ $info->price3 }}</span></div>
                        <div class="member-desc">{{ $info->desc_price3 }}</div>
                    </div>
                    <div class="member-item">
                        <div class="member-title">永久VIP</div>
                        <div><span>¥</span><span class="member-money">{{ $info->price4 }}</span></div>
                        <div class="member-desc">{{ $info->desc_price4 }}</div>
                    </div>
                </div>

                <div class="pay-area flex-start">
                    <div class="pay-detail">
                        <div>
                            <span class="pay-title">支付金额：</span><span class="pay-money">¥68</span>
                        </div>
                        <div>
                            <span class="pay-title">支付方式：</span>
                            <a class="pay-type active">微信支付</a>
                            <a class="pay-type">支付宝支付</a>
                        </div>
                        <div class="buy-now">立即支付</div>
                    </div>

                    <div class="pay-desc flex-start">
                        <img src="/static/images/qr-code.jpg" class="pay-img"/>
                        <div class="pay-content">
                            <p class="pay-title">支付流程：</p>
                            <p>1、打开微信扫一扫</p>
                            <p>2、扫描左侧二维码支付</p>
                            <p>3、支付成功</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('common.footer')
</div>
</body>
</html>