Compare commits
2 Commits
689d12e632
...
d995ac2b37
| Author | SHA1 | Date | |
|---|---|---|---|
| d995ac2b37 | |||
| 01392a6329 |
@ -11,14 +11,14 @@
|
|||||||
<div
|
<div
|
||||||
class="box-border h-[60px] w-[1019px] flex items-center justify-between border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[27px] py-[24px]"
|
class="box-border h-[60px] w-[1019px] flex items-center justify-between border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[27px] py-[24px]"
|
||||||
>
|
>
|
||||||
<div class="text-[20px] text-[#333333] font-normal"> {{ detail?.title }}</div>
|
<div class="text-[16px] text-[#333333] font-normal"> {{ detail?.title }}</div>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img :src="detail?.ownedUserIdInfo?.avatar" alt="" srcset="" class="h-[30px] w-[30px] rd-[50%]" />
|
<img :src="detail?.ownedUserIdInfo?.avatar" alt="" srcset="" class="h-[30px] w-[30px] rd-[50%]" />
|
||||||
<span class="ml-[12px] color-[#999999]">by {{ detail?.ownedUserIdInfo?.nickName }}</span>
|
<span class="ml-[12px] color-[#999999]">by {{ detail?.ownedUserIdInfo?.nickName }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="ml-[23px] flex flex-1 text-[18px] text-[#FFFFFF] font-normal">
|
<div class="ml-[23px] flex flex-1 text-[16px] text-[#FFFFFF] font-normal">
|
||||||
<div class="h-[60px] w-[160px] flex cursor-pointer items-center justify-center rounded-[8px] bg-[#1A65FF]" @click="handleDownload">
|
<div class="h-[60px] w-[160px] flex cursor-pointer items-center justify-center rounded-[8px] bg-[#1A65FF]" @click="handleDownload">
|
||||||
<img src="~/assets/images/download.png" alt="" srcset="" class="mr-[4px] h-[22px] w-[27px]" />
|
<img src="~/assets/images/download.png" alt="" srcset="" class="mr-[4px] h-[22px] w-[27px]" />
|
||||||
{{ detail?.points === 0 ? '免费下载' : '立即下载' }}
|
{{ detail?.points === 0 ? '免费下载' : '立即下载' }}
|
||||||
@ -45,16 +45,16 @@
|
|||||||
<div>
|
<div>
|
||||||
<ThumBnail :data="detail?.coverImages" :type="detail?.type"></ThumBnail>
|
<ThumBnail :data="detail?.coverImages" :type="detail?.type"></ThumBnail>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">{{ detail?.title }}描述</span></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">{{ detail?.title }}描述</span></div
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="box-border min-h-[90px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px] text-[14px] text-[#333333] font-normal"
|
class="box-border min-h-[90px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px] text-[14px] text-[#333333] font-normal"
|
||||||
>
|
>
|
||||||
{{ detail?.description }}
|
{{ detail?.description }}
|
||||||
</div>
|
</div>
|
||||||
<div id="section1" class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div id="section1" class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">{{ detail?.title }}附件</span></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">{{ detail?.title }}附件</span></div
|
||||||
>
|
>
|
||||||
<div class="box-border w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px]">
|
<div class="box-border w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px]">
|
||||||
<div class="border-b-[1px] border-b-[#eee] border-b-solid p-b-[10px]">
|
<div class="border-b-[1px] border-b-[#eee] border-b-solid p-b-[10px]">
|
||||||
@ -86,8 +86,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 关联项目 -->
|
<!-- 关联项目 -->
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div
|
||||||
><span class="ml-[10px]">关联{{ detail?.type === 1 ? '图纸' : detail?.type === 2 ? '文本' : '模型' }}</span></div
|
><span class="ml-[10px]">关联{{ detail?.type === 1 ? '图纸' : detail?.type === 2 ? '文本' : '模型' }}</span></div
|
||||||
>
|
>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
@ -97,8 +97,8 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-empty v-if="!detail?.relationDraws?.length" description="暂无数据"></el-empty>
|
<el-empty v-if="!detail?.relationDraws?.length" description="暂无数据"></el-empty>
|
||||||
<!-- 关联模型 -->
|
<!-- 关联模型 -->
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div
|
||||||
><span class="ml-[10px]">相关{{ detail?.type === 1 ? '图纸' : detail?.type === 2 ? '文本' : '模型' }}推荐</span></div
|
><span class="ml-[10px]">相关{{ detail?.type === 1 ? '图纸' : detail?.type === 2 ? '文本' : '模型' }}推荐</span></div
|
||||||
>
|
>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
@ -163,8 +163,8 @@
|
|||||||
|
|
||||||
<div class="mt-[20px] h-[1px] w-[336px] rounded-[1px] bg-[#EEEEEE]"></div>
|
<div class="mt-[20px] h-[1px] w-[336px] rounded-[1px] bg-[#EEEEEE]"></div>
|
||||||
<div class="mt-[20px] flex items-center">
|
<div class="mt-[20px] flex items-center">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
||||||
<span class="ml-[10px] text-[16px]">最新发布</span>
|
<span class="ml-[10px] text-[14px]">最新发布</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-[10px]">
|
<div class="mt-[10px]">
|
||||||
<div
|
<div
|
||||||
|
|||||||
@ -10,8 +10,8 @@
|
|||||||
<div class="swiper-button-prev"></div>
|
<div class="swiper-button-prev"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
||||||
<span class="ml-[10px]">{{ props.type === 1 ? '图纸' : props.type === 2 ? '文本' : '模型' }}</span>
|
<span class="ml-[10px]">{{ props.type === 1 ? '图纸' : props.type === 2 ? '文本' : '模型' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-border h-[126px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[23px]">
|
<div class="box-border h-[126px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[23px]">
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="account-balance">
|
<div class="account-balance">
|
||||||
<!-- 余额展示区域 -->
|
<!-- 余额展示区域 -->
|
||||||
<div class="balance-section">
|
<div class="balance-section flex h-206px!">
|
||||||
|
<div>
|
||||||
<div class="balance-title">
|
<div class="balance-title">
|
||||||
<span>我的金币(元)</span>
|
<span>我的金币(元)</span>
|
||||||
<el-tag size="small" type="primary">资产和使用</el-tag>
|
<el-tag size="small" type="primary">资产和使用</el-tag>
|
||||||
@ -13,6 +14,29 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="balance-tip">提示:最低提现金额:100 元,一元=10金币</div>
|
<div class="balance-tip">提示:最低提现金额:100 元,一元=10金币</div>
|
||||||
</div>
|
</div>
|
||||||
|
<el-divider direction="vertical" class="h-100%! mx-30px!" border-style="dashed"></el-divider>
|
||||||
|
<div>
|
||||||
|
<div class="balance-title">
|
||||||
|
<span>我的收益</span>
|
||||||
|
<el-tag size="small" type="primary">收益金币数额展示</el-tag>
|
||||||
|
</div>
|
||||||
|
<div class="balance-amount">{{ userStaticInfo?.currencyCount || 0 }}</div>
|
||||||
|
<div class="balance-actions">
|
||||||
|
<!-- <el-button type="primary" @click="handlePay">充值</el-button>
|
||||||
|
<el-button>提现</el-button> -->
|
||||||
|
</div>
|
||||||
|
<!-- <div class="balance-tip">提示:最低提现金额:100 元,一元=10金币</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 广告海报swiper -->
|
||||||
|
<el-carousel height="150px" class="rounded-[8px] rounded-[6px] border border-solid border-[#eeeeee] box-borders mb-20px">
|
||||||
|
<el-carousel-item>
|
||||||
|
<el-image src="https://static.tuxixi.net/tuxixi_banner3.png" alt="" class="w-100%" fit="contain" />
|
||||||
|
</el-carousel-item>
|
||||||
|
<el-carousel-item>
|
||||||
|
<el-image src="https://static.tuxixi.net/tuxixi_banner2.jpg" alt="" class="w-100%" fit="cover" />
|
||||||
|
</el-carousel-item>
|
||||||
|
</el-carousel>
|
||||||
|
|
||||||
<!-- 交易记录区域 -->
|
<!-- 交易记录区域 -->
|
||||||
<div class="transaction-section">
|
<div class="transaction-section">
|
||||||
|
|||||||
@ -11,14 +11,14 @@
|
|||||||
<div
|
<div
|
||||||
class="box-border h-[60px] w-[1019px] flex items-center justify-between border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[27px] py-[24px]"
|
class="box-border h-[60px] w-[1019px] flex items-center justify-between border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[27px] py-[24px]"
|
||||||
>
|
>
|
||||||
<div class="text-[20px] text-[#333333] font-normal"> {{ detail?.title }}</div>
|
<div class="text-[16px] text-[#333333] font-normal"> {{ detail?.title }}</div>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img :src="detail?.ownedUserAvatar" alt="" srcset="" class="h-[30px] w-[30px] rd-[50%]" />
|
<img :src="detail?.ownedUserAvatar" alt="" srcset="" class="h-[30px] w-[30px] rd-[50%]" />
|
||||||
<span class="ml-[8px] color-[#999999]">by {{ detail?.ownedUserName }}</span>
|
<span class="ml-[8px] color-[#999999]">by {{ detail?.ownedUserName }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="ml-[23px] flex flex-1 text-[18px] text-[#FFFFFF] font-normal">
|
<div class="ml-[23px] flex flex-1 text-[16px] text-[#FFFFFF] font-normal">
|
||||||
<div class="h-[60px] w-[160px] flex cursor-pointer items-center justify-center rounded-[8px] bg-[#1A65FF]" @click="handleDownload">
|
<div class="h-[60px] w-[160px] flex cursor-pointer items-center justify-center rounded-[8px] bg-[#1A65FF]" @click="handleDownload">
|
||||||
<img src="~/assets/images/download.png" alt="" srcset="" class="mr-[4px] h-[22px] w-[27px]" />
|
<img src="~/assets/images/download.png" alt="" srcset="" class="mr-[4px] h-[22px] w-[27px]" />
|
||||||
{{ detail?.points === 0 ? '免费下载' : '立即下载' }}
|
{{ detail?.points === 0 ? '免费下载' : '立即下载' }}
|
||||||
@ -45,16 +45,16 @@
|
|||||||
<div>
|
<div>
|
||||||
<ThumBnail :data="detail?.coverImages"></ThumBnail>
|
<ThumBnail :data="detail?.coverImages"></ThumBnail>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">工具使用介绍</span></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">工具使用介绍</span></div
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="box-border min-h-[90px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px] text-[14px] text-[#333333] font-normal"
|
class="box-border min-h-[90px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px] text-[14px] text-[#333333] font-normal"
|
||||||
>
|
>
|
||||||
{{ detail?.description }}
|
{{ detail?.description }}
|
||||||
</div>
|
</div>
|
||||||
<div id="section1" class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div id="section1" class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">工具文件</span></div
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div><span class="ml-[10px]">工具文件</span></div
|
||||||
>
|
>
|
||||||
<div class="box-border w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px]">
|
<div class="box-border w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[24px]">
|
||||||
<div class="border-b-[1px] border-b-[#eee] border-b-solid p-b-[10px]"> 包含的文件 </div>
|
<div class="border-b-[1px] border-b-[#eee] border-b-solid p-b-[10px]"> 包含的文件 </div>
|
||||||
@ -137,8 +137,8 @@
|
|||||||
|
|
||||||
<div class="mt-[20px] h-[1px] w-[336px] rounded-[1px] bg-[#EEEEEE]"></div>
|
<div class="mt-[20px] h-[1px] w-[336px] rounded-[1px] bg-[#EEEEEE]"></div>
|
||||||
<div class="mt-[20px] flex items-center">
|
<div class="mt-[20px] flex items-center">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
||||||
<span class="ml-[10px] text-[16px]">最新发布</span>
|
<span class="ml-[10px] text-[14px]">最新发布</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-[10px]">
|
<div class="mt-[10px]">
|
||||||
<div
|
<div
|
||||||
|
|||||||
@ -10,8 +10,8 @@
|
|||||||
<div class="swiper-button-prev"></div>
|
<div class="swiper-button-prev"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-[20px] mt-[34px] flex items-center text-[16px] text-[#333333] font-normal">
|
<div class="mb-[20px] mt-[34px] flex items-center text-[14px] text-[#333333] font-normal">
|
||||||
<div class="h-[24px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
<div class="h-[20px] w-[4px] rounded-[1px] bg-[#1A65FF]"></div>
|
||||||
<span class="ml-[10px]">工具截图</span>
|
<span class="ml-[10px]">工具截图</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="box-border h-[126px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[23px]">
|
<div class="box-border h-[126px] w-[1019px] border border-[#EEEEEE] rounded-[6px] border-solid bg-[#FFFFFF] pa-[23px]">
|
||||||
|
|||||||
Reference in New Issue
Block a user