mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 19:06:43 +08:00
整体门户页面的样式,宽度的处理
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<div id="case-list-content">
|
||||
<div class="case-banner">
|
||||
<portal-header current="case" :goSearch="2"></portal-header>
|
||||
</div>
|
||||
<div class="portal-content xcontent" style="margin-top: 30px;">
|
||||
<div class="xrow" style="display: flex;justify-content: space-between;" >
|
||||
<div style="flex: 1;" class="xcol content-div" id="content-div">
|
||||
<div :gutter="10" v-if="noData">
|
||||
<div class="case-banner">
|
||||
<portal-header current="case" :goSearch="2"></portal-header>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="xcontent2">
|
||||
<div class="xcontent2-main" style="margin-right: 30px;" id="content-div">
|
||||
<div v-if="noData">
|
||||
<div class="detail">
|
||||
<div class="xpage-detail-crumbs">
|
||||
<router-link to="/case"><span class="crumbs-first">案例列表</span></router-link>
|
||||
@@ -96,35 +96,35 @@
|
||||
<el-empty :image-size="200"></el-empty>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 410px;margin-left: 5px;" :class="zoomShow?'':'fixd-box-show'">
|
||||
<div>
|
||||
<div id="fixd-box">
|
||||
<div class="ranking-card portal-right-box list-bg">
|
||||
<p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
|
||||
<ul>
|
||||
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||
<span class="portal-right-text blue-one" v-if="index==0">
|
||||
<img src="/images/listblue01.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text blue-tow" v-if="index==1">
|
||||
<img src="/images/listblue02.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text blue-three" v-if="index==2">
|
||||
<img src="/images/listblue03.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text" v-if="index==3">
|
||||
<img src="/images/list04.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text" v-if="index==4">
|
||||
<img src="/images/list05.png" alt="">
|
||||
</span>
|
||||
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||
</li>
|
||||
<div :class="zoomShow?'':'xcontent2-minor'">
|
||||
<div>
|
||||
<div id="fixd-box">
|
||||
<div class="portal-ranking ranking-bg">
|
||||
<p class="ranking-title">好评榜</p>
|
||||
<ul class="ranking-data">
|
||||
<li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||
<span class="portal-right-text blue-one" v-if="index==0">
|
||||
<img src="/images/listblue01.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text blue-tow" v-if="index==1">
|
||||
<img src="/images/listblue02.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text blue-three" v-if="index==2">
|
||||
<img src="/images/listblue03.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text" v-if="index==3">
|
||||
<img src="/images/list04.png" alt="">
|
||||
</span>
|
||||
<span class="portal-right-text" v-if="index==4">
|
||||
<img src="/images/list05.png" alt="">
|
||||
</span>
|
||||
<span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="margin-top:26px" class="ranking-card portal-right-box list-bg1">
|
||||
<p class="portal-title-one" style="padding-bottom:12px">人气榜</p>
|
||||
<ul>
|
||||
<div style="margin-top:26px" class="portal-ranking ranking-bg1">
|
||||
<p class="ranking-title">人气榜</p>
|
||||
<ul class="ranking-data">
|
||||
<li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis" style="cursor: pointer;margin-top:30px;line-height: 22px;">
|
||||
<span class="portal-right-text orange-one" v-if="index==0">
|
||||
<img src="/images/list-01.png" alt="">
|
||||
|
||||
Reference in New Issue
Block a user