{extend name="pcout" /}
{block name="title"}学家号详情{/block}
{block name="css"}
<link rel="stylesheet" href="/static/home/css/swiper.min.css">
<style>
    .bottom_1{
        background: #F7F8FA;
    }
</style>
{/block}
{block name="row"}
<div id='app'>
    <div class='outer'>
    <div class="index_1_1">
        <div class="inter">
            <a href="/" class="index_4 fl">
                <img src="/static/home/img/logo.png" class="index_2 fl"/>
                <div class="index_3_1 fl">学天下</div>
                <div class="cl"></div>
            </a>
            <div class="index_5 fl">
                <a href="/" class="index_6_2 fl tc re" :class="{'index_6_3':yemian_type == 1}">
                    首页
                    <div v-if="yemian_type == 1" class="index_7_1 ab"></div>
                </a>
                <a href="/news.html" class="index_6_2 fl tc re" :class="{'index_6_3':yemian_type == 2}">
                    文章
                    <div v-if="yemian_type == 2" class="index_7_1 ab"></div>
                </a>
                <a href="/xjh.html" class="index_6_2 fl tc re" :class="{'index_6_3':yemian_type == 3}">
                    学家号
                    <div v-if="yemian_type == 3" class="index_7_1 ab"></div>
                </a>
                <a href="/schools.html" class="index_6_2 fl tc re" :class="{'index_6_3':yemian_type == 4}">
                    学校
                    <div v-if="yemian_type == 4" class="index_7_1 ab"></div>
                </a>
                <a href="/wenda.html" class="index_6_2 fl tc re" :class="{'index_6_3':yemian_type == 5}">
                    问答
                    <div v-if="yemian_type == 5" class="index_7_1 ab"></div>
                </a>
                <div class="cl"></div>
            </div>
            <div v-if="is_denglu == 1" class="index_4 fr">
                <a href="/index/member/index.html" class="index_8 tc fr" style="margin-left: 15px;">
                    <img src="" class="index_8_2"/>
                </a>
                <a href="/index/produce/my_article.html" class="index_9_1 tc fr" style="background: #CD2B25;color:#fff;">创作中心</a>
                <a href="/search.html" class="index_8 tc fr">
                    <img src="/static/home/img/pc/search4.png" class="index_8_2"/>
                </a>
                <div class="cl"></div>
            </div>
            <div v-else class="index_4 fr">
                <a href="/login/ret/1.html" class="index_9_1 tc fr">登录/注册</a>
                <a href="/search.html" class="index_8 tc fr">
                    <img src="/static/home/img/pc/search4.png" class="index_8_2"/>
                </a>
                <div class="cl"></div>
            </div>
            <div class="cl"></div>
        </div>
    </div>
</div>
    <div class="outer">
        <div class="news_143">
            <div class="inter">
                <div class="news_145">
                   <img src="https://bj.xuetx.com.cn/uploads/images/20240105/475c369d95a007a4e38ec53f12b8b341.png" class="news_144"/>
                </div>
                <div class="news_146 tc">钱老师</div>
                <div class="news_147 tc"></div>
                <div class="news_148">
                    <div class="news_149 fl tc">
                        <div class="news_151">57</div>
                        <div class="news_152">Ta关注的学校</div>
                    </div>
                    <div class="news_150 fl"></div>
                    <div class="news_149 fl tc">
                        <div class="news_151">0</div>
                        <div class="news_152">Ta关注的学家号</div>
                    </div>
                    <div class="news_150 fl"></div>
                    <div class="news_149 fl tc">
                        <div class="news_151">{{fans_num}}</div>
                        <div class="news_152">Ta的粉丝</div>
                    </div>
                    <div class="cl"></div>
                </div>
                <div @click="guanzhuXuejiahao(382)" v-if="guanzhu == 0" class="news_153_1 tc">+ 关注</div>
                <div @click="guanzhuXuejiahao(382)" v-else class="news_153_1 tc">已关注</div>
            </div>
        </div>
    </div>
    <div class="outer" id="#" style="padding: 30px 0 60px;">
        <div class="inter">
            <div class="index_60 fl">
                <div class="index_74" style="background: #fff;">
                    <div style="margin:10px 0;">
                        <div class="index_36 fl" style="font-size: 24px;">ta加入的家委会</div>
                        <div class="cl"></div>
                    </div>
                                        <div class="tc">
                        <img src="/static/home/img/pc/kong.png" class="news_155"/>
                        <div class="news_154">暂未加入任何家委会</div>
                    </div>
                                    </div>
                <div class="index_74" style="background: #fff;">
                    <div style="margin:10px 0;">
                        <div class="index_36 fl" style="font-size: 24px;">直播/活动预告</div>
                        <a href="/zhibo.html" class="index_37 fr">
                            <div class="index_39 fr tc"><i class="fa fa-angle-right fa-fw"></i></div>
                            <div class="index_38 fr">更多</div>
                        </a>
                        <div class="cl"></div>
                    </div>
                                        <div class="tc">
                        <img src="/static/home/img/pc/kong.png" class="news_155"/>
                        <div class="news_154">暂无数据</div>
                    </div>
                                        <div class="swiper-container zhibo">
                        <div class="swiper-wrapper">
                                                    </div>
                        <div class="swiper-pagination" style="text-align: right;"></div>
                    </div>
                    <div class="index_95"></div>
                    <div>
                                                <div class="cl"></div>
                    </div>
                </div>
            </div>
            <div class="index_59 fr" style="background: #fff;padding:20px 35px;border-radius: 10px;">
                <a href="/xjhshow/study_id/382/xjh_type/1.html##" class="index_55 fl re" :class="{'index_56':xjh_type == 1}">文章<div v-if="xjh_type == 1" class="index_57 ab"></div></a>
                <!-- <a href="/xjhshow/study_id/382/xjh_type/2.html##" class="index_55 fl re" :class="{'index_56':xjh_type == 2}">视频<div v-if="xjh_type == 2" class="index_57 ab"></div></a> -->
                <a href="/xjhshow/study_id/382/xjh_type/3.html##" class="index_55 fl re" :class="{'index_56':xjh_type == 3}">问答<div v-if="xjh_type == 3" class="index_57 ab"></div></a>
                <a href="/xjhshow/study_id/382/xjh_type/4.html##" class="index_55 fl re" :class="{'index_56':xjh_type == 4}">话题<div v-if="xjh_type == 4" class="index_57 ab"></div></a>
                <div class="cl"></div>
                <div class="index_58"></div>
                <div class="index_61">
                                        <div class='no'>~暂无数据~</div>
                                                            
                    <div class="news_29">
                                             </div>
                </div>
            </div>
            <div class="cl"></div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script src="/static/home/js/swiper.min.js"></script>
<script>
    $(document).ready(function () {
        var mySwiper3 = new Swiper('.zhibo', {
            loop: true,
            speed: 300,
            autoplay: {
                delay: 3000
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true
            },
        })
    })
    new Vue({
        el: '#app',
        data: {
            yemian_type: '3',
            is_denglu: '0',
            xjh_type: '3',
            guanzhu: '0',
            fans_num: '0'
        },
        created: function(){
            myVue = this;
            
        },
        mounted() {
            
        },
        methods: {
            go_url: function(go_url, num = 0){
                if(num == 1){
                    window.open(go_url, '_blank');
                }else{
                    window.location.href=go_url;
                }
            },
            guanzhuXuejiahao: function(member_id){
                if(myVue.is_denglu == 0){
                    layer.open({
                        content: '您还未登录？',
                        btn: ['登录','取消'],
                        shadeClose: false,
                        yes: function(a){
                            layer.closeAll();
                            window.location.href="/login.html";
                        }
                    });
                    return false;
                }
                var params = {
                    'xuejiahao_id': member_id
                };
                request("/index/member/guanzhuxuejiahao.html", params, function(res){
                    myVue.guanzhu = res.guanzhu;
                    if(res.guanzhu == 1){
                        myVue.fans_num++;
                    }else{
                        myVue.fans_num--;
                    }
                })
            },
        }
    })
</script>
{/block}