|
@@ -21,14 +21,14 @@
|
|
|
"
|
|
|
></i>
|
|
|
</el-tooltip></el-col>
|
|
|
- <el-col :span="24" class="subTitle"><i class="icon_balance"></i>云教室余额(元) <el-button plain round @click="onDetail" size="mini">扣费记录 <i class="el-icon-arrow-right"></i></el-button></el-col>
|
|
|
+ <el-col :span="24" class="subTitle"><i class="iconfont icon-yunjiaoshiyue"></i>云教室余额(元) <el-button plain round @click="onDetail" size="mini">扣费记录 <i class="el-icon-arrow-right"></i></el-button></el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
|
<div class="descriptions">
|
|
|
<el-row>
|
|
|
<el-col :span="24" style="display: flex;align-items: center;"><span class="balance" style="font-size: 26px; margin-right: 0;">{{ dataInfo.serverName }}</span><span class="version" @click="versionVisible = true"><i class="icon_version"></i>版本对比</span></el-col>
|
|
|
- <el-col :span="24" class="lastTime"><i class="icon_member"></i>
|
|
|
+ <el-col :span="24" class="lastTime"><i class="iconfont icon-banbenhuiyuantubiao"></i>
|
|
|
剩余<span class="days">{{ dataInfo.validRemaining }}</span>天({{ dataInfo.expiryDateEnd }}到期)
|
|
|
<span style="padding-left: 50px">
|
|
|
(学员上限) <span class="color">{{ dataInfo.studentNum }}/{{ dataInfo.studentUpLimit }}</span>人
|
|
@@ -205,20 +205,26 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .icon_member {
|
|
|
- display: inline-block;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- background: url('../../assets/images/base/icon_member.png') no-repeat center;
|
|
|
- margin-right: 6px;
|
|
|
- }
|
|
|
- .icon_balance {
|
|
|
- display: inline-block;
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- background: url('../../assets/images/base/icon_balance.png') no-repeat center;
|
|
|
+ .icon-yunjiaoshiyue, .icon-banbenhuiyuantubiao {
|
|
|
margin-right: 6px;
|
|
|
+ color: var(--color-primary);
|
|
|
+ font-size: 24px;
|
|
|
}
|
|
|
+
|
|
|
+ // .icon_member {
|
|
|
+ // display: inline-block;
|
|
|
+ // width: 24px;
|
|
|
+ // height: 24px;
|
|
|
+ // background: url('../../assets/images/base/icon_member.png') no-repeat center;
|
|
|
+ // margin-right: 6px;
|
|
|
+ // }
|
|
|
+ // .icon_balance {
|
|
|
+ // display: inline-block;
|
|
|
+ // width: 24px;
|
|
|
+ // height: 24px;
|
|
|
+ // background: url('../../assets/images/base/icon_balance.png') no-repeat center;
|
|
|
+ // margin-right: 6px;
|
|
|
+ // }
|
|
|
}
|
|
|
</style>
|
|
|
|