github/go-view
4
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-04-23 00:00:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 新增文字边框

Browse Source
This commit is contained in:
奔跑的面条
2022-04-06 21:53:00 +08:00
parent f2d32d8256
commit a41104118e
20 changed files with 154 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/packages/components/Decorates/Borders/Border01/config.ts
+2 -1
View File
@@ -6,7 +6,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
dur: 0.5,
colors: ['#4fd2dd', '#235fa7'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border02/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#6586ec', '#2cf7fe'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig
src/packages/components/Decorates/Borders/Border03/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#6586ec', '#2cf7fe'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border04/config.ts
+2 -1
View File
@@ -10,7 +10,8 @@ export const option = {
borderTitleSize: 18,
borderTitleColor: '#fff',
colors: ['#8aaafb', '#1f33a2'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border05/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#1d48c4', '#d3e1f8'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border06/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#3140ad', '#1089ff'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border07/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#11eefd', '#0078d2'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border08/config.ts
+2 -1
View File
@@ -7,7 +7,8 @@ export const option = {
colors: ['#235fa7', '#4fd2dd'],
dur: 3,
reverse: false,
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border09/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#3140ad', '#235fa7'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border10/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#1089ff', '#0000ff'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border11/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#2862b7', '#2862b7'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border12/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#2862b7', '#2862b7'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Borders/Border13/config.ts
+2 -1
View File
@@ -5,7 +5,8 @@ import cloneDeep from 'lodash/cloneDeep'
export const option = {
colors: ['#2862b7', '#4b77b7'],
backgroundColor: '#00000000'
backgroundColor: '#00000000',
dataset: null
}
export default class Config extends publicConfig implements CreateComponentType {
src/packages/components/Decorates/Decorates/Decorates03/config.ts
+1 -1
View File
@@ -4,7 +4,7 @@ import { Decorates03Config } from './index'
import cloneDeep from 'lodash/cloneDeep'
export const option = {
text: '装饰-03',
dataset: '装饰-03',
textColor: '#fff',
textSize: 24,
colors: ['#1dc1f5', '#1dc1f5'],
src/packages/components/Decorates/Decorates/Decorates03/config.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<CollapseItem name="文字" :expanded="true">
<SettingItemBox name="内容" :alone="true">
<SettingItem>
<n-input v-model:value="optionData.text" size="small"></n-input>
<n-input v-model:value="optionData.dataset" size="small"></n-input>
</SettingItem>
</SettingItemBox>
src/packages/components/Decorates/Decorates/Decorates03/index.vue
+2 -2
View File
@@ -15,7 +15,7 @@
/>
</svg>
<span :style="`color: ${textColor};font-size: ${textSize}px`">
{{ text }}</span
{{ dataset }}</span
>
<svg :width="20" :height="20">
<polyline
@@ -46,7 +46,7 @@ const props = defineProps({
})
const { w, h } = toRefs(props.chartConfig.attr)
const { colors, text, textSize, textColor } = toRefs(props.chartConfig.option)
const { colors, dataset, textSize, textColor } = toRefs(props.chartConfig.option)
</script>
<style lang="scss" scoped>