xuye929/AIProd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

后期修改完善，上线版本

Browse Source
This commit is contained in:
qiuxiao
2025-11-12 18:11:11 +08:00
parent c54f9c9976
commit 8f57683dd5
98 changed files with 2110 additions and 867 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
pages/ToolDetail/Comment/index.vue
View File

@ -6,17 +6,17 @@
</div>
<!--写评论-->
<div class="write-comment-box card">
<div class="flex-between-center" style="margin-bottom: 30px">
<div class="flex-between-center mb-30">
<div class="flex-1">
<h2 class="content-title">Would you recommend Skywork?</h2>
<div class="rate-box flex-between-center">
<div class="flex items-center">
<Rate v-model="rate" />
<span style="margin-left: 30px; display: block">Full score: 5 points</span>
<span class="little-text">Full score: 5 points</span>
</div>
<div class="flex items-center" style="gap: 16px" v-if="alarmText">
<img src="/logo/icon_alarm.png" alt="" style="width: 16px; height: 16px;" />
<p style="color: #CD0E4AFF">{{ alarmText }}</p>
<div class="flex items-center gap-16" v-if="alarmText">
<img src="/logo/icon_alarm.png" alt="" />
<p class="color-01">{{ alarmText }}</p>
</div>
</div>
</div>
@ -225,6 +225,15 @@ export default {
</script>
<style scoped lang="scss">
.mb-30 {
margin-bottom: 30px;
}
.gap-16 {
gap: 16px;
}
.color-01 {
color: #CD0E4AFF;
}
.card {
background-color: #fff;
border-radius: 12px;
@ -232,12 +241,12 @@ export default {
box-shadow: 0 10px 30px 0 #0000000d;
}
.comment-content {
padding-top: 50px;
padding-top: 40px;
.comment-title {
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
font-family: 'Poppins-SemiBold', serif;
font-family: 'Poppins-SemiBold';
color: #1E293B;
display: flex;
align-items: center;
@ -254,8 +263,16 @@ export default {
.write-comment-box {
.rate-box {
margin-top: 14px;
font-family: 'Poppins-Regular', serif;
font-family: 'Poppins-Regular';
color: #E2E8F0;
.little-text {
margin-left: 30px;
display: block;
}
img {
width: 16px;
height: 16px;
}
}
::v-deep .el-textarea {
.el-textarea__inner {
@ -287,7 +304,7 @@ export default {
margin-top: 30px;
color: #fff;
font-size: 18px;
font-family: 'Poppins-Medium', serif;
font-family: 'Poppins-Medium';
width: fit-content;
margin-left: auto;
cursor: pointer;
@ -324,7 +341,7 @@ export default {
}
.little-text {
font-size: 14px;
font-family: 'Poppins-Regular', serif;
font-family: 'Poppins-Regular';
color: #64748B;
vertical-align: middle;
margin-left: 8px;
@ -332,7 +349,7 @@ export default {
.content-title {
font-size: 24px;
font-weight: 600;
font-family: 'Poppins-SemiBold', serif;
font-family: 'Poppins-SemiBold';
color: #1E293B;
line-height: 24px;
margin: 0;
@ -342,6 +359,6 @@ export default {
text-align: right;
color: $grey-color;
font-size: $mid-font-size;
font-family: 'Poppins-Regular', serif;
font-family: 'Poppins-Regular';
}
</style>