mirror of
https://github.com/fmhy/edit.git
synced 2025-07-30 07:42:18 +10:00
37 lines
951 B
Vue
37 lines
951 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string
|
|
description: string
|
|
mobile: string
|
|
desktop: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<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"
|
|
>
|
|
{{ title }}
|
|
</h4>
|
|
<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="1080"
|
|
height="1920"
|
|
/>
|
|
</div>
|
|
<div class="items-center p-6 flex gap-2">
|
|
<a :href="mobile" target="_blank">Mobile</a>
|
|
<span class="text-text-2">•</span>
|
|
<a :href="desktop" target="_blank">Desktop</a>
|
|
</div>
|
|
</div>
|
|
</template>
|