hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 04:46:44 +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{ .portal-input{
width: 260px; width: 260px;
} }
.case-inter-orgin{
width: 56%;
}
.btn-user{ .btn-user{
width: 70px; width: 70px;
} }
@@ -708,6 +711,9 @@
} }
} }
@media screen and (max-width: 1680px) and (min-width:1367px){ @media screen and (max-width: 1680px) and (min-width:1367px){
.case-inter-orgin{
width: 47%;
}
.portal-input{ .portal-input{
width: 280px; width: 280px;
@@ -977,6 +983,10 @@
} }
@media screen and (max-width: 1920px) and (min-width: 1681px){ @media screen and (max-width: 1920px) and (min-width: 1681px){
.case-inter-orgin{
width: 60%;
}
.interact-bar-btns{ .interact-bar-btns{
line-height: 30px; line-height: 30px;
} }
@@ -1232,6 +1242,9 @@
} }
@media screen and (min-width: 1921px){ @media screen and (min-width: 1921px){
.case-inter-orgin{
width: 60%;
}
.interact-bar-btns{ .interact-bar-btns{
line-height: 30px; line-height: 30px;
} }

12
src/views/Index.vue
View File

@@ -229,7 +229,8 @@
<div class="case-inter "> <div class="case-inter ">
<div class="case-inter-box"> <div class="case-inter-box">
<div class="case-inter-left "> <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 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>
<div v-if="caseList.orderType==2" class="interact-bar-index" <div v-if="caseList.orderType==2" class="interact-bar-index"
style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;"> style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
@@ -1028,6 +1029,14 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.case-inter-orgin{
// width: 45%;
float: left;
margin-left: 5px;
line-height: 30px;
font-size: 14px;
color: #6E7B84;
}
.tobe-icon{ .tobe-icon{
width: 8px; width: 8px;
height: 14px; height: 14px;
@@ -1441,6 +1450,7 @@
.case-inter-left{ .case-inter-left{
flex: 1; flex: 1;
// display: flex;
} }
.interact-bar-index{ .interact-bar-index{
margin-left: auto; margin-left: auto;