|
@@ -1,25 +1,27 @@
|
|
|
<template>
|
|
|
<div class="text-base">
|
|
|
- <div class="text-3xl font-semibold text-black-3">
|
|
|
- {{ data.projectTitle }}
|
|
|
- </div>
|
|
|
- <div class="mt-10 flex flex-wrap items-center gap-7">
|
|
|
+ <div class="min-h-250">
|
|
|
+ <div class="text-3xl font-semibold text-black-3">
|
|
|
+ {{ data.projectTitle }}
|
|
|
+ </div>
|
|
|
+ <div class="mt-10 flex flex-wrap items-center gap-7">
|
|
|
+ <div
|
|
|
+ v-for="item in lableList"
|
|
|
+ :key="item"
|
|
|
+ class="flex h-20 items-center justify-center rounded border border-current px-10 text-sm text-[#FD9A00]"
|
|
|
+ >
|
|
|
+ {{ item }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div
|
|
|
- v-for="item in lableList"
|
|
|
- :key="item"
|
|
|
- class="flex h-20 items-center justify-center rounded border border-current px-10 text-sm text-[#FD9A00]"
|
|
|
+ class="mt-16 flex w-full items-start space-x-5 rounded-xl bg-[#F8F8F8] px-20 py-10"
|
|
|
>
|
|
|
- {{ item }}
|
|
|
+ <span
|
|
|
+ class="text-base leading-6xl text-black-6"
|
|
|
+ v-html="data.sellingPoint?.replace(/\n/g, '<br/>')"
|
|
|
+ ></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="mt-16 flex w-full items-start space-x-5 rounded-xl bg-[#F8F8F8] px-20 py-10"
|
|
|
- >
|
|
|
- <span
|
|
|
- class="text-base leading-6xl text-black-6"
|
|
|
- v-html="data.sellingPoint?.replace(/\n/g, '<br/>')"
|
|
|
- ></span>
|
|
|
- </div>
|
|
|
<div class="mt-17 flex items-center justify-between">
|
|
|
<div>
|
|
|
<span class="text-4xl font-semibold text-[#FF2222]"
|