第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

ionic+cordova+angularjs Tab切換

標(biāo)簽:
AngularJS

HTML:
<div class="class-introduce-block">
<div class="class-tab-block">
<ul>
<li class="li-active" ng-class="{true: '', false: 'li-active'}[isme['0']]" ng-click="acShow(0)">简介</li>
<li ng-class="{true: '', false: 'li-active'}[isme['1']]" ng-click="acShow(1)">评价</li>
</ul>
</div>
<div id="tab-01" ng-hide="isme[0]">
<p>课程简介内容</p>
</div>
<div id="tab-02" ng-hide="isme[1]">
<div class="star-block">
<span>发表评论</span>
</div>
<!--评论列表-->
<div class="pl-lists-block">
<div class="pl-list">
<div class="row">
<div class="col-10 pl-img">
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="img/1.jpg">
</div>
<div class="col-90">
<div class="pl-content-block">
<ul>
<li>
<span class="user-name">张三</span>
<span class="pl-date">2016-10-10</span>
<!-- <div id="QuacorGrading" class="QuacorGrading" style="width:150px;float:left;display: inline-block">
<input name="1" type="button" style="background-position: 0% 50%;background-size: 25px">
<input name="2" type="button" style="background-position: 0% 50%;background-size: 25px">
<input name="3" type="button" style="background-position: 0% 50%;background-size: 25px">
<input name="4" type="button" style="background-size: 25px;">
<input name="5" type="button" style="background-size: 25px">
</div>-->
</li>
<li>
<p>都是一些理论的东西,没什么用</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

CSS:
.class-tab-block{
border-top: #f5f5f5 1px solid;
border-bottom: #f5f5f5 1px solid;
height: 55px;
line-height: 50px;
}
.class-tab-block ul li{
float: left;
width: 50%;
text-align: center;
font-size: 1.0rem;
font-family: 微软雅黑;
}
.li-active{
color: #21ab5e;
border-bottom: #21ab5e 3px solid;
}

tab-01{
padding: 10px;
background-color: #f4f4f4;

}

tab-01 p{
line-height: 1.5;
font-size: 0.8rem;
text-indent: 2em;

}

tab-01 h1{
font-size: 0.8rem;
font-family: 微软雅黑;
font-weight: 600;

}

tab-01 ul li{
line-height: 2.0;
font-size: 0.6rem;
font-family: 微软雅黑;

}

tab-02{
background-color: #f4f4f4;

}

JS:
$scope.isme = [false,true];
$scope.acShow = function(index) {
$scope.isme = [true, true];
$scope.isme[index] = false;
};

點擊查看更多內(nèi)容
2人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消