gy-webcode2 1.0.9 → 1.0.11
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.
- package/components/themeConfig.vue +32 -34
- package/css/modules/table.scss +5 -1
- package/css/modules/tags.scss +8 -0
- package/package.json +1 -1
- package/scripts/watermark.js +26 -0
|
@@ -1,46 +1,44 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<scrollBar left="
|
|
2
|
+
<scrollBar left="24px" top="10px" right="24px">
|
|
3
3
|
<div class="pageStyle">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
<div class="row1">
|
|
7
|
-
整体风格设置
|
|
8
|
-
</div>
|
|
9
|
-
<div class="stylPreview">
|
|
10
|
-
<div class="item" @click="changeTheme(item.value)" :class="[`item_${item.id}`,{active:themeName == item.value}]" v-for="item,index in themeList" :key="item.id">
|
|
11
|
-
<div class="iconBox">
|
|
12
|
-
<i class="el-icon-check"></i>
|
|
13
|
-
</div>
|
|
4
|
+
<div class="row1">
|
|
5
|
+
整体风格设置
|
|
14
6
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
主题色
|
|
18
|
-
</div>
|
|
19
|
-
<div class="themeColors">
|
|
20
|
-
<el-tooltip v-for="item,index in themeColorList" :key="item.id" :open-delay="200" effect="dark" :content="item.name" placement="top">
|
|
21
|
-
<div class="item" @click="changeThemeColor(item.value)" :class="{active:themeColor == item.value}" :style="`background-color:${item.color}`">
|
|
7
|
+
<div class="stylPreview">
|
|
8
|
+
<div class="item" @click="changeTheme(item.value)" :class="[`item_${item.id}`,{active:themeName == item.value}]" v-for="item,index in themeList" :key="item.id">
|
|
22
9
|
<div class="iconBox">
|
|
23
10
|
<i class="el-icon-check"></i>
|
|
24
11
|
</div>
|
|
25
12
|
</div>
|
|
26
|
-
</el-tooltip>
|
|
27
|
-
</div>
|
|
28
|
-
<el-divider></el-divider>
|
|
29
|
-
<div class="row1 mar_t_10">
|
|
30
|
-
内容区域
|
|
31
|
-
</div>
|
|
32
|
-
<!-- <div class="flex aic jcb pad_t_10 pad_b_10">
|
|
33
|
-
<div>水印</div>
|
|
34
|
-
<div>
|
|
35
|
-
<el-switch v-model="$store.state.watermarkShow"></el-switch>
|
|
36
13
|
</div>
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
<div>
|
|
41
|
-
<el-
|
|
14
|
+
<div class="row1 mar_t_10">
|
|
15
|
+
主题色
|
|
16
|
+
</div>
|
|
17
|
+
<div class="themeColors">
|
|
18
|
+
<el-tooltip v-for="item,index in themeColorList" :key="item.id" :open-delay="200" effect="dark" :content="item.name" placement="top">
|
|
19
|
+
<div class="item" @click="changeThemeColor(item.value)" :class="{active:themeColor == item.value}" :style="`background-color:${item.color}`">
|
|
20
|
+
<div class="iconBox">
|
|
21
|
+
<i class="el-icon-check"></i>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</el-tooltip>
|
|
25
|
+
</div>
|
|
26
|
+
<el-divider></el-divider>
|
|
27
|
+
<div class="row1 mar_t_10">
|
|
28
|
+
内容区域
|
|
29
|
+
</div>
|
|
30
|
+
<div class="flex aic jcb pad_t_10 pad_b_10">
|
|
31
|
+
<div>水印</div>
|
|
32
|
+
<div>
|
|
33
|
+
<el-switch v-model="$store.state.watermarkShow"></el-switch>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="flex aic jcb pad_t_10 pad_b_10">
|
|
37
|
+
<div>面包屑</div>
|
|
38
|
+
<div>
|
|
39
|
+
<el-switch v-model="$store.state.breadcrumbShow"></el-switch>
|
|
40
|
+
</div>
|
|
42
41
|
</div>
|
|
43
|
-
</div>
|
|
44
42
|
</div>
|
|
45
43
|
|
|
46
44
|
</scrollBar>
|
package/css/modules/table.scss
CHANGED
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
padding: 7px 0 !important;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
|
|
36
37
|
}
|
|
37
38
|
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
|
|
38
39
|
@include themeColor("background-color",'hover',0.1)
|
|
@@ -74,10 +75,13 @@
|
|
|
74
75
|
bottom: -1px;
|
|
75
76
|
}
|
|
76
77
|
&.gutter .el-table th.gutter{
|
|
77
|
-
background: #
|
|
78
|
+
background: #fafafa;
|
|
78
79
|
display: table-cell!important;
|
|
79
80
|
}
|
|
80
81
|
|
|
82
|
+
.el-table__fixed-right-patch{
|
|
83
|
+
background: #fafafa;
|
|
84
|
+
}
|
|
81
85
|
.tr_error{
|
|
82
86
|
background: #fff0f0;
|
|
83
87
|
}
|
package/css/modules/tags.scss
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
&.hong{
|
|
36
36
|
background: #ff4d50;
|
|
37
37
|
border-color: #ff4d50;
|
|
38
|
+
color: #fff;
|
|
38
39
|
}
|
|
39
40
|
&.hong2{
|
|
40
41
|
background: #fff0f0;
|
|
@@ -73,6 +74,7 @@
|
|
|
73
74
|
&.lan3{
|
|
74
75
|
background: #353688;
|
|
75
76
|
border-color: #353688;
|
|
77
|
+
color: #fff;
|
|
76
78
|
}
|
|
77
79
|
&.lan4{
|
|
78
80
|
background: #f1f1f9;
|
|
@@ -86,6 +88,7 @@
|
|
|
86
88
|
&.lan5{
|
|
87
89
|
background: #155bd5;
|
|
88
90
|
border-color: #155bd5;
|
|
91
|
+
color: #fff;
|
|
89
92
|
}
|
|
90
93
|
&.lan6{
|
|
91
94
|
background: #edf3ff;
|
|
@@ -99,6 +102,7 @@
|
|
|
99
102
|
&.lv{
|
|
100
103
|
background: #4fc519;
|
|
101
104
|
border-color: #4fc519;
|
|
105
|
+
color: #fff;
|
|
102
106
|
}
|
|
103
107
|
&.lv2{
|
|
104
108
|
border-color: #f8ffed;
|
|
@@ -112,6 +116,7 @@
|
|
|
112
116
|
&.huang{
|
|
113
117
|
background: #fbad15;
|
|
114
118
|
border-color: #fbad15;
|
|
119
|
+
color: #fff;
|
|
115
120
|
}
|
|
116
121
|
&.huang2{
|
|
117
122
|
background: #fefbe8;
|
|
@@ -125,6 +130,7 @@
|
|
|
125
130
|
&.cheng{
|
|
126
131
|
background: #eb6a0c;
|
|
127
132
|
border-color: #eb6a0c;
|
|
133
|
+
color: #fff;
|
|
128
134
|
}
|
|
129
135
|
&.cheng2{
|
|
130
136
|
background: #fff4f1;
|
|
@@ -138,6 +144,7 @@
|
|
|
138
144
|
&.zi{
|
|
139
145
|
background: #893fd4;
|
|
140
146
|
border-color: #893fd4;
|
|
147
|
+
color: #fff;
|
|
141
148
|
}
|
|
142
149
|
&.zi2{
|
|
143
150
|
background: #faeffd;
|
|
@@ -151,6 +158,7 @@
|
|
|
151
158
|
&.fen{
|
|
152
159
|
background: #d42a8d;
|
|
153
160
|
border-color: #d42a8d;
|
|
161
|
+
color: #fff;
|
|
154
162
|
}
|
|
155
163
|
|
|
156
164
|
&.fen2{
|
package/package.json
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export default function({text="",color="rgba(0,0,0,0.07)",width=300,height=300}){
|
|
2
|
+
if(!text){
|
|
3
|
+
return '';
|
|
4
|
+
}
|
|
5
|
+
// let width = 300;
|
|
6
|
+
// let height = 300;
|
|
7
|
+
var cw = document.createElement("canvas")
|
|
8
|
+
cw.width=width;
|
|
9
|
+
cw.height=height;
|
|
10
|
+
|
|
11
|
+
var ctx = cw.getContext("2d");
|
|
12
|
+
ctx.clearRect(0,0,width,height);
|
|
13
|
+
ctx.textAlign = "center"
|
|
14
|
+
ctx.textBaseline = "middle"
|
|
15
|
+
ctx.font="16px 微软雅黑";
|
|
16
|
+
|
|
17
|
+
ctx.fillStyle = color;
|
|
18
|
+
|
|
19
|
+
ctx.rotate(-25*Math.PI/180);
|
|
20
|
+
ctx.fillText(`(${text}`, 50, 80);
|
|
21
|
+
// ctx.rotate(30*Math.PI/180);
|
|
22
|
+
let img = cw.toDataURL("image/webp");
|
|
23
|
+
// console.log(a);
|
|
24
|
+
// this.watermark_img = img;
|
|
25
|
+
return img;
|
|
26
|
+
}
|