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

首页样式

Browse Source
This commit is contained in:
zhaofang
2022-11-17 18:48:06 +08:00
parent adc74352a9
commit 176ba23b26
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -451,7 +451,7 @@
width: 260px; width: 260px;
} }
.case-inter-orgin{ .case-inter-orgin{
width: 56%; // width: 56%;
} }
.btn-user{ .btn-user{
width: 70px; width: 70px;
@@ -714,7 +714,7 @@
} }
@media screen and (max-width: 1680px) and (min-width:1367px){ @media screen and (max-width: 1680px) and (min-width:1367px){
.case-inter-orgin{ .case-inter-orgin{
width: 47%; // width: 47%;
} }
.portal-index-title{ .portal-index-title{
font-size: 16px; font-size: 16px;

2
src/components/Portal/interactBar.vue
View File

@@ -50,7 +50,7 @@
</div> </div>
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '40px':'20px'}`" class="interact-bar-btn" :class="{cursor:!readonly}"> <div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '40px':'20px'}`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip"> <el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size:22px;" icon-class="eyes"></svg-icon> <svg-icon style="margin-right: 0; font-size:22px;" icon-class="eyes"></svg-icon>
</el-tooltip> </el-tooltip>
<span class="interact-bar-value"> {{ formatNum(data.views)}}</span> <span class="interact-bar-value"> {{ formatNum(data.views)}}</span>
</div> </div>

7
src/views/Index.vue
View File

@@ -1167,7 +1167,7 @@
.case-inter-orgin{ .case-inter-orgin{
// width: 45%; // width: 45%;
float: left; // float: left;
margin-left: 5px; margin-left: 5px;
line-height: 30px; line-height: 30px;
font-size: 14px; font-size: 14px;
@@ -1583,7 +1583,7 @@
width: 100%; width: 100%;
.case-inter-box{ .case-inter-box{
display: flex; display: flex;
margin-right: 35px; margin-right: 46px;
.case-inter-left{ .case-inter-left{
flex: 1; flex: 1;
@@ -1591,6 +1591,9 @@
} }
.interact-bar-index{ .interact-bar-index{
margin-left: auto; margin-left: auto;
::v-deep .svg-icon{
padding-top: 6px;
}
} }
} }