Browse Source

修改删除的弹窗

daijiajun/feature-20251107115823-股票知识测评
chenzhen 2 months ago
parent
commit
c62c3ba031
  1. 36
      src/App.vue
  2. 1
      src/components/Question/QuestionSearch.vue

36
src/App.vue

@ -1,20 +1,11 @@
<template> <template>
<!-- 应用根组件容器 -->
<div id="app"> <div id="app">
<!-- 头部组件 -->
<Header /> <Header />
<!-- 主容器包含侧边栏和内容区域 -->
<div class="container"> <div class="container">
<!-- 侧边栏组件 -->
<Sidebar /> <Sidebar />
<!-- 内容区域 -->
<div class="content"> <div class="content">
<!-- 页面标题 -->
<div class="title">测评系统后台</div> <div class="title">测评系统后台</div>
<!-- 标签导航组件 -->
<TabNavigation /> <TabNavigation />
<!-- 路由视图出口根据路由显示对应组件 -->
<router-view /> <router-view />
</div> </div>
</div> </div>
@ -22,42 +13,32 @@
</template> </template>
<script> <script>
//
import Header from './components/Layout/Header.vue' import Header from './components/Layout/Header.vue'
//
import Sidebar from './components/Layout/Sidebar.vue' import Sidebar from './components/Layout/Sidebar.vue'
//
import TabNavigation from './components/Tabs/TabNavigation.vue' import TabNavigation from './components/Tabs/TabNavigation.vue'
export default { export default {
//
name: 'App', name: 'App',
//
components: { components: {
Header, Header,
Sidebar, Sidebar,
TabNavigation TabNavigation
// QuestionSearch QuestionTable
} }
// activeTab
} }
</script> </script>
<style> <style>
/* 全局样式重置 */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
/* body基础样式 */
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
/* 应用容器样式 */
#app { #app {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@ -65,7 +46,6 @@ body {
flex-direction: column; flex-direction: column;
} }
/* 头部样式 */
.header { .header {
height: 60px; height: 60px;
background-color: white; background-color: white;
@ -76,21 +56,18 @@ body {
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} }
/* logo样式 */
.logo { .logo {
color: #e74c3c; color: #e74c3c;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
} }
/* 主容器样式,使用flex布局 */
.container { .container {
display: flex; display: flex;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
} }
/* 内容区域样式 */
.content { .content {
flex: 1; flex: 1;
padding: 20px; padding: 20px;
@ -99,21 +76,18 @@ body {
position: relative; position: relative;
} }
/* 标题样式 */
.title { .title {
font-size: 20px; font-size: 20px;
margin-bottom: 20px; margin-bottom: 20px;
color: #333; color: #333;
} }
/* 标签导航容器样式 */
.tabs { .tabs {
display: flex; display: flex;
gap: 10px; gap: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* 标签按钮样式 */
.tab-btn { .tab-btn {
padding: 8px 16px; padding: 8px 16px;
background-color: #e74c3c; background-color: #e74c3c;
@ -124,18 +98,14 @@ body {
transition: opacity 0.3s; transition: opacity 0.3s;
} }
/* 标签按钮悬停效果 */
.tab-btn:hover { .tab-btn:hover {
background-color: #c0392b; background-color: #c0392b;
} }
/* 激活状态的标签按钮样式 */
.tab-btn.active { .tab-btn.active {
opacity: 0.5; opacity: 0.5;
} }
/* 搜索区域样式 */
.search-area { .search-area {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -144,21 +114,18 @@ body {
gap: 20px; gap: 20px;
} }
/* 搜索项样式 */
.search-item { .search-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 160px; min-width: 160px;
} }
/* 搜索项标签样式 */
.search-item label { .search-item label {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 14px; font-size: 14px;
color: #666; color: #666;
} }
/* 搜索项下拉框和输入框样式 */
.search-item select, .search-item select,
.search-item input { .search-item input {
padding: 8px; padding: 8px;
@ -167,13 +134,11 @@ body {
font-size: 14px; font-size: 14px;
} }
/* 按钮组样式 */
.btn-group { .btn-group {
display: flex; display: flex;
gap: 10px; gap: 10px;
} }
/* 红色按钮样式 */
.btn-red { .btn-red {
padding: 8px 16px; padding: 8px 16px;
background-color: #e74c3c; background-color: #e74c3c;
@ -183,7 +148,6 @@ body {
cursor: pointer; cursor: pointer;
} }
/* 小尺寸红色按钮样式 */
.btn-red.small { .btn-red.small {
padding: 4px 10px; padding: 4px 10px;
font-size: 12px; font-size: 12px;

1
src/components/Question/QuestionSearch.vue

@ -317,7 +317,6 @@ export default {
}, },
closeModal() { closeModal() {
this.showAddModal = false; this.showAddModal = false;
this.resetForm();
}, },
resetForm() { resetForm() {

Loading…
Cancel
Save