日常修复内容20260422
This commit is contained in:
@@ -12,10 +12,13 @@
|
||||
<icon-menu-fold v-if="!topMenu && appStore.device === 'mobile'" style="font-size: 22px; cursor: pointer" @click="toggleDrawerMenu" />
|
||||
</a-space>
|
||||
</div>
|
||||
<div class="center-side flex items-center justify-center font-bold text-lg">
|
||||
<div class="center-side flex items-center font-bold text-lg justify-center">
|
||||
<div class="fix-side" v-if="route.query.id">
|
||||
<project-info-other />
|
||||
</div>
|
||||
<template v-if="title">
|
||||
<a-typography-title
|
||||
:style="{ margin: 0, fontSize: '1.2rem', fontWeight: 'bold' }"
|
||||
class="project-name"
|
||||
:heading="3"
|
||||
:ellipsis="{
|
||||
rows: 2
|
||||
@@ -89,9 +92,6 @@
|
||||
</a-dropdown>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="fix-side" v-if="route.query.id">
|
||||
<project-info-other />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -158,12 +158,10 @@ const handleClickLogo = () => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
// 项目管理悬浮定位
|
||||
.fix-side {
|
||||
position: absolute;
|
||||
left: 16%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
// 项目设置按钮
|
||||
margin-left: 50px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
@@ -248,6 +246,26 @@ const handleClickLogo = () => {
|
||||
animation: neon6 0.5s ease-in-out infinite alternate;
|
||||
}
|
||||
}
|
||||
|
||||
// 根据浏览器宽度调整
|
||||
.project-name {
|
||||
font-size: 1.2rem;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.project-name {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1280px) {
|
||||
.project-name {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes neon6 {
|
||||
from {
|
||||
text-shadow:
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<span>题注:</span>
|
||||
<a-input v-model="fontnote" :style="{ width: '500px' }"></a-input>
|
||||
</a-space>
|
||||
<a-alert type="warning" class="mt-2">表格第一行为[表头],测评数据、软/硬件项表格会自动添加序号列,而其他纯自定义表格(动态环境描述、软件概述)不会添加序号列</a-alert>
|
||||
<a-alert type="warning" class="mt-2">表格第一行为[表头],自定义表格外例如软/硬件环境、测评数据、环境差异性分析会自动添加[序号]</a-alert>
|
||||
</div>
|
||||
<div class="arco-table arco-table-size-large arco-table-border arco-table-stripe arco-table-hover">
|
||||
<div class="arco-table-container">
|
||||
|
||||
@@ -1,68 +1,113 @@
|
||||
<template>
|
||||
<button class="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 20 20" height="20" fill="none" class="svg-icon">
|
||||
<g stroke-width="1.5" stroke-linecap="round" stroke="#5d41de">
|
||||
<circle r="2.5" cy="10" cx="10"></circle>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
d="m8.39079 2.80235c.53842-1.51424 2.67991-1.51424 3.21831-.00001.3392.95358 1.4284 1.40477 2.3425.97027 1.4514-.68995 2.9657.82427 2.2758 2.27575-.4345.91407.0166 2.00334.9702 2.34248 1.5143.53842 1.5143 2.67996 0 3.21836-.9536.3391-1.4047 1.4284-.9702 2.3425.6899 1.4514-.8244 2.9656-2.2758 2.2757-.9141-.4345-2.0033.0167-2.3425.9703-.5384 1.5142-2.67989 1.5142-3.21831 0-.33914-.9536-1.4284-1.4048-2.34247-.9703-1.45148.6899-2.96571-.8243-2.27575-2.2757.43449-.9141-.01669-2.0034-.97028-2.3425-1.51422-.5384-1.51422-2.67994.00001-3.21836.95358-.33914 1.40476-1.42841.97027-2.34248-.68996-1.45148.82427-2.9657 2.27575-2.27575.91407.4345 2.00333-.01669 2.34247-.97026z"
|
||||
clip-rule="evenodd"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
<span class="lable">{{ label }}</span>
|
||||
<slot></slot>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const { label } = defineProps<{
|
||||
label: string
|
||||
}>()
|
||||
|
||||
defineOptions({
|
||||
name: "SettingButton"
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
gap: 8px;
|
||||
height: 36px;
|
||||
width: 200px;
|
||||
border: none;
|
||||
background: #5e41de33;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.lable {
|
||||
line-height: 20px;
|
||||
font-size: 17px;
|
||||
color: #5d41de;
|
||||
font-family: sans-serif;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #5e41de4d;
|
||||
}
|
||||
|
||||
.button:hover .svg-icon {
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<button class="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 20 20" height="20" fill="none" class="svg-icon">
|
||||
<g stroke-width="1.5" stroke-linecap="round" stroke="#5d41de">
|
||||
<circle r="2.5" cy="10" cx="10"></circle>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
d="m8.39079 2.80235c.53842-1.51424 2.67991-1.51424 3.21831-.00001.3392.95358 1.4284 1.40477 2.3425.97027 1.4514-.68995 2.9657.82427 2.2758 2.27575-.4345.91407.0166 2.00334.9702 2.34248 1.5143.53842 1.5143 2.67996 0 3.21836-.9536.3391-1.4047 1.4284-.9702 2.3425.6899 1.4514-.8244 2.9656-2.2758 2.2757-.9141-.4345-2.0033.0167-2.3425.9703-.5384 1.5142-2.67989 1.5142-3.21831 0-.33914-.9536-1.4284-1.4048-2.34247-.9703-1.45148.6899-2.96571-.8243-2.27575-2.2757.43449-.9141-.01669-2.0034-.97028-2.3425-1.51422-.5384-1.51422-2.67994.00001-3.21836.95358-.33914 1.40476-1.42841.97027-2.34248-.68996-1.45148.82427-2.9657 2.27575-2.27575.91407.4345 2.00333-.01669 2.34247-.97026z"
|
||||
clip-rule="evenodd"
|
||||
></path>
|
||||
</g>
|
||||
</svg>
|
||||
<span class="lable">{{ label }}</span>
|
||||
<slot></slot>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const { label } = defineProps<{
|
||||
label: string
|
||||
}>()
|
||||
|
||||
defineOptions({
|
||||
name: "SettingButton"
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
gap: 8px;
|
||||
height: 36px;
|
||||
width: 200px;
|
||||
border: none;
|
||||
background: #5e41de33;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.lable {
|
||||
line-height: 1.2;
|
||||
font-size: 17px;
|
||||
color: #5d41de;
|
||||
font-family: sans-serif;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #5e41de4d;
|
||||
}
|
||||
|
||||
.button:hover .svg-icon {
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 屏幕宽度 ≤1280px 时适度缩小 */
|
||||
@media (max-width: 1280px) {
|
||||
.button {
|
||||
width: 170px;
|
||||
height: 32px;
|
||||
padding: 5px 10px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.lable {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 屏幕宽度 ≤1024px 时进一步缩小 */
|
||||
@media (max-width: 1024px) {
|
||||
.button {
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
padding: 4px 8px;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.lable {
|
||||
font-size: 15px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user