
const handlerClickRow = () => {
emit("close");
};
const formatTitle = title => {
if (!title) return "";
const keyword = props.keyword.trim();
let str = title;
if (str && str.indexOf(keyword) > -1) {
str = str.replace(keyword, `<span class="keyword" style="color:var(--el-color-primary)">${keyword}</span>`);
}
return str;
};
const toPath = item => `/columns/${item.sourceId}/${item.id}`;
</script>
<template>
<div class="search-item">
<nuxt-link class="content" :to="toPath(item)" @click="handlerClickRow">
<el-avatar :src="item.avatarUrl" class="w-6 h-6" size="small" alt="头像" />
<div class="right">
<p class="title" v-html="item.title"></p>
<p class="sub-content" v-html="item.content"></p>
<span class="sub-info">
<span class="sub-item columns-title">{{ item.columnsTitle }}</span>
<template v-if="item.nickName && item.updateTime">
<span class="sub-item" v-text="`${item.nickName}在${formatRelativeTime(item.updateTime)}修改过`"></span>
</template>
</span>
</div>
</nuxt-link>
.DS_Store
.git
Thumbs.db
*.log
.idea
.vscode
.dist
node_modules/
u.sh
.github*/
.nuxt/
.output
nohup.out
*.zip
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
dist*
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod quam aut nulla nobis repudiandae eum, unde accusamus quis, distinctio quae, adipisci ratione autem deserunt! Rerum itaque quam vero obcaecati non.
Animi mollitia tenetur recusandae maxime? Vero repellendus dolore numquam hic officia inventore nostrum similique, consectetur quisquam doloribus sapiente! Aspernatur sequi quas quaerat ad eveniet adipisci magnam debitis voluptatum beatae at.
Velit qui eveniet alias iste magni reprehenderit excepturi hic, sunt, sint rem atque error, molestiae ad sit quas? Incidunt non tenetur illo repellat! Maxime ex dolor earum et sed consequuntur.
Provident veniam qui nulla, reiciendis hic facilis voluptates molestias dolorum aspernatur magni. Id, rem delectus quaerat vel sunt laudantium eos accusamus commodi quae expedita repudiandae facilis exercitationem debitis soluta atque.
Doloribus rerum quaerat voluptatibus. Officiis, sint minima corporis temporibus rem alias accusamus voluptatum dolorum nobis pariatur debitis sequi dicta hic nihil eius. Quidem maiores porro provident neque, vitae aspernatur alias!
Assumenda aperiam numquam nemo molestiae voluptatibus quo repellat ex distinctio dolor ducimus? Nihil, doloribus laudantium sed pariatur voluptas in! Perferendis adipisci omnis ea nihil nemo neque fuga odit vero. Libero!
Officiis accusamus doloribus aliquam exercitationem earum aliquid, quia repellendus voluptatibus impedit ullam quo porro error sapiente commodi vero inventore non sunt ducimus excepturi perferendis nisi tempora dolorem? Iure, rem asperiores?
Deserunt quod illo asperiores quibusdam, iusto sequi ipsa qui quae! Nulla at fuga eaque eum perspiciatis ipsum, molestias, blanditiis veritatis vitae quidem cumque ullam debitis odit unde dolorem harum sint!
Itaque rerum inventore vel impedit quam perferendis minima nostrum tempore nobis sed! Atque eveniet tempore enim amet voluptate quasi, sapiente, soluta quis recusandae cum dolorem consequatur ipsam quas, harum aut.
Quis vitae at commodi est dolorem nihil aspernatur! Optio reiciendis maiores natus deserunt. Illum, quam assumenda culpa odit debitis, veniam vitae corporis dolor dignissimos neque voluptatem voluptas dolorem, earum maiores!
1111
我回答了你的问题
我回答了你的问题