Skip to content

Commit

Permalink
💄 修改 card 组件字重
Browse files Browse the repository at this point in the history
  • Loading branch information
shoucandanghehe committed May 9, 2024
1 parent b309bfc commit 7f38c11
Show file tree
Hide file tree
Showing 5 changed files with 103 additions and 103 deletions.
34 changes: 17 additions & 17 deletions src/components/info-40l.vue
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<script lang="ts" setup>
import Background from '@/assets/images/cards/40L.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#b42323] text-11">
<div class="w-60 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import Background from '@/assets/images/cards/40L.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#b42323] text-11 font-medium">
<div class="w-60 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>
</div>
</div>
</template>
46 changes: 23 additions & 23 deletions src/components/info-adpm.vue
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
<script lang="ts" setup>
import Background from '@/assets/images/cards/ADPM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#235db4] text-11">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#235db4] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import Background from '@/assets/images/cards/ADPM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#235db4] text-11 font-medium">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#235db4] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>
46 changes: 23 additions & 23 deletions src/components/info-apm.vue
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
<script lang="ts" setup>
import Background from '@/assets/images/cards/APM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#b5530a] text-11">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#b5530a] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import Background from '@/assets/images/cards/APM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#b5530a] text-11 font-medium">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#b5530a] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>
34 changes: 17 additions & 17 deletions src/components/info-blitz.vue
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<script lang="ts" setup>
import Background from '@/assets/images/cards/Blitz.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#8e23b4] text-11">
<div class="w-60 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import Background from '@/assets/images/cards/Blitz.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#8e23b4] text-11 font-medium">
<div class="w-60 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>
</div>
</div>
</template>
46 changes: 23 additions & 23 deletions src/components/info-lpm.vue
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
<script lang="ts" setup>
import Background from '@/assets/images/cards/LPM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#4d7d0f] text-11">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#4d7d0f] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
import Background from '@/assets/images/cards/LPM.svg?url'
</script>

<template>
<div class="relative w-68.75 h-31.25">
<img :src="Background" alt="背景"/>

<div class="absolute top-0 left-0 w-full h-full">
<div class="absolute bottom-4.25 left-6 text-[#4d7d0f] text-11 font-medium">
<div class="w-48 overflow-hidden text-ellipsis">
<slot/>
</div>
</div>

<div class="absolute bottom-6.75 right-6.25 text-[#4d7d0f] text-3.75">
<div class="w-15 text-right overflow-hidden text-ellipsis">
<slot name="extra"/>
</div>
</div>
</div>
</div>
</template>

0 comments on commit 7f38c11

Please sign in to comment.