feat: 优化

This commit is contained in:
du.meimei
2025-03-04 17:44:56 +08:00
parent 4691312418
commit f7122d8978
5 changed files with 37 additions and 39 deletions

1
.gitignore vendored
View File

@@ -19,6 +19,7 @@ coverage
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj

18
.vscode/settings.json vendored
View File

@@ -2,7 +2,7 @@
"explorer.confirmDelete": false,
"editor.fontSize": 18,
"workbench.editorAssociations": {
"*.ipynb": "jupyter.notebook.ipynb"
"*.ipynb": "jupyter.notebook.ipynb"
},
"window.zoomLevel": 1,
"workbench.iconTheme": "vscode-icons",
@@ -32,13 +32,14 @@
"editor.formatOnSave": true
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
},
"css.validate": false, //用来校验CSS文件中的语法错误和潜在的问题
"less.validate": false, //用来校验LESS文件中的语法错误和潜在的问题
"scss.validate": false, //用来校验SCSS文件中的语法错误和潜在的问题
"editor.codeActionsOnSave": { // 用于在保存文件时自动执行代码操作
"editor.codeActionsOnSave": {
// 用于在保存文件时自动执行代码操作
"source.fixAll.eslint": "explicit", // 自动执行ESlint
"source.fixAll.stylelint": "explicit" // 自动执行stylelint
},
@@ -54,15 +55,16 @@
"xml",
"gql",
"graphql",
"astro",
"astro"
],
"eslint.nodePath": "./node_modules/@yl/yili-fe-lint-config/node_modules", // 指定ESLint可执行文件路径
"eslint.options": { // 用于配置
"eslint.nodePath": "./node_modules/@yl/yili-fe-lint-config/node_modules", // 指定ESLint可执行文件路径
"eslint.options": {
// 用于配置
"overrideConfigFile": "./node_modules/@yl/yili-fe-lint-config/eslintrc.vue3.js" //该选项指定了 ESLint 应使用的配置文件路径。此项设置会覆盖所有其他位置查找的 ESLint 配置文件。
},
"stylelint.configBasedir": "./node_modules/@yl/yili-fe-lint-config/", //该选项用于定义 Stylelint 配置文件所基于的基础目录。当您的配置文件中使用 extends、plugins 或其他引用时,这个基础目录将作为解析路径的起点
"stylelint.configFile": "./node_modules/@yl/yili-fe-lint-config/stylelintrc.js", // 该选项指定了 stylelint 应使用的配置文件路径。此项设置会覆盖所有其他位置查找的 stylelint 配置文件
"stylelint.customSyntax": "postcss-scss", // 配置stylelint使用的预处理器
"stylelint.customSyntax": "postcss-scss", // 配置stylelint使用的预处理器
"stylelint.stylelintPath": "./node_modules/@yl/yili-fe-lint-config/node_modules/stylelint", // 指定stylelint安装路径
"stylelint.validate": ["html", "css", "scss", "less", "vue"]
}
}

2
components.d.ts vendored
View File

@@ -2,7 +2,7 @@
// @ts-nocheck
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {};
export {}
/* prettier-ignore */
declare module 'vue' {

View File

@@ -27,7 +27,7 @@ const props = defineProps({
element: {
type: Object,
default: () => {
//补充
// 补充
}
},
active: {

View File

@@ -1,23 +1,24 @@
<script setup>
import Survey from './components/Suvrey/Index.vue';
import Template from './components/Template/Index.vue';
const func = [{
title: '报名签到',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '问卷调查',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动模板',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动管理',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
}];
const func = [
{
title: '报名签到',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '问卷调查',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动模板',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
},
{
title: '活动管理',
icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
}
];
</script>
<template>
@@ -28,19 +29,16 @@ const func = [{
</div>
<div class="container">
<div>
<div v-for="card in func" :key="card.title">
</div>
<div v-for="card in func" :key="card.title"></div>
</div>
<Survey />
<Template />
</div>
</template>
<style scoped lang="scss">
.header {
background-color: #B9F8CF;
background-color: #b9f8cf;
.title {
display: flex;
@@ -51,24 +49,21 @@ const func = [{
.container {
padding-top: 20px;
background: linear-gradient(0deg,
#f5f5f5 0%,
#f5f5f5 84%,
rgba(185, 248, 207, 1) 100%);
background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 84%, rgba(185, 248, 207, 1) 100%);
&>:first-child {
& > :first-child {
display: flex;
justify-content: space-around;
border-radius: 6px;
background-color: white;
&>div {
& > div {
display: flex;
flex-direction: column;
width: 50px;
height: 50px;
margin: 10px;
background-color: #B9F8CF;
background-color: #b9f8cf;
}
}
}