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

提交

Browse Source
This commit is contained in:
zhaofang
2022-09-01 12:00:03 +08:00
parent f46d698234
commit c3c58ea222
6 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,13 +9,14 @@
<div v-if="answers" @click="addAnswers()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly || clickAnswer}">
<el-tooltip effect="light" content="回答" placement="left" :visible-arrow="false" popper-class="text-tooltip">
<!-- <svg-icon style="margin-right: 0;" icon-class="comment"></svg-icon> -->
<img style="width:16px;height:16px;vertical-align: middle;" :src="require('@/assets/images/icon/answers.png')">
<!-- <img style="width:16px;height:14px;vertical-align: middle;" :src="require('@/assets/images/icon/answers.png')"> -->
<svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{ data.answers}}</span>
</div>
<div v-if="comments" class="interact-bar-btn" :style="`min-width: ${nodeWidth};`" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="评论" placement="left" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size: 16px;" icon-class="comment"></svg-icon>
<svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{data.comments}}</span>
</div>
@@ -27,14 +28,14 @@
</div>
<div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="点赞" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size: 20px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
<svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{ data.praises}}</span>
</div>
<div v-if="favorites" @click="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="收藏" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="font-size: 16px;margin-right: 0;" :icon-class="isFavorite?'collected':'collection'"></svg-icon>
<svg-icon style="font-size: 14px;margin-right: 0;" :icon-class="isFavorite?'collected':'collection'"></svg-icon>
<!-- <svg-icon :icon-class="isFavorite?'collected':'dropdown_collected'"></svg-icon> -->
<!-- dropdown_collected -->
</el-tooltip>
@@ -43,7 +44,7 @@
<div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
<el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
<svg-icon style="margin-right: 0;font-size:20.5px;" icon-class="eyes"></svg-icon>
<svg-icon style="margin-right: 0;font-size:24px;" icon-class="eyes"></svg-icon>
</el-tooltip>
<span class="interact-bar-value"> {{ data.views}}</span>
</div>
@@ -540,7 +541,7 @@ export default {
margin: 0 0 0 15px;
}
.interact-bar-value{
color:#8590A6
color:#6E7B84;
}
}
}

2
src/icons/svg/collection.svg
View File

@@ -1 +1 @@
<svg t="1649839074612" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14232" width="200" height="200"><path d="M720.398507 959.573333c73.045333 31.317333 136.96-15.317333 129.706666-94.293333l-20.650666-226.218667 174.634666-199.722666c38.144-43.648 19.2-102.229333-37.418666-115.114667l-258.474667-58.794667-135.68-228.010666c-29.738667-49.877333-91.306667-49.92-121.045333 0L315.74784 265.429333 57.273173 324.224C0.953173 337.066667-18.33216 395.648 19.854507 439.338667l174.634666 199.722666-24.021333 264.405334c-5.248 57.770667 44.544 94.037333 97.877333 71.125333l243.626667-104.533333 208.426667 89.472z" fill="#A3B1CC" p-id="14233"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABH0lEQVQokY2RsU4CQRCG559dzmCCdxhNSIxwBQmVhT0FL+FT+hLE6BNQqIkSCTFyFtpp5HZnDIfiwW3Aqf7ZfF9mdxYUrIG1XdcngroHc0M0dJsUB72enCpRQ0kPFjmEBEXrpRPK28V2v7mY9tsWud1vbmKgdNCqGXeikIiI91S1ToBdo1QdgE8i+YLyPPf22RqTn0sB/gxHYF+AXd6CGwoia9wxM+tL6A3bCiwzI2/TrJakkUKT/0hG+Cl/vB6ZRePfJ6+apMrQo22SF77z46tbWtuq8HTnuBLzJ9Z9ZeWVKjErMcrlcJdXZlb/JWpighQZgg8HPyoANWfKur9kJK6IDi4zitiAJ/Nx657o0hfndDGMurOeV+k4ICtgIvoGvx5xA8SjNDgAAAAASUVORK5CYII=" height="14" width="14" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 699 B

After

Width:  |  Height:  |  Size: 655 B

2
src/icons/svg/comment.svg
View File

@@ -1 +1 @@
<svg t="1649838554838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13757" width="200" height="200"><path d="M512 0C226.742857 0 0 197.485714 0 446.171429c0 138.971429 73.142857 270.628571 190.171429 351.085714L190.171429 1024l226.742857-138.971429c29.257143 7.314286 65.828571 7.314286 95.085714 7.314286 285.257143 0 512-197.485714 512-446.171429C1024 197.485714 797.257143 0 512 0zM256 512C219.428571 512 190.171429 482.742857 190.171429 446.171429S219.428571 380.342857 256 380.342857c36.571429 0 65.828571 29.257143 65.828571 65.828571S292.571429 512 256 512zM512 512C475.428571 512 446.171429 482.742857 446.171429 446.171429S475.428571 380.342857 512 380.342857c36.571429 0 65.828571 29.257143 65.828571 65.828571S548.571429 512 512 512zM768 512C731.428571 512 702.171429 482.742857 702.171429 446.171429s29.257143-65.828571 65.828571-65.828571c36.571429 0 65.828571 29.257143 65.828571 65.828571S804.571429 512 768 512z" p-id="13758" fill="#A3B1CC"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABL0lEQVQokZWSu0pDQRCGvxnFC5o0IkjapNLWSsHOQiE2Qh4gvU8hCNZ2Fj5AQAuDWlgIgo2NYp1YiY0I4YiEXM6O7CY5nIQo5octdma/2Zl/V0ipcn2/PD+jB0ARJR8yjjpQbbbdSWl362NwOgEvbx/2RewMIcs4GZGZlPe2N88TMEBKBUzHQonEmaPkYem3V/v1plEZUbPtChpm+i/U6zHrGQ1GTK6iJu5NIiWvGPHEoHkWeR0Jd4BuMpKEfWcErKvBRTqmwilxvCrIsV/WjdfwsWFV5eruccW5Vg1kIZWrCnLTK247Qwb2n2P6LaOfuUic7zulomFj3BZnRtl/Pc01WusYGYQvsO8/DIkGvyaMtDjVfsJk4z07t6Q6WzDjCHhBaIZixjPGoW9vAAH8ACc0dSWSpbLsAAAAAElFTkSuQmCC" height="14" width="14" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1017 B

After

Width:  |  Height:  |  Size: 675 B

2
src/icons/svg/eyes.svg
View File

@@ -1 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 36C35.0457 36 44 24 44 24C44 24 35.0457 12 24 12C12.9543 12 4 24 4 24C4 24 12.9543 36 24 36Z" fill="#a4b0cc" stroke="#a4b0cc" stroke-width="4" stroke-linejoin="round"/><path d="M24 29C26.7614 29 29 26.7614 29 24C29 21.2386 26.7614 19 24 19C21.2386 19 19 21.2386 19 24C19 26.7614 21.2386 29 24 29Z" fill="#FFF" stroke="#FFF" stroke-width="4" stroke-linejoin="round"/></svg>
<svg viewBox="0 0 23 15" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAYAAABGkiVgAAABc0lEQVQ4ja3Sz0sCURAH8O88d92DREGBt6BT/QGSoKbZQmlhUQehg7fO0Z/QuR8UFPQfFF1CKvdStJJCRBEEdRCP3VKkiFK03YmNEC3LzObw4PFmPszwhtAkmJm0ZNIJ066YnUou4nK9NKtpiOq6Lj2byjTDjAEYBtDxkW4CyIA5bpftW2OBwbtfoVryLGwYxhqA/h/bYZQhaL2Yp8Vo1FNsiGpaVjGU+w0izFkjNxuxJm5gGDOR0UC2Dj3QL3uIS4fMcLeA1badl2xiPDzsvXhH947Pu2WqpAEM/A2swg8MVidV/5WQ6XWhffC9vy4CJfaPUr1S+1gd7LQJ4RVyhayfvv0H0Fq3+QnVsyNCIU+hWBF+Ap22IZZAHIuovk3rIqwjGvIUHKKsErACwGgRzDBMb2TEt13t+XNG/CTllpiWGPD/JDH4URCtOqiyHAwGS7Vv3y55Qk+7TOZZMA0B6AOgAMgBuBYC2quM3Smf7+lLIYA34rt736epJJgAAAAASUVORK5CYII=" height="13" width="21" y="1" x="1" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 581 B

After

Width:  |  Height:  |  Size: 779 B

2
src/icons/svg/like.svg
View File

@@ -1 +1 @@
<svg t="1649838667363" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14041" width="200" height="200"><path d="M844.231111 391.39555600000006H659.9111109999999c-13.653333-2.275556-18.204444-15.928889-20.48-22.755556V202.52444400000002c0-45.511111-36.408889-81.92-81.92-81.92-40.96 0-75.093333 31.857778-81.92 70.542223-25.031111 157.013333-120.604444 209.351111-182.044444 225.28 2.275556 6.826667 2.275556 11.377778 2.275555 15.928889v441.457777c0 9.102222-2.275556 18.204444-6.826666 27.306666999999997h446.008888c43.235556-9.102222 72.817778-25.031111 93.297778-68.266667l93.297778-327.68c18.204444-59.16444400000001-11.377778-116.053333-77.368889-113.77777699999999zM257.137778 876.0888889999999V432.355556c0-13.653333-18.204444-25.031111-38.684445-25.031112H157.013333c-31.857778 0-59.16444400000001 27.306666999999997-59.16444400000001 59.16444500000001v373.191111c0 34.133333 25.031111 61.44 59.16444400000001 61.44h61.44c20.48 0 38.684444-11.377778 38.684445-25.031111z m0 0" fill="#A3B1CC" p-id="14042"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA80lEQVQokZ2RQStEURiGn/fcS0QpWdlYWEqzncxKKRtl5QdYWar5A7P2G5SdjYUishpkmKyVkr+AhYWMuu6rbqnbnVOXeVenr/fpOX2fiOTk8qaVOJzaPOekO5trzYdqK8RAEbYNs4hmou9j8JAgDtrLv2/jxYur+4Va8KjfnwSWyjMzyKq9tDqY+HQbNFXyvzkfT867d4U1nZt+XW80PnTW7W3lsBsIh4YB+CD2/VIyo3aAsC/UMsxL+VgNVEgFnWA884dyJX6PbrWe43Y0UBoRDOoNnaNexsvG6spTAH/9B7R1XUht7am4Xz2D9Kg86wD8AHxXSXC4x9XlAAAAAElFTkSuQmCC" height="14" width="14" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 595 B

2
src/icons/svg/share.svg
View File

@@ -1 +1 @@
<svg t="1649852233629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1625" width="48" height="48"><path d="M1023.49012 39.715121L818.805971 997.892793a33.005319 33.005319 0 0 1-19.956704 23.794532 32.493609 32.493609 0 0 1-30.702623-3.581973l-221.570591-153.513111-127.927593 80.594383a32.749464 32.749464 0 0 1-51.171037-31.214332l18.421573-183.959879a29.679202 29.679202 0 0 1 7.419801-17.654008L639.707341 414.287113l-303.444251 281.440705a32.749464 32.749464 0 0 1-45.286368 8.954932L14.653122 520.722871A32.749464 32.749464 0 0 1 0.069376 491.299524a33.261174 33.261174 0 0 1 18.677429-27.376504l957.665961-460.539335a32.493609 32.493609 0 0 1 34.54045 3.581972A33.517029 33.517029 0 0 1 1023.49012 39.715121z" p-id="1626" fill="#A3B1CC"></path></svg>
<svg viewBox="0 0 14 14" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABOUlEQVQokZVRwS4DURQ9984TxOADKhFCiEq6ICHSRbGu5fyArYWNlYWtj/AVykoqQrWREqmUCkm7kNoIijDFdJ68GdoZRtTZ3HfuO+edm/vwHySS6ZCSUzOexNZeDBqtQCIGKRdE82K3R0QtgUk+8TcwyUn6S9ze1gqz+vpFq+btdbf4bQyF8GAfuvQOZI7zDpfAkWEYb2J9O7UGiXmvmIgQGR5wUrInBU+f06oKsqkH1HAwM8bCQ875IHcG27YbrzEyTjHvynPEvATgUWgaJiIjeLcsHObP/QYllsIx1RehPi46Plq4f3jqPL0s/VwpoRSfifa7gZ+Iz06VL4pXq4EGdwtOis+kcFOpFD205p+Ng01gzkHihQjLOod0MC8S8Kyu7Jq1GzyCmkJKzcs3k/u9Gzup6XoDwAfNp3XkcvoAiAAAAABJRU5ErkJggg==" height="14" width="13" x="1" data-name="图层 1"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 B

After

Width:  |  Height:  |  Size: 697 B