mirror of
https://github.com/fmhy/edit.git
synced 2026-01-18 01:41:52 +11:00
chore: add caching and fix component
This commit is contained in:
parent
76ea26ba79
commit
5c3d838e16
3 changed files with 23 additions and 20 deletions
|
|
@ -8,32 +8,21 @@ defineProps<{
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="rounded-lg border bg-bg-elv text-text shadow-sm w-full max-w-md"
|
||||
data-v0-t="card"
|
||||
>
|
||||
<div class="rounded-lg border bg-bg-elv text-text shadow-sm w-full max-w-md">
|
||||
<div class="flex flex-col space-y-1.5 p-6 pb-4">
|
||||
<h4
|
||||
class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight"
|
||||
>
|
||||
<h4 class="whitespace-nowrap text-2xl font-semibold leading-none tracking-tight">
|
||||
{{ title }}
|
||||
</h4>
|
||||
<p class="text-sm font-medium leading-none tracking-tight">
|
||||
<p class="text-sm text-text-2 font-medium leading-none tracking-tight">
|
||||
{{ description }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<img
|
||||
:src="desktop"
|
||||
:alt="title"
|
||||
class="rounded-md object-cover aspect-[3/2]"
|
||||
width="600"
|
||||
height="400"
|
||||
/>
|
||||
<img :src="desktop" :alt="title" class="rounded-md object-cover aspect-[3/2]" width="1080" height="1920" />
|
||||
</div>
|
||||
<div class="items-center p-6 flex gap-4">
|
||||
<div class="items-center p-6 flex gap-2">
|
||||
<a :href="mobile" target="_blank">Mobile</a>
|
||||
<span class="">•</span>
|
||||
<span class="text-text-2">•</span>
|
||||
<a :href="desktop" target="_blank">Desktop</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue