From 95a27fe55990ca151cbe08f99cbeb669b4cb9dd8 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 20 六月 2024 17:07:16 +0800
Subject: [PATCH] fix:修改在线培训
---
src/views/train/index.vue | 35 ++++++++++++++++++++++++++++-------
1 files changed, 28 insertions(+), 7 deletions(-)
diff --git a/src/views/train/index.vue b/src/views/train/index.vue
index b164d9f..a7551f7 100644
--- a/src/views/train/index.vue
+++ b/src/views/train/index.vue
@@ -1,12 +1,12 @@
<template>
- <div class="train-container w-screen h-screen bg-slate-50 flex flex-col items-center">
+ <div class="train-container ">
- <div class="list-container container grow relative">
+ <div class="list-container">
<div class="list-content absolute top-0 bottom-0 left-0 right-0 py-4">
- <div class="list-wrapper w-full h-full">
- <el-card clasdivs="h-full" :body-style="{ height: '100%' }">
- <div class="card-wrapper w-full h-full flex flex-col px-8 box-border">
- <div class="card-header flex justify-between items-center shrink-0">
+ <div class="list-wrapper">
+ <el-card :body-style="{ height: '100%' }">
+ <div class="card-wrapper">
+ <div class="card-header">
<div class="header-tab">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="鍏ㄩ儴" name="1"></el-tab-pane>
@@ -15,7 +15,7 @@
<el-tab-pane label="宸茬粨鏉�" name="4"></el-tab-pane>
</el-tabs>
</div>
- <div class="header-search flex items-center">
+ <div class="header-search">
<el-input v-model="searchText" placeholder="璇疯緭鍏ヨ�冭瘯鍚嶇О"/>
<el-button type="primary" class="ml-4">鎼滅储</el-button>
</div>
@@ -102,4 +102,25 @@
:deep(.el-tabs__nav-wrap:after) {
display: none;
}
+.train-container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .list-container {
+ flex: 1;
+ position: relative;
+ }
+}
+.card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-shrink: 0;
+}
+.header-search {
+ display: flex;
+ align-items: center;
+}
</style>
--
Gitblit v1.8.0