diff --git a/src/views/detail/detailIndex.vue b/src/views/detail/detailIndex.vue index fac17b5..4489616 100755 --- a/src/views/detail/detailIndex.vue +++ b/src/views/detail/detailIndex.vue @@ -26,7 +26,7 @@ <img class="card-head-icon" :src="info.avatar" /> <div class="card-head-content flex1 flexflex"> <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 class="card-head-fool">楼主</div> </div> @@ -368,7 +368,17 @@ export default { let data = res.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.token = data.token @@ -1087,7 +1097,7 @@ export default { background-repeat: no-repeat; background-size: 100%; transform-origin: bottom; - animation: like 3s ease-out, sway 1s ease-in-out infinite; + animation: like 1.8s ease-out; 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; - } - } - }