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

首页案例卡片

Browse Source
This commit is contained in:
lmj
2022-10-29 11:38:51 +08:00
parent 642df1d995
commit 23e74db951
2 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/styles/portal-index.scss
View File

@@ -449,6 +449,9 @@
.portal-input{
width: 260px;
}
.case-inter-orgin{
width: 56%;
}
.btn-user{
width: 70px;
}
@@ -708,6 +711,9 @@
}
}
@media screen and (max-width: 1680px) and (min-width:1367px){
.case-inter-orgin{
width: 47%;
}
.portal-input{
width: 280px;
@@ -977,6 +983,10 @@
}
@media screen and (max-width: 1920px) and (min-width: 1681px){
.case-inter-orgin{
width: 60%;
}
.interact-bar-btns{
line-height: 30px;
}
@@ -1232,6 +1242,9 @@
}
@media screen and (min-width: 1921px){
.case-inter-orgin{
width: 60%;
}
.interact-bar-btns{
line-height: 30px;
}

16
src/views/Index.vue
View File

@@ -226,10 +226,11 @@
<interactBar :type="3" :readonly="true" :data="ca" :shares="false" :views="false"></interactBar>
</p>
</div>
<div class="case-inter">
<div class="case-inter ">
<div class="case-inter-box">
<div class="case-inter-left">
<authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name" :sex="ca.authorInfo.sex" :aid="userInfo.aid"></authorInfo>
<div class="case-inter-left ">
<div style="float:left"> <authorInfo :avatar="ca.authorInfo.avatar" :name="ca.authorInfo.name" :sex="ca.authorInfo.sex" :aid="userInfo.aid"></authorInfo></div>
<div class="case-inter-orgin index-one-line-ellipsis">{{ ca.authorInfo.orgInfo }}</div>
</div>
<div v-if="caseList.orderType==2" class="interact-bar-index"
style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
@@ -1028,6 +1029,14 @@
</script>
<style scoped lang="scss">
.case-inter-orgin{
// width: 45%;
float: left;
margin-left: 5px;
line-height: 30px;
font-size: 14px;
color: #6E7B84;
}
.tobe-icon{
width: 8px;
height: 14px;
@@ -1441,6 +1450,7 @@
.case-inter-left{
flex: 1;
// display: flex;
}
.interact-bar-index{
margin-left: auto;