<div class="other" id="articleSide" v-cloak>
    <div id="mHotWord">
        <div class="tags clearfix">
            <p class="classify">
                热搜词
            </p>
            <div class="tag">
                <a v-for="label in labelList"  :href="'/info/label-' + label.id + '-1.html'" :style="'opacity:'+label.sort" v-text="label.name"></a>
            </div>
        </div>
        <a href="javascript:void(0);" class="close"></a>
    </div>
    <div v-if="isPC" class="recommend">
        <p class="classify readerSify">
            推荐阅读
            <span class="nextPreBtn">
                <span v-if="recommend.nextPage" class="next" @click="getRecommend(typeId, recommend.nextPage)"></span>
                <span v-if="recommend.prePage" class="pre" @click="getRecommend(typeId, recommend.prePage)"></span>
            </span>
        </p>
        <div class="row" v-for="item in recommend.list">
            <div class="new-img xiao">
                <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
                    <img :src="item.image"/>
                </a>
            </div>
            <div class="new-blurb xiao">
                <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
                    <p class="shuoming" v-html="item.title"></p>
                </a>
            </div>
        </div>
    </div>
    <div v-if="isPC" class="tui">
        <a v-for="ad in adList" href="javascript:void(0);" class="tui-img" @click="clickAD(ad.id,ad.link)">
            <img :src="ad.image" alt="ad.title"/>
        </a>
    </div>
</div>
