tone/tonePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 Resource Download中标签样式

Browse Source
This commit is contained in:
tone
2024-09-30 00:19:43 +08:00
parent 6e32943792
commit 515c640a10
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tonecn/src/views/Download.vue
View File

@@ -25,7 +25,8 @@ onMounted(async () => {
<template> <template>
<div class="mx-auto flex flex-col items-center"> <div class="mx-auto flex flex-col items-center">
<div class="bg-default-bg fixed inset-0 w-full h-full -z-10"></div> <div class="bg-default-bg fixed inset-0 w-full h-full -z-10"></div>
<div class="mt-[30px] sm:mt-[80px] text-[30px] sm:text-[42px] cursor-default transition-all duration-500">一些可以直接下载的工具 <div class="mt-[30px] sm:mt-[80px] text-[30px] sm:text-[42px] cursor-default transition-all duration-500">
一些可以直接下载的工具
</div> </div>
<div class="mt-[20px] text-[#666] cursor-default text-[12px] px-[20px]" v-if="loadStatus != 2">请在浏览此部分内容前阅读并同意 <div class="mt-[20px] text-[#666] cursor-default text-[12px] px-[20px]" v-if="loadStatus != 2">请在浏览此部分内容前阅读并同意
<a class="text-[#222] cursor-pointer underline]" @click="showAgreement = true">《网站使用协议》</a>，继续使用或浏览表示您接受协议条款。 <a class="text-[#222] cursor-pointer underline]" @click="showAgreement = true">《网站使用协议》</a>，继续使用或浏览表示您接受协议条款。
@@ -48,8 +49,9 @@ onMounted(async () => {
<div class="text-[14px] text-[#666] mt-[5px]">{{ item.describe }}</div> <div class="text-[14px] text-[#666] mt-[5px]">{{ item.describe }}</div>
<!-- 下方的标签 --> <!-- 下方的标签 -->
<div class="flex gap-[5px] mt-[10px] flex-wrap"> <div class="flex gap-[5px] mt-[10px] flex-wrap">
<div class="text-[10px] font-semibold text-[#666] bg-[#eceef1] py-[1px] px-[6px] rounded-[20px]" <div class="text-[10px] text-[#666] py-[1px] px-[6px] rounded-[20px]"
:class="[{ 'bg-[#d6eeff]': lable.type === 'OS' }]" v-for="lable of item.addition.lables">{{ :class="[{ 'bg-[#d6eeff]': lable.type === 'OS' }, { 'bg-[#eceef1]': lable.type !== 'OS' }]"
v-for="lable of item.addition.lables">{{
lable.text }}</div> lable.text }}</div>
</div> </div>
</div> </div>

5
tonecn/src/views/Resource.vue
View File

@@ -47,8 +47,9 @@ onMounted(async () => {
<div class="text-[14px] text-[#666] mt-[5px]">{{ item.describe }}</div> <div class="text-[14px] text-[#666] mt-[5px]">{{ item.describe }}</div>
<!-- 下方的标签 --> <!-- 下方的标签 -->
<div class="flex gap-[5px] mt-[10px] flex-wrap"> <div class="flex gap-[5px] mt-[10px] flex-wrap">
<div class="text-[10px] font-semibold text-[#666] bg-[#eceef1] py-[1px] px-[6px] rounded-[20px]" <div class="text-[10px] text-[#666] py-[1px] px-[6px] rounded-[20px]"
:class="[{ 'bg-[#d6eeff]': lable.type === 'OS' }]" v-for="lable of item.addition.lables">{{ :class="[{ 'bg-[#d6eeff]': lable.type === 'OS' }, { 'bg-[#eceef1]': lable.type !== 'OS' }]"
v-for="lable of item.addition.lables">{{
lable.text }}</div> lable.text }}</div>
</div> </div>
</div> </div>