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

首页轮播图样式

Browse Source
This commit is contained in:
zhaofang
2022-10-18 20:20:52 +08:00
parent 1b1cbc4f87
commit fce6779a4a
6 changed files with 77 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/icon/ban-left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 516 B

BIN
src/assets/images/icon/ban-right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 449 B

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

@@ -740,7 +740,7 @@
}
.case-inter{
left: 20px;
bottom:20px;
bottom:30px;
// .interact-bar-index{
// display: none !important;
// }
@@ -968,7 +968,7 @@
}
.case-inter{
left: 20px;
bottom:20px;
bottom:30px;
// .interact-bar-index{
// display: none !important;
// }

2
src/components/PortalHeader.vue
View File

@@ -76,7 +76,7 @@
<el-badge class="person-action-index" :value="userMsg" :hidden="userMsg == 0">
<el-tooltip content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
<el-link type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false">
<svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:22px;" icon-class="messfff"></svg-icon>
<svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:26px;" icon-class="messfff"></svg-icon>
</el-link>
</el-tooltip>
</el-badge>

24
src/icons/svg/messfff.svg
View File

@@ -1 +1,23 @@
<svg t="1665718817453" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19903" width="64" height="64"><path d="M609.578667 806.826667a36.693333 36.693333 0 0 0-36.181334 37.12c0 34.816-27.434667 63.061333-61.269333 63.061333-33.834667 0-61.312-28.245333-61.312-63.018667a36.693333 36.693333 0 0 0-36.181333-37.162666 36.693333 36.693333 0 0 0-36.181334 37.12c0 75.776 59.946667 137.386667 133.674667 137.386666 73.685333 0 133.632-61.610667 133.632-137.386666a36.693333 36.693333 0 0 0-36.181333-37.12z m242.901333-125.013334c-53.034667-40.917333-84.736-105.984-84.736-174.08V371.285333c-2.858667-122.624-82.944-227.157333-194.986667-254.421333-3.797333-0.853333-7.594667-1.749333-11.434666-2.389333 1.92-5.546667 3.2-11.562667 3.2-17.92C564.48 66.901333 541.013333 42.666667 512 42.666667c-29.013333 0-52.522667 24.106667-52.522667 53.973333 0 6.314667 1.28 12.288 3.157334 17.962667a251.306667 251.306667 0 0 0-108.928 51.584 264.192 264.192 0 0 0-97.365334 205.781333v135.509333c0 68.138667-31.701333 133.205333-84.736 174.08-19.2 14.848-27.050667 40.533333-19.413333 64s28.842667 39.125333 52.821333 39.125334H285.44c0.853333 0.128 1.706667 0.128 2.432 0.128h530.773333c24.064 0 45.269333-15.701333 52.906667-39.168a57.258667 57.258667 0 0 0-19.072-63.872z" p-id="19904"></path></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="26px" height="26px" viewBox="0 0 26 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组 2</title>
<defs>
<polygon id="path-1" points="5.0748738e-17 0 16 0 16 16 5.0748738e-17 16"></polygon>
</defs>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="1.首页备份" transform="translate(-1501.000000, -23.000000)">
<g id="编组-17" transform="translate(1501.000000, 23.000000)">
<g id="编组-2" opacity="0.222153437" fill="#4B4C51">
<rect id="矩形备份" opacity="0.554573422" x="0" y="0" width="26" height="26" rx="13"></rect>
</g>
<g id="编组-12" transform="translate(5.000000, 5.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M12.8940698,6.91998844 C12.8940698,4.7096267 11.2903046,2.85915676 9.12938721,2.36963668 L9.12938721,1.88001156 C9.12938721,1.28239788 8.62492049,0.8 7.99996704,0.8 C7.37507951,0.8 6.87061279,1.28239788 6.87061279,1.88001156 L6.87061279,2.36963668 C4.7096075,2.85915676 3.10593017,4.7096267 3.10593017,6.91998844 L3.10593017,10.8800168 L1.6,12.3199832 L1.6,13.0399559 L14.4,13.0399559 L14.4,12.3199832 L12.8940698,10.8800168 L12.8940698,6.91998844 Z M7.99996704,15.2 C8.10542588,15.2 8.20326092,15.1927728 8.30120581,15.1711961 C8.79055677,15.077557 9.19718845,14.7536333 9.38538853,14.3216161 C9.46074765,14.1487924 9.50589722,13.9615982 9.50589722,13.7599496 L6.49412476,13.7599496 C6.49412476,14.5519847 7.17176367,15.2 7.99996704,15.2 Z" id="Fill-1" fill="#333333" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

53
src/views/Index.vue
View File

@@ -10,6 +10,8 @@
<img class="banner-img" style=" margin: 0 auto;" :src=" fileBaseUrl + item.image" alt="">
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>
</swiper>
</div>
<div class="personal-panel">
@@ -205,7 +207,7 @@
</div>
</div>
<div class="xcontent2-minor">
<div class="portal-ranking ranking-bg" style="margin-top:60px">
<div class="portal-ranking ranking-bg" style="margin-top:60px;padding-right:17px">
<p class="ranking-title">案例排行榜</p>
<ul class="xindex-ranking-case">
<li @click="jumcasedet(item)" class="xindex-ranking-li title-line-ellipsis" v-for="(item, index) in Popularity" :key="index" style="line-height: 22px;">
@@ -308,7 +310,7 @@
</div>
<!--内容块-->
<div class="xcontent2-minor">
<div style="margin-top:80px" class="portal-ranking ranking-bg">
<div style="margin-top:80px;padding-right:17px" class="portal-ranking ranking-bg">
<!-- 排行榜位置 -->
<p class="ranking-title">文章排行榜</p>
<ul class="xindex-ranking-article">
@@ -365,7 +367,7 @@
</div>
<div class="xcontent2-minor">
<!-- 排行榜 -->
<div class="portal-ranking ranking-bg" style="margin-top:80px">
<div class="portal-ranking ranking-bg" style="margin-top:80px;padding-right:17px">
<p class="ranking-title">问答排行榜</p>
<ul class="xindex-ranking-qa">
<li @click="jumpRouter(item)" class="xindex-ranking-li" v-for="(item, index) in answersList" :key="index" style="line-height: 22px;">
@@ -1183,6 +1185,51 @@
.course-banner {
height: 520px;
// background: url('/images/course-banner.png');
.swiper-button-prev{
height: 38px;
left: 44%;
top:auto;
background: url('../assets/images/icon/ban-left.png') no-repeat;
bottom: 66px;
}
.swiper-button-next{
height: 38px;
right: 53%;
bottom: 66px;
top:auto;
background: url('../assets/images/icon/ban-right.png') no-repeat;
}
.swiper-pagination-bullets{
// background: #000;
left: 60px;
bottom: 66px;
}
::v-deep .swiper-pagination{
height: 38px;
line-height: 34px;
background: rgba($color: #000000, $alpha: 0.1);
width: auto;
left:48%;
padding: 0 20px;
border-radius: 19px;
.swiper-pagination-bullet{
background: #000;
width: 16px;
height: 2px;
background: rgba($color: #fff, $alpha: 0.5);
border-radius: 2px;
}
.swiper-pagination-bullet-active{
height: 2px;
width: 16px;
background: rgba($color: #fff, $alpha: 0.8);
border-radius: 2px;
}
.swiper-container{
// background-color: rgba($color: #000000, $alpha: 0.2);
}
}
}
.case-orginfo {