@timus-networks/theme 1.0.181 → 1.0.183
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
Use the type attribute to define Tag's type. In addition, the color attribute can be used to set the background color of the Tag.
|
|
7
7
|
</p>
|
|
8
8
|
<div class="grid grid-flow-col gap-4">
|
|
9
|
-
<el-button :plain="true" @click="open">
|
|
9
|
+
<el-button :plain="true" @click="open('error')">Error message</el-button>
|
|
10
|
+
<el-button :plain="true" @click="open('success')">Success message</el-button>
|
|
11
|
+
<el-button :plain="true" @click="open('warning')">Warning message</el-button>
|
|
12
|
+
<el-button :plain="true" @click="open('info')">Info message</el-button>
|
|
10
13
|
<el-button :plain="true" @click="openVn">VNode</el-button>
|
|
11
14
|
</div>
|
|
12
15
|
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
@@ -32,10 +35,11 @@ export default defineComponent({
|
|
|
32
35
|
return {};
|
|
33
36
|
},
|
|
34
37
|
methods: {
|
|
35
|
-
open() {
|
|
38
|
+
open(aType) {
|
|
36
39
|
this.$message({
|
|
37
40
|
message: 'Congrats, this is a success message.',
|
|
38
|
-
type:
|
|
41
|
+
type: aType,
|
|
42
|
+
showClose: true,
|
|
39
43
|
});
|
|
40
44
|
},
|
|
41
45
|
|
|
@@ -6,7 +6,10 @@
|
|
|
6
6
|
Use the type attribute to define Tag's type. In addition, the color attribute can be used to set the background color of the Tag.
|
|
7
7
|
</p>
|
|
8
8
|
<div class="grid grid-flow-col gap-4">
|
|
9
|
-
<el-button :plain="true" @click="open">
|
|
9
|
+
<el-button :plain="true" @click="open('error')">Error message</el-button>
|
|
10
|
+
<el-button :plain="true" @click="open('success')">Success message</el-button>
|
|
11
|
+
<el-button :plain="true" @click="open('warning')">Warning message</el-button>
|
|
12
|
+
<el-button :plain="true" @click="open('info')">Info message</el-button>
|
|
10
13
|
<el-button :plain="true" @click="openVn">VNode</el-button>
|
|
11
14
|
</div>
|
|
12
15
|
<div class="my-4 p-4 border-l-4 border-blue-600 bg-blue-100">
|
|
@@ -32,10 +35,11 @@ export default defineComponent({
|
|
|
32
35
|
return {};
|
|
33
36
|
},
|
|
34
37
|
methods: {
|
|
35
|
-
open() {
|
|
38
|
+
open(aType) {
|
|
36
39
|
this.$message({
|
|
37
40
|
message: 'Congrats, this is a success message.',
|
|
38
|
-
type:
|
|
41
|
+
type: aType,
|
|
42
|
+
showClose: true,
|
|
39
43
|
});
|
|
40
44
|
},
|
|
41
45
|
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.0791 0C10.1163 0 10.1535 0 10.1929 0C10.2842 1.12835 9.85353 1.97146 9.3301 2.582C8.81651 3.18834 8.11322 3.7764 6.97574 3.68717C6.89986 2.57498 7.33125 1.79441 7.85397 1.18526C8.33875 0.617573 9.22753 0.112414 10.0791 0Z" fill="#07021F"/>
|
|
3
|
+
<path d="M13.5225 11.7446C13.5225 11.7558 13.5225 11.7657 13.5225 11.7762C13.2028 12.7444 12.7468 13.5741 12.1904 14.3442C11.6824 15.0432 11.0599 15.984 9.94843 15.984C8.988 15.984 8.35005 15.3664 7.36573 15.3496C6.32449 15.3327 5.75188 15.866 4.79988 16.0001C4.69098 16.0001 4.58208 16.0001 4.47529 16.0001C3.77621 15.899 3.21203 15.3453 2.80102 14.8465C1.58906 13.3725 0.652513 11.4685 0.478271 9.03189C0.478271 8.79302 0.478271 8.55484 0.478271 8.31596C0.552043 6.57214 1.39936 5.15432 2.52561 4.46719C3.12 4.10185 3.9371 3.7906 4.84695 3.92971C5.23689 3.99013 5.63526 4.12363 5.98444 4.25571C6.31536 4.38288 6.72918 4.60841 7.12123 4.59647C7.3868 4.58874 7.65098 4.45033 7.91866 4.35267C8.70275 4.06953 9.47138 3.74493 10.4845 3.89739C11.7021 4.08147 12.5663 4.62246 13.1002 5.45714C12.0702 6.11265 11.2559 7.10049 11.3951 8.7874C11.5187 10.3197 12.4096 11.2162 13.5225 11.7446Z" fill="#07021F"/>
|
|
4
|
+
</svg>
|