From 67e61c4f15334a5aa8b4a4b1ddefdfe77b747ebe Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 03 三月 2025 11:43:03 +0800
Subject: [PATCH] 模型库更新
---
/dev/null | 117 -------------------
src/main.js | 1
src/views/model/children/landerModel.vue | 102 ++++++++++++++++
src/styles/global.less | 134 ++++++++++++++++++++++
4 files changed, 229 insertions(+), 125 deletions(-)
diff --git a/src/main.js b/src/main.js
index 3e0c163..2f978f6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,6 @@
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import './style.css'
import router from './router'
import './styles/global.less'
diff --git a/src/style.css b/src/style.css
deleted file mode 100644
index e824ce1..0000000
--- a/src/style.css
+++ /dev/null
@@ -1,117 +0,0 @@
-
-@import 'element-plus/dist/index.css';
-
-:root {
- font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
-
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
-html,
-body {
- margin: 0;
- display: flex;
- place-items: center;
- width: 100%;
- height: 100%;
-}
-
-h1 {
- font-size: 3.2em;
- line-height: 1.1;
-}
-
-button {
- border-radius: 8px;
- border: 1px solid transparent;
- padding: 0.6em 1.2em;
- font-size: 1em;
- font-weight: 500;
- font-family: inherit;
- background-color: #1a1a1a;
- cursor: pointer;
- transition: border-color 0.25s;
-}
-button:hover {
- border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
- outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
- padding: 2em;
-}
-
-#app {
- width: 100%;
- height: 100%;
- margin: 0 auto;
- text-align: center;
-}
-
-
-/* 寮曞叆 Element Plus 鐨勫熀纭�鏍峰紡 */
-
-.common-layout {
- width: 100%;
- height: 100%;
-}
-
-.el-container {
- width: 100%;
- height: 100%;
-}
-
-.el-header {
- background-color: #fff;
- color: #333;
- line-height: 60px;
-}
-
-.el-aside {
- background-color: #D3DCE6;
- color: #333;
-}
-
-.el-main {
- background-color: #E9EEF3;
- color: #333;
-}
-
-.mb-4 {
- margin-bottom: 16px;
-}
-
-
-@media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- a:hover {
- color: #747bff;
- }
- button {
- background-color: #f9f9f9;
- }
-}
diff --git a/src/styles/global.less b/src/styles/global.less
index fcc8894..936bdb4 100644
--- a/src/styles/global.less
+++ b/src/styles/global.less
@@ -6,7 +6,8 @@
--info-color: #909399;
}
-html, body {
+html,
+body {
margin: 0;
padding: 0;
height: 100%;
@@ -17,4 +18,133 @@
display: flex;
justify-content: center;
align-items: center;
-}
\ No newline at end of file
+}
+
+
+@import 'element-plus/dist/index.css';
+
+:root {
+ font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+
+ color-scheme: light dark;
+ color: rgba(255, 255, 255, 0.87);
+ background-color: #242424;
+
+ font-synthesis: none;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+
+a:hover {
+ color: #535bf2;
+}
+
+html,
+body {
+ margin: 0;
+ display: flex;
+ place-items: center;
+ width: 100%;
+ height: 100%;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+button {
+ border-radius: 8px;
+ border: 1px solid transparent;
+ padding: 0.6em 1.2em;
+ font-size: 1em;
+ font-weight: 500;
+ font-family: inherit;
+ background-color: #1a1a1a;
+ cursor: pointer;
+ transition: border-color 0.25s;
+}
+
+button:hover {
+ border-color: #646cff;
+}
+
+button:focus,
+button:focus-visible {
+ outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+ padding: 2em;
+}
+
+#app {
+ width: 100%;
+ height: 100%;
+ margin: 0 auto;
+ text-align: center;
+}
+
+
+/* 寮曞叆 Element Plus 鐨勫熀纭�鏍峰紡 */
+
+.common-layout {
+ width: 100%;
+ height: 100%;
+}
+
+.el-container {
+ width: 100%;
+ height: 100%;
+}
+
+.el-header {
+ background-color: #fff;
+ color: #333;
+ line-height: 60px;
+}
+
+.el-aside {
+ background-color: #D3DCE6;
+ color: #333;
+}
+
+.el-main {
+ background-color: #E9EEF3;
+ color: #333;
+ padding: 10px !important;
+ box-sizing: border-box;
+}
+
+.mb-4 {
+ margin-bottom: 16px;
+}
+
+button {
+ outline: none !important;
+}
+
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+
+ a:hover {
+ color: #747bff;
+ }
+
+ button {
+ background-color: #f9f9f9;
+ }
+}
\ No newline at end of file
diff --git a/src/views/model/children/landerModel.vue b/src/views/model/children/landerModel.vue
index dc84061..f85a342 100644
--- a/src/views/model/children/landerModel.vue
+++ b/src/views/model/children/landerModel.vue
@@ -1,14 +1,106 @@
<template>
- <div class="kinematic">
- <h2>鐫�闄嗗櫒妯″瀷搴�</h2>
+ <div class="landerBox">
+ <div class="landerTopBox">
+ <el-button :icon="Plus">鏂板缓</el-button>
+ <el-input
+ v-model="input4"
+ style="width: 300px"
+ placeholder="璇疯緭鍏ュ叧閿瓧鎼滅储"
+ >
+ <template #suffix>
+ <el-icon class="el-input__icon"><search /></el-icon>
+ </template>
+ </el-input>
+ </div>
+ <div class="landerContentBox">
+ <el-table
+ ref="multipleTableRef"
+ :data="tableData"
+ row-key="id"
+ border
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" />
+ <el-table-column prop="index" label="搴忓彿" width="70" />
+ <el-table-column prop="date" label="Date" width="180" />
+ <el-table-column prop="name" label="Name" width="180" />
+ <el-table-column prop="address" label="Address" />
+ </el-table>
+ </div>
</div>
</template>
<script setup lang="ts">
+import { ref } from "vue";
+import { Plus } from "@element-plus/icons-vue";
+import type { TableInstance } from "element-plus";
+
+const input4 = ref("");
+const multipleTableRef = ref<TableInstance>();
+const multipleSelection = ref<any[]>([]);
+
+const tableData = [
+ {
+ id: 1,
+ date: "2016-05-03",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 2,
+ date: "2016-05-02",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 3,
+ date: "2016-05-04",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 4,
+ date: "2016-05-01",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 5,
+ date: "2016-05-08",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 6,
+ date: "2016-05-06",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+ {
+ id: 7,
+ date: "2016-05-07",
+ name: "Tom",
+ address: "No. 189, Grove St, Los Angeles",
+ },
+];
+
+const handleSelectionChange = (val: []) => {
+ console.log(val);
+ multipleSelection.value = val;
+};
</script>
<style lang="less" scoped>
-.kinematic {
- padding: 20px;
+.landerBox {
+ width: 100%;
+ .landerTopBox {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ }
+ .landerContentBox {
+ width: 100%;
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1