hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-16 14:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

案例

Browse Source
This commit is contained in:
lmj
2022-06-07 14:49:07 +08:00
parent ea5d9ab00e
commit f3850178fd
3 changed files with 65 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/Index.vue
View File

@@ -112,33 +112,36 @@
<span class="modules-text">推荐案例</span>
<span class="quyer-tag">
<a :class="caseList.orderType==1?'current':''" @click="changeCaseOrder(1)">最新</a>
<a :class="caseList.orderType==2?'current':''" @click="changeCaseOrder(2)">最热</a>
<a :class="caseList.orderType==1?'current':''" @click="changeCaseOrder(1)">最新</a>
</span>
<span class="more"><router-link to="/case">更多&nbsp;></router-link></span>
</div>
<div class="modules-list xrow" style="height: 235px;overflow: hidden;">
<div class="index-course xrow-course" v-for="ca in caseList.list" :key="ca.id">
<div class="casetwo" :body-style="{ padding: '0px' }">
<div class="case-top"></div>
<!-- <div class="case-top"></div> -->
<div class="case-conent">
<div class="case-time">
{{ca.sysCreateTime.substring(0,10)}}
</div>
<a :href="'case/detail?id='+ca.id" >
<span class="case-title one-line-ellipsis">
<a :href="'case/detail?id='+ca.id" target="_blank">{{ca.title}}</a>
{{ca.title}}
</span>
<div class="case-text three-line-ellipsis">
{{ca.content}}
{{ca.summary}}
</div>
</a>
<div class="case-inter">
<interactBar style="width:180px" :type="3" :readonly="true" :data="ca" :shares="false" :views="false"></interactBar>
</div>
</div>
<div style="margin-top:48%;margin-left:20px;height:40px">
<div style="height:40px">
<authorInfo :avatar="ca.authorInfo.avatar" :name="ca.authorInfo.name" :info="ca.authorInfo.orgInfo" :sex="ca.authorInfo.sex"></authorInfo></div>
</div>
</div>
</div>
</div>
@@ -629,6 +632,7 @@ export default {
-webkit-box-orient: vertical;
}
.casetwo{
border: 1px solid #F0F0F0;
width: 100%;
height: 220px;
margin-bottom:15px;
@@ -639,34 +643,36 @@ export default {
background-image: linear-gradient(to right , #b8c7e2, #d0dcf3);
}
.case-conent{
width: 220px;
height: 160px;
box-shadow: 1px 1px 15px #ccc;
position: absolute;
top: 5%;
width: 100%;
height: 100%;
// box-shadow: 1px 1px 15px #ccc;
// position: absolute;
// top: 5%;
background-color: #fff;
left: 4%;
padding: 10px;
// left: 4%;
padding: 16px;
.case-time{
font-size: 10px;
color: #b1b1b1;
font-size: 12px;
color: #999999;
text-align: right;
}
.case-title{
margin-top: 10px;
font-size: 14px;
color: #333;
font-weight: bold;
margin-bottom:10px;
}
.case-text{
height: 55px;
font-size: 14px;
color: #888888;
line-height: 18px;
margin-bottom:12px;
}
.case-inter{
position: absolute;
bottom: 5%;
width: 100%;
border-bottom: 1px solid #f3f3f3;
}
}