A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/04/04 -19:00:02

Browse Source
This commit is contained in:
XiaoMo 2023-04-04 19:00:11 +08:00
parent d7d50d514e
commit d6a12b87c9
1 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/detail/detailIndex.vue
View File

@ -26,7 +26,7 @@
<img class="card-head-icon" :src="info.avatar" /> <img class="card-head-icon" :src="info.avatar" />
<div class="card-head-content flex1 flexflex"> <div class="card-head-content flex1 flexflex">
<div class="card-head-name flexflex">{{ info.author }}</div> <div class="card-head-name flexflex">{{ info.author }}</div>
<div class="card-head-time">{{ $formattedDate(info.dateline) }}</div> <div class="card-head-time">{{ $formattedDate(info.dateline || '') }}</div>
</div> </div>
<div class="card-head-fool">楼主</div> <div class="card-head-fool">楼主</div>
</div> </div>
@ -368,7 +368,17 @@ export default {
let data = res.data let data = res.data
console.log("data", data); console.log("data", data);
this.info = data.info
let info = data.info
const reg = new RegExp("\r\n", "g")
info['message'] = info['message'].replaceAll(reg, '<br/>')
info['message'] = info['message'].replace(/<img[^>]*>/g, (match) => {
console.log("match", match);
return match.replace(/width="[^"]*"/g, '').replace(/height="[^"]*"/g, '');
});
this.info = info
this.type = data.type this.type = data.type
this.token = data.token this.token = data.token
@ -1087,7 +1097,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
transform-origin: bottom; transform-origin: bottom;
animation: like 3s ease-out, sway 1s ease-in-out infinite; animation: like 1.8s ease-out;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
@ -1103,18 +1113,6 @@ export default {
} }
} }
@keyframes sway {
25% {
margin-left: random(20) + px;
}
50% {
margin-left: random(20) + px;
}
100% {
margin-left: random(20) + px;
}
}
} }