教育

电视剧电影综艺动漫儿童纪录片

导航全部

VIP

客户端

<div class="header-info-item header-info-order" j-role="tabBody" rseat="">
                            {{if !data.isLogin}}
                                <div class="header-pop-no-wrap">
                                    <i class="qy-head-side-icon side-icon-nologin"></i>
                                    <p class="header-pop-no-tips">
                                        <a class="green-text" data-login-source="newsgx" j-role="loginBtn">登录</a>后才能查看完整的消息列表哦~</p>
                                </div>
                            {{else}}
                                {{if (data.page1.length == 0)}}
                                    <div class="header-pop-no-wrap">
                                        <i class="qy-head-side-icon side-icon-nonotice"></i>
                                        <p class="header-pop-no-tips">暂时还没有新的消息哦~</p>
                                    </div>
                                {{else}}
                                    <ul class="header-related-list">
                                        {{each data.page1 as item index}}
                                           {{if item.related_videoinfo}}
                                            <li class="header-info-list">
                                                <div class="header-info-item-con">
                                                    <a class="header-info-item-title base-link" href="{{item.related_videoinfo[0].videoUrl}}" title="{{item.title}}" target="_blank" j-role="href{{index}}">{{item.title}}</a>
                                                    <span class="right-item-time info-item-time">
                                                        {{if item.related_videoinfo[0].sub_type == 1}}
                                                            更新至{{item.related_videoinfo[0].order}}集
                                                        {{else if item.related_videoinfo[0].sub_type == 2}}
                                                            更新至{{item.related_videoinfo[0].tvYear}}期
                                                        {{/if}}
                                                    </span>
                                                </div>
                                                <div class="header-info-item-con">
                                                    <span class="info-item-desc">看点：{{item.related_videoinfo[0].tvFocus}}</span>
                                                    <a class="item-more-link" href="{{item.related_videoinfo[0].videoUrl}}" title="{{item.title}}" target="_blank" j-role="href{{index}}">
                                                        <i class="qy-svgicon qy-svgicon-play-14"></i>立即观看</a>
                                                </div>
                                            </li>
                                            {{/if}}
                                        {{/each}}
                                    </ul>
                                    <div class="header-pop-button-bottom" j-role="more">
                                        <a class="qy-button-small" href="//www.iqiyi.com/u/news/update" target="_blank">查看更多</a>
                                    </div>
                                {{/if}}
                            {{/if}}
                        </div>
                        <div class="header-info-item header-info-related" style="display: none;" j-role="tabBody" rseat="">
                            {{if !data.isLogin}}
                                <div class="header-pop-no-wrap">
                                    <i class="qy-head-side-icon side-icon-nologin"></i>
                                    <p class="header-pop-no-tips">
                                        <a class="green-text" data-login-source="newsyw" j-role="loginBtn">登录</a>后才能查看完整的消息列表哦~</p>
                                </div>
                            {{else}}
                                {{if (data.page2.length == 0)}}
                                    <div class="header-pop-no-wrap">
                                        <i class="qy-head-side-icon side-icon-nonotice"></i>
                                        <p class="header-pop-no-tips">暂时还没有新的消息哦~</p>
                                    </div>
                                {{else}}
                                    <ul class="header-notice-list">
                                        {{each data.page2 as item index}}
                                            <li class="header-info-list">
                                                <div class="header-notice-item">
                                                    <a class="notice-item-pic" href="//www.iqiyi.com/paopao/u/{{item.related_users[0].uid}}/" target="_blank">
                                                        <img width="100%" height="100%" src="{{item.related_users[0].icon}}" alt="" class="notice-item-img" j-role="src{{index}}">
                                                    </a>
                                                    <div class="notice-item-cont">
                                                        <div class="notice-item-title">
                                                            <a class="base-link" href="//www.iqiyi.com/paopao/u/{{item.related_users[0].uid}}/" target="_blank">{{item.related_users[0].nickname}}</a>
                                                            <span class="info-item-time">
                                                                {{if item.type == 5}}
                                                                    订阅了你
                                                                {{else if item.type == 3}}
                                                                    {{if item.title == "回复"}}
                                                                        回复了你的评论
                                                                    {{else if item.title == "评论"}}
                                                                        评论了你上传的作品
                                                                    {{else}}
                                                                        评论了你上传的作品
                                                                    {{/if}}
                                                                {{else if item.type == 4}}
                                                                    赞了你的上传作品
                                                                {{/if}}
                                                            </span>
                                                        </div>
                                                        <div class="notice-item-more">
                                                            {{if item.type != 5}}
                                                                {{item.content}}
                                                            {{/if}}
                                                            <a title="查看详情" class="item-more-link" href="javascript:void(0);" target="_blank" j-role="mySpace">查看详情</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        {{/each}}
                                    </ul>
                                    <div class="header-pop-button-bottom" j-role="more">
                                        <a class="qy-button-small" href="//www.iqiyi.com/u/news/update" target="_blank">查看更多</a>
                                    </div>
                                {{/if}}
                            {{/if}}
                        </div>
                        <div class="header-info-item header-info-notice" style="display: none;" j-role="tabBody" rseat="">
                            {{if !data.isLogin}}
                                <div class="header-pop-no-wrap">
                                    <i class="qy-head-side-icon side-icon-nologin"></i>
                                    <p class="header-pop-no-tips">
                                        <a class="green-text" data-login-source="newsxt" j-role="loginBtn">登录</a>后才能查看完整的消息列表哦~</p>
                                </div>
                            {{else}}
                                {{if (data.page3.length == 0)}}
                                    <div class="header-pop-no-wrap">
                                        <i class="qy-head-side-icon side-icon-nonotice"></i>
                                        <p class="header-pop-no-tips">暂时还没有新的消息哦~</p>
                                    </div>
                                {{else}}
                                    <ul class="header-notice-list">
                                        {{each data.page3 as item index}}
                                            <li class="header-info-list">
                                                <div class="header-notice-item">
                                                    <a class="notice-item-pic" href="//www.iqiyi.com/u/news/update" target="_blank">
                                                        <i class="qy-head-side-icon side-icon-notice"></i>
                                                    </a>
                                                    <div class="notice-item-cont">
                                                        <div class="notice-item-title">
                                                            <a class="base-link" href="//www.iqiyi.com/u/news/update" target="_blank" title="{{item.title}}">{{item.title}}</a>
                                                            <span class="right-item-time info-item-time">{{item.update_time}}</span>
                                                        </div>
                                                        <div class="notice-item-more">{{item.content}}
                                                            <a title="查看完整内容" class="item-more-link" href="//www.iqiyi.com/u/news/update" target="_blank">查看完整内容</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        {{/each}}
                                    </ul>
                                    <div class="header-pop-button-bottom" j-role="more">
                                        <a class="qy-button-small" href="//www.iqiyi.com/u/news/update" target="_blank">查看更多</a>
                                    </div>
                                {{/if}}
                            {{/if}}
                        </div>

过滤短视频

<div class="nav-login-info {{if (data.isNormalVip || data.isNormalSport)}}login-info-vip {{else}}login-info-novip{{/if}}">
                <div class="nav-login-inner">
                    <span class="nav-login_arrow">
                        <i class="tip_outer"></i>
                        <i class="tip_inner"></i>
                    </span>
                    <div class="nav-login-bd">
                        <div class="nav-login-user">
                            <div class="nav-login-topNew">
                                <div class="img">
                                    <a target="_blank" class="homeLink" href="//www.iqiyi.com/u/point" target="_blank">
                                        <img src="{{data && data.user && data.user.icon}}" alt="{{data && data.user && data.user.nickname}}" width="50" height="50" rseat="">
                                    </a>
                                </div>
                                <div class="title title-accProt">
                                    <span class="userName">
                                         <a target="_blank" class="userName_link" href="//www.iqiyi.com/u/point" target="_blank" rseat="">
                                                                                        <span class="name">{{data.userName}}</span>
                                        </a>
                                        {{if data.isVip}}
                                            {{if data.isNormalVip}}
                                                <a class="qy-vip-rank qy-rank-vip qyrv{{data.vipLevel}}" href="//vip.iqiyi.com/upgrade.html" target="_blank" rseat=""></a>
                                            {{else}}
                                                <a class="qy-vip-rank qy-rank-vip qyrv-gray{{data.vipLevel}}" href="//vip.iqiyi.com/upgrade.html" target="_blank" rseat=""></a>
                                            {{/if}}
                                        {{else}}
                                            <a class="qy-vip-rank qy-rank-vip qyrv-gray0" href="//vip.iqiyi.com/upgrade.html" target="_blank" rseat=""></a>
                                        {{/if}}
                                        {{if data.isNormalSport}}
                                            {{if data.isAdSportVip}}
                                                <em class="qy-vip-rank qy-rank-tennis qyrt-high"></em>
                                            {{else}}
                                                <em class="qy-vip-rank qy-rank-tennis qyrt-light"></em>
                                            {{/if}}
                                        {{/if}}
                                        <a href="javascript:void(0)" class="vip_link" j-role="logoutBtn">退出</a>
                                    </span>
                                    {{if !data.isVerified}}
                                        <span class="accProt-tips">
                                            <a href="javascript:void(0);" j-role="risk">您的帐号存在安全风险，点此加强帐号保护></a>
                                        </span>
                                    {{/if}}
                                    {{if data.totalScore != 'error'}}
                                        <span class="user-point">
                                            <a href="//www.iqiyi.com/u/point" rseat="803141_points" target="_blank">
                                                <i class=" icon-mypoint"></i>
                                                <em class="point-num J-personal-score">{{data.totalScore}}</em>
                                            </a>
                                        </span>
                                    {{/if}}
                                </div>
                            </div>
                            <ul class="micro-userInfo-card">
                                                                <li class="micro-card-vip j_vip_link" data-open-url="//vip.iqiyi.com" rseat="804091_vip">
                                    <div class="micro-card-tit">
                                                                                <span class="card-tit-name">VIP会员</span>
                                                                               
                                        {{if data.isSuccessAct}}
                                             {{if (!data.isNormalVip && !data.isNormal && data.isVip)}}
                                            <a href="javascript:void(0);" class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">开通</a>
                                            {{else if data.actPayType}}
                                                 <a href="{{data.actPayTypeUrl}}" target="_blank" class="micro-card-btn card-btn-vip" rseat="">{{data.actBtnTxt}}</a>
                                            {{else if !data.actPayType}}
                                                <a href="{{data.actPayTypeUrl}}"  class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">{{data.actBtnTxt}}</a>
                                            {{else}}
                                                <a href="javascript:void(0);" class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">{{data.actBtnTxt}}</a>
                                          {{/if}}
                                        {{else}}
                                            {{if (!data.isVip || !data.isNormalVip)}}
                                                <a href="javascript:void(0);" class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">开通</a>
                                            {{else if (data.isOffsetDay0 || data.isOffsetDay10)}}
                                                {{if data.isAutoRenew}}
                                                    <a href="//vip.iqiyi.com/package.html" target="_blank" class="micro-card-btn card-btn-vip">管理连续包月</a>
                                                {{else}}
                                                                                                                                                                                                                    <a href="javascript:void(0);" class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">立即续费</a>
                                                                                                    {{/if}}
                                            {{else}}
                                                {{if data.isAutoRenew}}
                                                    <a href="//vip.iqiyi.com/package.html" target="_blank" class="micro-card-btn card-btn-vip">管理连续包月</a>
                                                {{else}}
                                                                                                                                                                                                                    <a href="javascript:void(0);" class="micro-card-btn card-btn-vip" j-role="vipPay" rseat="">开通连续包月</a>
                                                                                                    {{/if}}
                                            {{/if}}
                                        {{/if}}

</div>
                                    <div class="micro-card-info" j-role="vtInfo">
                                                                                {{if !data.isVip && data.isActText}}
                                            <span class="micro-card-tip">{{data.actText}}</span>
                                        {{else if !data.isVip && !data.isActText}}
                                            <span class="micro-card-tip">看精彩热剧大片</span>
                                        {{else}}
                                            {{if !data.isNormalVip}}
                                                {{if data.expiredVip && data.isActText}}
                                                    <span class="micro-card-tip">{{data.actText}}</span>
                                                {{else if data.expiredVip && !data.isActText}}
                                                    <span class="micro-card-tip">看精彩热剧大片</span>
                                                {{else}}
                                                    <span class="micro-card-warn">会员账户异常，
                                                        {{if data.tempClosedVip}}
                                                            <a href="//passport.iqiyi.com/pages/secure/password/modify_pwd.action" class="micro-warn-link">修改密码</a>
                                                        {{else if data.foreverClosedVip}}
                                                            <a href="//cserver.iqiyi.com/chat.html" class="micro-warn-link">联系客服</a>
                                                        {{/if}}
                                                    </span>
                                                {{/if}}
                                            {{else if data.isActText}}
                                                <span class="micro-card-tip">
                                                   {{data.actText}}
                                                </span>
                                            {{else if !data.isActText}}
                                                <span class="micro-card-tip">
                                                    {{if data.isOffsetDay0}}
                                                        今天到期
                                                    {{else if data.isOffsetDay10}}
                                                        {{data.deadlineOffset}}天后到期
                                                    {{else}}
                                                        {{data.deadlineOffset}}到期
                                                    {{/if}}
                                                </span>
                                            {{/if}}
                                        {{/if}}
                                                                                {{if data.isNormalVip}}
                                            {{if data.vipType == 4}}
                                                <a class="micro-card-link" href="https://vip.iqiyi.com/pcdiamondvip.html" target="_blank" rseat="912171_diamondvip">
                                                    查看星钻特权
                                                </a>
                                                                                                                                                                                                                                                                                                                                                                                                                                            {{/if}}
                                        {{/if}}
                                    </div>
                                </li>
                                                                <li class="micro-card-tennies j_vip_link" data-open-url="//sports.iqiyi.com/sport/member.html" rseat="804091_tennis">
                                    <div class="micro-card-tit">
                                                                                {{if data.isAdSportVip}}
                                            <span class="card-tit-name">体育专业会员</span>
                                        {{else if data.isSportVip}}
                                            <span class="card-tit-name">体育大众会员</span>
                                        {{else}}
                                            <span class="card-tit-name">体育会员</span>
                                        {{/if}}
                                                                                {{if (!data.isSportVip && !data.isAdSportVip) || !data.isNormalSport}}
                                            <a href="//sports.iqiyi.com/sport/member.html?sportCash=true" target="_blank" class="micro-card-btn card-btn-tennies"  rseat="">开通</a>
                                        {{else if (data.isSportOffsetDay10 || data.isSportOffsetDay0)}}
                                            <a href="//sports.iqiyi.com/sport/member.html?sportCash=true" target="_blank" class="micro-card-btn card-btn-tennies" rseat="">立即续费</a>
                                        {{else}}
                                        {{/if}}
                                    </div>
                                    <div class="micro-card-info">
                                                                                {{if !data.isSportVip && !data.isAdSportVip}}
                                            <span class="micro-card-tip">畅享精彩体育赛事</span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    {{else}}
                                                <span class="micro-card-tip">
                                                    {{if data.isSportOffsetDay0}}
                                                        今天到期
                                                    {{else if data.isSportOffsetDay10}}
                                                        {{data.sportDeadlineOffset}}天后到期
                                                    {{else}}
                                                        {{data.sportDeadlineOffset}}到期
                                                    {{/if}}
                                                </span>
                                                                                    {{/if}}
                                                                            </div>
                                </li>
                            </ul>
                        </div>
                        <div class="nav-login-bottom">
                            <div class="goCenter">
                                <a href="//www.iqiyi.com/u/point" target="_blank" class="goCenterLink" rseat="">进入个人中心></a>
                            </div>
                            <div class="userFunWrap">
                                <ul class="userFunList">
                                    <li>
                                        <a href="//www.iqiyi.com/u/sub" target="_blank" rseat="" j-role="feedNum">
                                            <i class="userFunImg img-mySubscribe">
                                                <i class="imgHover20"></i>
                                                {{if data.subscribeInfo.feedNum > 0}}
                                                <span class="mySubscribeNum">
                                                    {{if data.subscribeInfo.feedNum > 99}}
                                                        99+
                                                    {{else}}
                                                        {{data.subscribeInfo.feedNum}}
                                                    {{/if}}
                                                </span>
                                                {{/if}}
                                            </i>
                                            <p class="userFunTxt">我的订阅</p>
                                        </a>
                                    </li>
                                    {{if (data.isNormalVip || data.isNormalSport)}}
                                        <li>
                                            <a href="https://www.iqiyi.com/kszt/pcwnewclub.html" target="_blank" rseat="">
                                                <i class="userFunImg img-VIPClub">
                                                    <i class="imgHover20"></i>
                                                </i>
                                                <p class="userFunTxt">VIP俱乐部</p>
                                            </a>
                                        </li>
                                    {{else}}
                                        <li>
                                            <a href="//www.iqiyi.com/u/fav" target="_blank" rseat="">
                                                <i class="userFunImg img-myMllection">
                                                    <i class="imgHover20"></i>
                                                </i>
                                                <p class="userFunTxt">收藏</p>
                                            </a>
                                        </li>
                                    {{/if}}
                                    <li>
                                        <a href="//www.iqiyi.com/u/safety" target="_blank" rseat="">
                                            <i class="userFunImg img-security">
                                                <i class="imgHover20"></i>
                                            </i>
                                            <p class="userFunTxt">安全中心</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//help.iqiyi.com/?entry=top_usercenter" target="_blank" rseat="">
                                            <i class="userFunImg img-online">
                                                <i class="imgHover20"></i>
                                            </i>
                                            <p class="userFunTxt">帮助中心</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        {{if ((data.isNormalVip || data.isNormalSport) && data.userFamily.length == 0)}}
                            <div class="nav-login-profile">
                                <a target="_blank" href="//www.iqiyi.com/u/profile" class="addFamilyLink">
                                    <i class="addFamilyIc"></i>
                                    <span class="addFamilySpan">添加家庭成员</span>
                                </a>
                            </div>
                        {{/if}}
                        {{if (data.userFamily.length > 0)}}
                            <div class="nav-login-profile profile-fold">
                                <div class="viewFamily">
                                    <a target="_blank" href="//www.iqiyi.com/u/profile" class="viewFamilyLink">家庭成员></a>
                                </div>
                                <div class="addFamilyWrap">
                                    <ul class="addFamilyList addFamilyList55 clearfix">
                                        {{if (data.userFamily.length > 0)}}
                                            {{each data.userFamily as item index}}
                                                <li>
                                                    <a href="javascript:void(0);" class="familyItem" j-role="switchAccount" j-suid={{item.suid}} rseat="">
                                                        <div class="familyImg-wrap">
                                                            <i class="imgHover20"></i>
                                                            <img alt="" src="{{item.icon}}" width="55" height="55">
                                                        </div>
                                                        <span class="title" rseat="">{{item.nickname}}</span>
                                                    </a>
                                                </li>
                                            {{/each}}
                                        {{/if}}
                                        {{if (data.userFamily.length < 4)}}
                                            <li>
                                                <a target="_blank" href="//www.iqiyi.com/u/profile" class="addFamilyLink">
                                                    <div class="familyImg-wrap">
                                                        <i class="imgHover20"></i>
                                                        <i class="addFamilyIc"></i>
                                                    </div>
                                                    <span class="addFamilySpan">添加成员</span>
                                                </a>
                                            </li>
                                        {{/if}}
                                    </ul>
                                </div>
                            </div>
                        {{/if}}
                    </div>
                </div>
            </div>

前端小白零基础入门HTML5+CSS3
热度 7 前往教育热度风云榜>

8.7 分

2019 教育 IT/互联网

1，代码也可以讲解的有趣，生动，好玩，让你快乐的学习。2，一些枯燥的理论，采取生动的生活案例相辅助，让你理解的更深刻。3，视频讲解有趣，站在小白角度讲解课程，前端小白的入门学习视频。4，结尾品优购项目，采取模块化，结构与样式相分离等，更贴近实际开发。

打包价格：元

立即播放收藏已收藏

发布动态

节目还没有准备好，晚点回来再试试～

剧集列表

（更新至 59 集 / 共58集）

全部

由于版权原因，部分剧集暂时无法观看，请持续关注更新~~感谢使用爱奇艺！

{{each data as item index}}
                                            <li
                                                class="album_item"
                                                data-order="{{item.album_order}}"
                                                data-order-name="{{item.short_display_name}}"
                                            >
                                                <a
                                                    data-pb="{{item.pd}}"
                                                    rseat="708222_sub1_shuziplay"
                                                    title="{{item.short_display_name || item.album_order}}"
                                                    href="{{item.page_url}}"
                                                    target="_blank"
                                                >
                                                    {{if item.content_type == 28}}
                                                        {{item.short_display_name}}
                                                    {{else}}
                                                        {{item.album_order}}
                                                    {{/if}}
                                                </a>
                                                                                                <div class="icon-tr">
                                                    {{if item.mark_type_show == 1}}
                                                        <img src="//www.iqiyipic.com/common/fix/4096/mark/unlock1x.png" srcset="//www.iqiyipic.com/common/fix/4096/mark/unlock2x.png 2x" />
                                                    {{else if item.mark_type_show == 2}}
                                                        <img src="//www.iqiyipic.com/common/fix/4096/mark/lock1x.png" srcset="//www.iqiyipic.com/common/fix/4096/mark/lock2x.png 2x" />
                                                    {{else if item.mark_type_show == 3}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-IV.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-IV@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 1}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-VIP.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-VIP@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 7}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-vipfun.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-vipfun@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 2}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-fufei.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-fufei@2x.png 2x" />
                                                    {{else if item.mark_type_show == 10}}
                                                        <img src="//www.iqiyipic.com/common/fix/4096/mark/star1x.png" srcset="//www.iqiyipic.com/common/fix/4096/mark/star2x.png 2x" />
                                                    {{else if item.mark_type_show == 17}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-pre.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-pre@2x.png 2x" />
                                                    {{else if item.mark_type_show == 18}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-new.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-new@2x.png 2x" />
                                                    {{else if item.mark_type_show == 20}}
                                                        <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-xianmian.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-xianmian@2x.png 2x" />
                                                    {{/if}} 
                                                </div>
                                            </li>
                                        {{/each}}

{{each data as item index}}
                                            <li
                                                data-albumlist-elem="playItem"
                                                data-list="图文"
                                                data-order="{{item.album_order}}"
                                                data-order-name="{{item.short_display_name}}"
                                            >
                                                <div class="site-piclist_pic">
                                                    <a
                                                        class="site-piclist_pic_link"
                                                        href="{{item.page_url}}"
                                                        title="{{item.subtitle}}"
                                                        target="_blank"
                                                        rseat="708222_sub1_tuwenplay"
                                                        data-pb="c1=12"
                                                    >
                                                        <img
                                                            width="100%"
                                                            height="100%"
                                                            rseat="703221_xuanji"
                                                            src="{{item.image_url}}"
                                                            alt="{{item.subtitle}}"
                                                        />
                                                                                                                <div class="icon-tr">
                                                            {{if item.mark_type_show == 1}}
                                                                <img src="//www.iqiyipic.com/common/fix/4096/mark/unlock1x.png" srcset="//www.iqiyipic.com/common/fix/4096/mark/unlock2x.png 2x" />
                                                            {{else if item.mark_type_show == 2}}
                                                                <img src="//www.iqiyipic.com/common/fix/4096/mark/lock1x.png" srcset="//www.iqiyipic.com/common/fix/4096/mark/lock2x.png 2x" />
                                                            {{else if item.mark_type_show == 3}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/IV.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/IV@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 1}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 7}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/vipfun.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/vipfun@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 2}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/fufei.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/fufei@2x.png 2x" />
                                                            {{else if item.mark_type_show == 10}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark/star-movie.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark/star-movie@2x.png 2x" />
                                                            {{else if item.mark_type_show == 17}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre@2x.png 2x" />
                                                            {{else if item.mark_type_show == 18}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/new.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/new@2x.png 2x" />
                                                            {{else if item.mark_type_show == 20}}
                                                                <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/xianmian.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/xianmian@2x.png 2x" />
                                                            {{/if}} 
                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="coverContainer">
                                                            <div class="coverLink" rseat="705233_play">
                                                                <i class="qy-album-svg icon-album-playBtn">
                                                                    <svg class="symbol-icon">
                                                                        <use xlink:href="#album-play"></use>
                                                                    </svg>
                                                                </i>
                                                                <span>播放</span>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div class="site-piclist_info">
                                                    <p class="site-piclist_info_title">
                                                        <a
                                                            href="{{item.page_url}}"
                                                            title="{{item.short_display_name}}"
                                                            target="_blank"
                                                            rseat="708222_sub1_tuwentitle"
                                                            data-pb="c1=12"
                                                        >
                                                            {{if item.content_type == 28}}
                                                                {{item.short_display_name}}
                                                            {{else}}
                                                                {{'第' + item.album_order + '集'}}
                                                            {{/if}}
                                                                                                                        {{if item.mark_type_show == 17}}预告{{/if}}
                                                        </a>
                                                    </p>
                                                    <p class="site-piclist_info_describe">
                                                        <a
                                                            href="{{item.page_url}}"
                                                            title="{{item.subtitle}}"
                                                            target="_blank"
                                                            rseat="708222_sub1_tuwendesc"
                                                            data-pb="c1=12"
                                                        >{{if item.mark_type_show != 17}}{{item.subtitle}}{{/if}}</a>
                                                    </p>
                                                </div>
                                            </li>
                                        {{/each}}

爱奇艺号

黑马程序员

14.7万人已关注

+关注

相关推荐

{{ each data as item index}}
        <li>
            <div class="piclist-vertical-img">
                <a
                    target="_blank"
                    href="{{item.albumUrl || item.firstVideoUrl}}"
                    data-delegate="qiyurecd-album"
                    title="{{item.albumName}}"
                    rseat="vname_{{index}}"
                    data-widget-qidanadd="qidanadd"
                    data-qidanadd-exclusive="{{item.exclusive}}"
                    data-qidanadd-vip="{{item.isvip}}"
                    data-qidanadd-tvid="{{item.tvId}}"
                    data-qidanadd-albumid="{{item.albumId}}"
                    data-qidanadd-channelid="{{item.channelId}}"
                    data-qidanadd-hoverclass="show-favorites"
                    data-qidanadd-hovertext="collect"
                    data-rank="{{index}}"
                >
                    <img alt="{{item.albumName}}" src="{{item.imageUrl_480_270}}" rseat="703221_tuijian" data-pb="block=703221_tuijian">
                                        <div class="icon-tr">
                        {{if item._isAdvance}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM@2x.png 2x" />
                        {{else if item.payMark == 11}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip@2x.png 2x" />
                        {{else if item._iqiyiself}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self@2x.png 2x" />
                        {{else if item._only}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only@2x.png 2x" />
                        {{else if item._isvip}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP@2x.png 2x" />
                        {{/if}} 
                    </div>
                </a>
            </div>
            <div class="piclist-vertical-details">
                <h3>
                    <a
                        target="_blank"
                        href="{{item.albumUrl || item.firstVideoUrl}}"
                        data-delegate="qiyurecd-album"
                        data-rank="{{index}}"
                        data-aid="{{item.albumId}}"
                        data-cid="{{item.channelId}}"
                        title="{{item.albumName}}"
                        rseat="703221_tuijian"
                        data-pb="block=703221_tuijian"
                    >{{item.albumName}}</a>
                </h3>
                {{if !item.solo && item.latestOrder && item.sourceId==0 }}
                    <div class="vertical-details-txt">
                        {{if item.latestOrder == item.videoCount }}
                            {{item.videoCount}}集全
                        {{else if (item.videoCount === 0 && item.latestOrder > item.videoCount) }}
                            更新至{{item.latestOrder}}集
                        {{else if (item.videoCount && item.latestOrder < item.videoCount) }}
                            更新至{{item.latestOrder}}集 / 共{{item.videoCount}}集
                        {{/if}}
                    </div>
                {{/if}}
                                {{if item.playtimes }}
                    <div class="vertical-details-info"><i class="album-icons album-icons_playGray" rseat="playcont_{{index}}"></i>{{item.playtimes}}</div>
                {{/if}}
                {{if item.hot }}
                    <div class="vertical-details-info heat-num">
                        <i class="qy-album-svg icon-album-hot-999">
                            <svg class="symbol-icon" aria-hidden="true">
                                <use xlink:href="#album-hot" />
                            </svg>
                        </i>{{item.hot}}
                    </div>
                {{/if}}
            </div>
        </li>
        {{/each}}

剧集列表

（更新至2019-11-07期）

年份

{{ each data as item index}} 
                                <li>
                                    <div class="stageTitle">
                                        <i class="album-icons album-icon_playGreen"></i>
                                        {{if item.playUrl}}
                                            <a
                                                class="stageNum"
                                                href="{{item.playUrl}}"
                                                title="{{item.shortTitle}}"
                                                data-pb="c1=12"
                                                rseat="708222_sub3_focustitle"
                                                target="_blank"
                                            >{{item.period}}期
                                                {{if item.shortTitle}}
                                                    {{item.shortTitle}}
                                                {{else}}
                                                    {{item.name}}
                                                {{/if}}
                                            </a>
                                        {{else}}
                                            {{item.shortTitle}}
                                        {{/if}}
                                    </div>
                                    <p class="stageBody">{{item.description}}</p>
                                    {{if item.videoFocuses && item.videoFocuses.length > 0}}
                                        <ul class="showClipList clearfix">
                                            {{ each item.videoFocuses as item0 index2 }}
                                            <li>
                                                <a
                                                    href="{{item0.vPointUrl}}"
                                                    data-pb="c1=12"
                                                    rseat="708222_sub3_focustime"
                                                    title="{{item0.description}}"
                                                    class="showClipLink"
                                                    target="_blank"
                                                >
                                                    <i class="ico-spare4"></i>
                                                    <span class="showClipTime">{{item0.timeV2}}</span>
                                                    <span class="showClipTit">{{item0.description}}</span>
                                                </a>
                                            </li>
                                            {{/each}}
                                        </ul>
                                    {{/if}}
                                </li>
                                {{/each}}

爱奇艺号

黑马程序员

14.7万人已关注

+关注

相关推荐

{{ each data as item index}}
        <li>
            <div class="piclist-vertical-img">
                <a
                    target="_blank"
                    href="{{item.albumUrl || item.firstVideoUrl}}"
                    data-delegate="qiyurecd-album"
                    title="{{item.albumName}}"
                    rseat="vname_{{index}}"
                    data-widget-qidanadd="qidanadd"
                    data-qidanadd-exclusive="{{item.exclusive}}"
                    data-qidanadd-vip="{{item.isvip}}"
                    data-qidanadd-tvid="{{item.tvId}}"
                    data-qidanadd-albumid="{{item.albumId}}"
                    data-qidanadd-channelid="{{item.channelId}}"
                    data-qidanadd-hoverclass="show-favorites"
                    data-qidanadd-hovertext="collect"
                    data-rank="{{index}}"
                >
                    <img alt="{{item.albumName}}" src="{{item.imageUrl_480_270}}" rseat="703221_tuijian" data-pb="block=703221_tuijian">
                                        <div class="icon-tr">
                        {{if item._isAdvance}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM@2x.png 2x" />
                        {{else if item.payMark == 11}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip@2x.png 2x" />
                        {{else if item._iqiyiself}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self@2x.png 2x" />
                        {{else if item._only}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only@2x.png 2x" />
                        {{else if item._isvip}}
                            <img src="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP.png" srcset="//www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP@2x.png 2x" />
                        {{/if}} 
                    </div>
                </a>
            </div>
            <div class="piclist-vertical-details">
                <h3>
                    <a
                        target="_blank"
                        href="{{item.albumUrl || item.firstVideoUrl}}"
                        data-delegate="qiyurecd-album"
                        data-rank="{{index}}"
                        data-aid="{{item.albumId}}"
                        data-cid="{{item.channelId}}"
                        title="{{item.albumName}}"
                        rseat="703221_tuijian"
                        data-pb="block=703221_tuijian"
                    >{{item.albumName}}</a>
                </h3>
                {{if !item.solo && item.latestOrder && item.sourceId==0 }}
                    <div class="vertical-details-txt">
                        {{if item.latestOrder == item.videoCount }}
                            {{item.videoCount}}集全
                        {{else if (item.videoCount === 0 && item.latestOrder > item.videoCount) }}
                            更新至{{item.latestOrder}}集
                        {{else if (item.videoCount && item.latestOrder < item.videoCount) }}
                            更新至{{item.latestOrder}}集 / 共{{item.videoCount}}集
                        {{/if}}
                    </div>
                {{/if}}
                                {{if item.playtimes }}
                    <div class="vertical-details-info"><i class="album-icons album-icons_playGray" rseat="playcont_{{index}}"></i>{{item.playtimes}}</div>
                {{/if}}
                {{if item.hot }}
                    <div class="vertical-details-info heat-num">
                        <i class="qy-album-svg icon-album-hot-999">
                            <svg class="symbol-icon" aria-hidden="true">
                                <use xlink:href="#album-hot" />
                            </svg>
                        </i>{{item.hot}}
                    </div>
                {{/if}}
            </div>
        </li>
        {{/each}}

签到

登录后才可以领取积分哦~

去积分主页查看更多

<div class="ss-item"> <i class="ss-task-icon ss-watch"></i> <div class="fl"> <h3 class="ss-task-tit">每观看视频30分钟 <span class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.viewScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span class="ss-task-done-num" j-role="viewCount">{{data.viewCount}}</span>/3</p> </div> {{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }} <i class="ss-task-done-stamp"></i> {{else}} <div class="ss-task-btn" j-role="notView" data-task-viewScore="{{data.viewScore}}"> <a class="ss-task-btn-txt" href="//www.iqiyi.com/u/record" target="_blank" rseat="803141_record">去观看</a> </div> <i class="ss-task-done-stamp" j-role="viewDone" style="display:none;"></i> {{/if}} </div> <div class="ss-item"> <i class="ss-task-icon ss-paopao"></i> <div class="fl"> <h3 class="ss-task-tit">访问泡泡首页 <span class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.rewardScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span class="ss-task-done-num" j-role="paopaoCount">{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}</span>/1</p> </div> {{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}} <i class="ss-task-done-stamp"></i> {{else}} <div class="ss-task-btn" j-role="notPaopao"> <a class="ss-task-btn-txt" href="//www.iqiyi.com/paopao" j-role="paopaoBtn" data-task-paoScore="{{data.rewardScore}}" data-pao-rewardCount="{{data.rewardCount}}" target="_blank" rseat="803141_pao"> {{if data.rewardCount == 0}} 去逛逛 {{else}} 去领取 {{/if}} </a> </div> <i class="ss-task-done-stamp" j-role="paopaoDone" style="display:none;"></i> {{/if}} </div> <div class="ss-item"> <i class="ss-task-icon ss-sign"></i> <div class="fl"> <h3 class="ss-task-tit">签到 <span class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.signScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span class="ss-task-done-num" j-role="signCount">{{data.signCount}}</span>/1</p> </div> {{if data.signCount && data.signCount != 0}} <i class="ss-task-done-stamp"></i> {{else}} <div class="ss-task-btn" j-role="notSign"> <a href="javascript:void(0);" class="ss-task-btn-txt" j-role="signBtn" data-task-signScore="{{data.signScore}}" rseat="803141_signup1">签到</a> <i class="ss-task-done-stamp" j-role="signDone" style="display: none;"></i> </div> {{/if}} </div> <div class="ss-item last"> <a href="//www.iqiyi.com/u/point" class="goto-btn" rseat="803141_point_home" target="_blank">去积分主页查看更多</a> </div>
回到顶部
意见反馈
软件下载