|
|
@ -5,26 +5,6 @@ |
|
|
|
<div class="page-main md:w-screen-xl m-auto p-3"> |
|
|
|
<el-row :gutter="24"> |
|
|
|
<el-col :span="18" :xs="24"> |
|
|
|
<el-card shadow="hover" v-if="form.files?.length" class="hover:border-green-50 hover:border-2 mb-5"> |
|
|
|
<template #header> |
|
|
|
<div class="card-header font-bold text-xl"> |
|
|
|
<span>应用截图</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="flex gap-xl"> |
|
|
|
<template v-for="(item,index) in form.files" :key="index" class="text item"> |
|
|
|
<el-image |
|
|
|
:src="item.url" |
|
|
|
:zoom-rate="1.2" |
|
|
|
:max-scale="7" |
|
|
|
:min-scale="0.2" |
|
|
|
:preview-src-list="srcList" |
|
|
|
:initial-index="4" |
|
|
|
fit="contain" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<el-card shadow="hover" class="hover:border-green-50 hover:border-2 mb-5"> |
|
|
|
<template #header> |
|
|
|
<div class="card-header font-bold text-xl"> |
|
|
@ -44,6 +24,26 @@ |
|
|
|
<el-descriptions title="安装说明" /> |
|
|
|
<p v-html="form.content" class="content"></p> |
|
|
|
</el-card> |
|
|
|
<el-card shadow="hover" v-if="form.files?.length" class="hover:border-green-50 hover:border-2 mb-5"> |
|
|
|
<template #header> |
|
|
|
<div class="card-header font-bold text-xl"> |
|
|
|
<span>应用截图</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="flex gap-xl"> |
|
|
|
<template v-for="(item,index) in form.files" :key="index" class="text item"> |
|
|
|
<el-image |
|
|
|
:src="item.url" |
|
|
|
:zoom-rate="1.2" |
|
|
|
:max-scale="7" |
|
|
|
:min-scale="0.2" |
|
|
|
:preview-src-list="srcList" |
|
|
|
:initial-index="4" |
|
|
|
fit="contain" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<!-- 产品评论 --> |
|
|
|
<Comments :productId="form.companyId" :comments="comments" :count="commentsTotal" @done="doComments" /> |
|
|
|
</el-col> |
|
|
|