style: 格式化项目代码
- 根据prettier配置格式化整个项目的代码
This commit is contained in:
@ -21,65 +21,65 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
interface Props {
|
||||
title: string;
|
||||
summary: string;
|
||||
coverUrl: string;
|
||||
documentId?: string;
|
||||
}
|
||||
|
||||
const props = defineProps<Props>();
|
||||
const localePath = useLocalePath();
|
||||
|
||||
const handleClick = () => {
|
||||
const routeParam = props.documentId;
|
||||
if (routeParam) {
|
||||
navigateTo(localePath(`/solutions/${routeParam}`));
|
||||
interface Props {
|
||||
title: string;
|
||||
summary: string;
|
||||
coverUrl: string;
|
||||
documentId?: string;
|
||||
}
|
||||
};
|
||||
|
||||
const props = defineProps<Props>();
|
||||
const localePath = useLocalePath();
|
||||
|
||||
const handleClick = () => {
|
||||
const routeParam = props.documentId;
|
||||
if (routeParam) {
|
||||
navigateTo(localePath(`/solutions/${routeParam}`));
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.solution-card {
|
||||
width: 30%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.solution-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.solution-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
:deep(.card-header) {
|
||||
padding: 0;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
:deep(.card-body) {
|
||||
margin: 10px auto;
|
||||
padding: 1px auto;
|
||||
}
|
||||
|
||||
.solution-card .el-image {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.solution-card {
|
||||
width: 45%;
|
||||
width: 30%;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.solution-card {
|
||||
width: 90%;
|
||||
.solution-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.solution-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
:deep(.card-header) {
|
||||
padding: 0;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
:deep(.card-body) {
|
||||
margin: 10px auto;
|
||||
padding: 1px auto;
|
||||
}
|
||||
|
||||
.solution-card .el-image {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.solution-card {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.solution-card {
|
||||
width: 90%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user