From 5ad61d6ad3a0ce12c7fe0808527069b09a7c9c0d Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 16 九月 2025 17:31:05 +0800
Subject: [PATCH] 新增基础产品
---
src/components/ToolBar.vue | 50 +++++++++++++++++++++++++++++++++-----------------
1 files changed, 33 insertions(+), 17 deletions(-)
diff --git a/src/components/ToolBar.vue b/src/components/ToolBar.vue
index bf2912b..29487a5 100644
--- a/src/components/ToolBar.vue
+++ b/src/components/ToolBar.vue
@@ -1,17 +1,30 @@
<template>
- <div class="layout" >
+ <div class="layout">
<el-row v-if="title">
- <el-col :span=" 16 " class="title">{{ title }}</el-col>
- <el-col :span=" 8 ">
+ <el-col :span="16" class="title">{{ title }}</el-col>
+ <el-col :span="8">
<el-row justify="end" class="btn-group">
- <el-button v-for="(b, i) in buttons" :key=" i " :type=" b.color ? b.color : 'primary' " size="small">{{ b.name
- }}</el-button>
+ <el-button
+ v-for="(b, i) in buttons"
+ :key="i"
+ :type="b.color ? b.color : 'primary'"
+ size="small"
+ plain
+ @click="b.click"
+ >{{ b.name }}</el-button
+ >
</el-row>
</el-col>
</el-row>
<el-row class="tag-group" v-if="title">
<el-space>
- <el-tag v-for="(d, i) in descriptions" :key=" i " type="info" size="small">{{ d.name + ": " + d.value }}</el-tag>
+ <el-tag
+ v-for="(d, i) in descriptions"
+ :key="i"
+ :type="d.type"
+ size="small"
+ >{{ d.name + ': ' + d.value }}</el-tag
+ >
</el-space>
</el-row>
</div>
@@ -27,28 +40,31 @@
type: Array,
default: () => [
{
- name: "",
- value: "",
- },
- ],
+ name: '',
+ value: ''
+ }
+ ]
},
buttons: {
type: Array,
default: () => [
{
- name: "",
- color: "primary",
- },
- ],
- },
- },
+ name: '',
+ color: 'primary',
+ click: () => {}
+ }
+ ]
+ }
+ }
};
</script>
<style scoped>
.layout {
/* background-color: beige; */
height: var(--height-toolbar);
- /* border-bottom: 1px solid var(--el-color-info-light-7); */
+ border-bottom: 1px solid var(--el-color-info-light-7);
+ box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.12);
+ margin-bottom: 4px;
}
.cell-item {
--
Gitblit v1.9.3