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

课程列表收藏图标替换

Browse Source
This commit is contained in:
zhaofang
2022-10-19 14:22:13 +08:00
parent 9a78083ced
commit 14b38b0957
5 changed files with 31 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -151,7 +151,7 @@
.course-score-value {
font-size: 14px;
// margin-top: 5px;
margin-left: 6px;
// margin-left: 6px;
//line-height: 30px;
color: #FA6400;
font-family: 'Arial';

2
src/assets/styles/portal.scss
View File

@@ -286,7 +286,7 @@ body {margin: 0px;padding: 0px;}
font-size: 14px;
color: #FA6400;
text-align: right;
margin-left: 5px;
margin-left: 10px;
font-family: "Arial";
// font-size: 30px;
}

17
src/icons/svg/collectedCourse.svg
View File

@@ -1 +1,16 @@
<svg viewBox="0 0 12 12" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA9ElEQVQokY2RsUoDQRCGv9nbpBLSBRHTmTcQLJLC3srCBxBEMHmJewlNqZVFijyDhU3AMqnsFCxsgmChl7sdmeUS4imnPywMM9//szsrVKSH+LzLvXX9I325I98kXNVQ7HGkyoEdq6vzHwaF87V5o15JdMB2sWQ/BNri2FElBZKVR4RUAy/O8Zo0eJDsjCegU036VcqzE5j/C7brCHPnc44FJn/CMDHWyQ0ffpcTYFzDj40xNm5JUgLCoiZ+EZlva1V6NY9dz+JP64CtZcZbGVAAl+V8WK44NJq05Ip3H9s5n8AswgUXzWum1s5OuSVhFE3GAF/uMEl92ryD1wAAAABJRU5ErkJggg==" height="12" width="12" data-name="图层 1"/></svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32px" height="20px" viewBox="0 0 32 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>收藏</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="2.课程页" transform="translate(-387.000000, -876.000000)" fill="#04243C">
<g id="编组-12备份-11" transform="translate(86.000000, 562.000000)">
<g id="收藏" transform="translate(301.000000, 314.000000)">
<path d="M10,0 L22,0 C27.5228475,-1.01453063e-15 32,4.4771525 32,10 C32,15.5228475 27.5228475,20 22,20 L10,20 C4.4771525,20 6.76353751e-16,15.5228475 0,10 C-6.76353751e-16,4.4771525 4.4771525,1.01453063e-15 10,0 Z" id="矩形" opacity="0.05"></path>
<g id="shoucang" transform="translate(10.000000, 4.000000)" fill-rule="nonzero" opacity="0.1">
<path d="M3.51111722,11.8358841 C3.00606047,12.157725 2.34560166,11.9912662 2.03884758,11.4672748 C1.89342872,11.2184847 1.84823239,10.9213787 1.91284589,10.6389807 L2.56655461,7.77979671 C2.58241634,7.71199121 2.5606958,7.64072905 2.51000386,7.59426129 L0.370225308,5.6819849 C-0.0742306183,5.28506832 -0.125531303,4.59092584 0.254423758,4.12816419 C0.437033108,3.90516747 0.698955059,3.76625534 0.981933462,3.74232435 L3.79012094,3.5077128 C3.85132176,3.50248211 3.90607248,3.46109818 3.93112283,3.39817613 L5.01308726,0.684220572 C5.23854026,0.118845213 5.86554864,-0.151150366 6.41260593,0.0862303529 C6.67350855,0.199948757 6.87993807,0.414928183 6.98681359,0.684220572 L8.06877804,3.3980223 C8.09382837,3.46109818 8.14857911,3.50263596 8.20977992,3.5077128 L11.0182674,3.74247818 C11.6071753,3.79170814 12.0432311,4.3260071 11.9965805,4.93261256 C11.9746663,5.22209277 11.8429987,5.49123316 11.6298256,5.68229258 L9.49004701,7.59456897 C9.44024635,7.63902978 9.41774605,7.7110286 9.43349624,7.77995054 L10.087205,10.6391345 C10.2225068,11.2306633 9.87120209,11.8266535 9.29774444,11.9692666 C9.02158512,12.0380065 8.73007522,11.9899974 8.48878365,11.836038 L6.08440156,10.3037554 C6.03276544,10.2705141 5.96713542,10.2705141 5.9154993,10.3037554 L3.51096721,11.836038 L3.51111722,11.8358841 Z" id="路径"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 2.3 KiB

13
src/views/Index.vue
View File

@@ -82,15 +82,19 @@
<div>
<span class="study-num">3000+人学习</span>
</div>
<div style="display:flex">
<div>
<svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon>
</div>
<div style="padding-left:15px">
<div>
<span class="course-score-value">5.0分</span>
</div>
</div>
</div>
</div>
</a>
</div>
<!--内容列表内容-->
<div v-for="course in courseList.list" :key="course.id" class="xindex-course">
<a :href="toCourseDetail(course)">
@@ -106,9 +110,10 @@
<span class="study-num" >{{formatNum(course.studys)}}人学习</span>
</div>
<div style="display: flex;">
<div style="width:30px;">
<interactBar nodeWidth="20px" :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar>
<div>
<!-- <interactBar nodeWidth="20px" :type="1" :data="course" :comments="false" :praises="false" :shares="false" :views="false">
</interactBar> -->
<svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon>
</div>
<div v-if="course.score">
<span class="course-score-value">{{ toScore(course.score) }}分</span>

3
src/views/portal/course/Index.vue
View File

@@ -93,7 +93,8 @@
</div>
<div class="course-info-score">
<div class="cor-praises" v-if="cinfo.source == 2">
<interactBar :type="1" nodeWidth="20px" :data="cinfo" :courseExclusive="true" :comments="false" :praises="false" :shares="false" :views="false"></interactBar>
<!-- <interactBar :type="1" nodeWidth="20px" :data="cinfo" :courseExclusive="true" :comments="false" :praises="false" :shares="false" :views="false"></interactBar> -->
<svg-icon style="font-size: 32px;" icon-class="collectedCourse"></svg-icon>
</div>
<div>
<div v-if="cinfo.score">