mirror of
https://github.com/fmhy/edit.git
synced 2025-07-29 07:12:15 +10:00
29 lines
890 B
Vue
29 lines
890 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>
|