Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo
commit
c7eaabbea6
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { defHttp } from '@/utils/http/axios';
|
||||||
|
enum Api {
|
||||||
|
imageUpload = '/api/goview/project/image/upload',
|
||||||
|
imageList = '/api/goview/project/image/list',
|
||||||
|
imageDelete = '/api/goview/project/image/delete',
|
||||||
|
}
|
||||||
|
|
||||||
|
export const imageList = (params?) =>
|
||||||
|
defHttp.get({ url: Api.imageList });
|
||||||
|
|
||||||
|
export const imageDelete = (id:string) =>
|
||||||
|
defHttp.post({
|
||||||
|
url: `${Api.imageDelete}?ids=${id}`
|
||||||
|
});
|
||||||
|
|
||||||
|
export const imageUpload = (params) =>
|
||||||
|
defHttp.post({
|
||||||
|
url: Api.imageUpload,
|
||||||
|
params,
|
||||||
|
headers: {
|
||||||
|
'Content-type': 'multipart/form-data',
|
||||||
|
},
|
||||||
|
});
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 353 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Background01Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Background01Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 1920, h: 1080, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Background01Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Background01Config: ConfigType = {
|
||||||
|
key: 'Background01',
|
||||||
|
chartKey: 'VBackground01',
|
||||||
|
conKey: 'VCBackground01',
|
||||||
|
title: '背景图-01',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'fxmapbg.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-01">
|
||||||
|
<img :width="w" :height="h" src="/src/assets/images/chart/decorates/fxmapbg.png" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-01') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Background02Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Background02Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 768, h: 820, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Background02Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Background02Config: ConfigType = {
|
||||||
|
key: 'Background02',
|
||||||
|
chartKey: 'VBackground02',
|
||||||
|
conKey: 'VCBackground02',
|
||||||
|
title: '费县版图',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'feixianmap.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-01">
|
||||||
|
<img :width="w" :height="h" src="/src/assets/images/chart/decorates/feixianmap.png" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-01') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('borderTitleColor');
|
||||||
|
font-size: v-bind('borderTitleSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Background03Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Background03Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 1227, h: 1226, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Background03Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Background03Config: ConfigType = {
|
||||||
|
key: 'Background03',
|
||||||
|
chartKey: 'VBackground03',
|
||||||
|
conKey: 'VCBackground03',
|
||||||
|
title: '背景图-1',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'circle.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-background-03">
|
||||||
|
<img :width="w" :height="h" src="/src/assets/images/chart/decorates/circle.png" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('background-03') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { DateConfig } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
textColor: '#fff',
|
||||||
|
textSize: 28,
|
||||||
|
textColor1: '#fff',
|
||||||
|
textSize1: 24,
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = DateConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 300, h: 50, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(DateConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="内容" expanded>
|
||||||
|
<SettingItemBox name="文字" alone>
|
||||||
|
<SettingItem>
|
||||||
|
<n-input v-model:value="optionData.dataset" size="small"></n-input>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
|
||||||
|
<SettingItemBox name="样式">
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.textColor"></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="大小">
|
||||||
|
<n-input-number v-model:value="optionData.textSize" size="small" :min="12"></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
|
||||||
|
<SettingItemBox name="样式">
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.textColor1"></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="大小">
|
||||||
|
<n-input-number v-model:value="optionData.textSize1" size="small" :min="12"></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const rotateMode = [
|
||||||
|
{
|
||||||
|
value: 0,
|
||||||
|
label: '0°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 90,
|
||||||
|
label: '90°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 180,
|
||||||
|
label: '180°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 270,
|
||||||
|
label: '270°'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const DateConfig: ConfigType = {
|
||||||
|
key: 'Date',
|
||||||
|
chartKey: 'VDate',
|
||||||
|
conKey: 'VCDate',
|
||||||
|
title: '日期时间',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'clock.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,67 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-border-06">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" :width="w" :height="h">
|
||||||
|
|
||||||
|
</svg>
|
||||||
|
<div class="box">
|
||||||
|
<span class="text">{{currentTime}}</span>
|
||||||
|
<span class="datetext">{{currentDate}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, PropType, onMounted, toRefs } from 'vue';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const weatherIcon = ref()
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const { textSize, textColor,textSize1, textColor1} = toRefs(props.chartConfig.option)
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
console.log('currentTime', currentTime)
|
||||||
|
});
|
||||||
|
const currentDate = ref(dayjs().locale('zh-cn').format('YYYY.M.D'));
|
||||||
|
const currentTime = ref(dayjs().locale('zh-cn').format('HH:mm:ss'));
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('border-06') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('textColor');
|
||||||
|
font-size: v-bind('textSize+"px"');
|
||||||
|
}
|
||||||
|
.datetext {
|
||||||
|
margin-left: 20px;
|
||||||
|
color: v-bind('textColor1');
|
||||||
|
font-size: v-bind('textSize1+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -5,13 +5,12 @@ import { Titles01Config } from './index'
|
||||||
import cloneDeep from 'lodash/cloneDeep'
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
export const option = {
|
export const option = {
|
||||||
dur: 0.5,
|
|
||||||
borderTitle: '费县林业防火平台',
|
borderTitle: '费县林业防火平台',
|
||||||
borderTitleWidth: 1920,
|
borderTitleWidth: 1920,
|
||||||
borderTitleHeight: 98,
|
borderTitleHeight: 98,
|
||||||
borderTitleSize: 18,
|
borderTitleSize: 18,
|
||||||
borderTitleColor: '#fff',
|
borderTitleColor: '#fff',
|
||||||
colors: ['#8aaafb', '#1f33a2'],
|
colors: ['#608561', '#374536'],
|
||||||
backgroundColor: '#00000000'
|
backgroundColor: '#00000000'
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,122 +1,71 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="go-border-06">
|
<div class="go-title-01">
|
||||||
<span class="text">{{ borderTitle }}</span>
|
<!-- <span class="text">{{ borderTitle }}</span> -->
|
||||||
<svg :width="w" :height="h">
|
<svg :width="w" :height="h">
|
||||||
|
<title>大标题@2x</title>
|
||||||
<defs>
|
<defs>
|
||||||
<radialGradient cx="50%" cy="155.043268%" fx="50%" fy="155.043268%" r="100.482374%" gradientTransform="translate(0.5, 1.5504), scale(0.0963, 1), rotate(90), scale(1, 4.0569), translate(-0.5, -1.5504)" id="radialGradient-1">
|
<radialGradient cx="50%" cy="155.043268%" fx="50%" fy="155.043268%" r="100.482374%" gradientTransform="translate(0.5, 1.5504), scale(0.0963, 1), rotate(90), scale(1, 4.0569), translate(-0.5, -1.5504)" id="radialGradient-1">
|
||||||
<stop stop-color="#608561" offset="0%"></stop>
|
<stop :stop-color="colors[0]" offset="0%"></stop>
|
||||||
<stop stop-color="#608561" stop-opacity="0.276934003" offset="48.9346591%"></stop>
|
<stop :stop-color="colors[0]" stop-opacity="0.276934003" offset="48.9346591%"></stop>
|
||||||
<stop stop-color="#608561" stop-opacity="0" offset="100%"></stop>
|
<stop :stop-color="colors[0]" stop-opacity="0" offset="100%"></stop>
|
||||||
</radialGradient>
|
</radialGradient>
|
||||||
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-2">
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient01-2">
|
||||||
<stop stop-color="#EEEEEE" stop-opacity="0" offset="0%"></stop>
|
<stop :stop-color="colors[0]" stop-opacity="0" offset="0%"></stop>
|
||||||
<stop stop-color="#EAEAEA" offset="24.5007328%"></stop>
|
<stop :stop-color="colors[0]" offset="24.5007328%"></stop>
|
||||||
<stop stop-color="#DCDCDC" offset="74.8333658%"></stop>
|
<stop :stop-color="colors[0]" offset="74.8333658%"></stop>
|
||||||
<stop stop-color="#D8D8D8" stop-opacity="0" offset="100%"></stop>
|
<stop :stop-color="colors[0]" stop-opacity="0" offset="100%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<rect id="path-3" x="0" y="0" width="899" height="54.0955035"></rect>
|
<rect id="path-3" x="0" y="0" width="899" height="54.0955035"></rect>
|
||||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient01-5">
|
||||||
<stop stop-color="#374536" offset="0%"></stop>
|
<stop :stop-color="colors[1]" offset="0%"></stop>
|
||||||
<stop stop-color="#98B394" offset="100%"></stop>
|
<stop :stop-color="colors[1]" offset="100%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<rect id="path-6" x="0" y="0" width="899" height="54.0955035"></rect>
|
<rect id="path-6" x="0" y="0" width="899" height="54.0955035"></rect>
|
||||||
<linearGradient x1="102.302587%" y1="50%" x2="-24.4700794%" y2="50%" id="linearGradient-8">
|
<linearGradient x1="102.302587%" y1="50%" x2="-24.4700794%" y2="50%" id="linearGradient01-8">
|
||||||
<stop stop-color="#DCFFD9" stop-opacity="0" offset="0%"></stop>
|
<stop :stop-color="colors[1]" stop-opacity="0" offset="0%"></stop>
|
||||||
<stop stop-color="#DCFFD9" offset="12.3606862%"></stop>
|
<stop :stop-color="colors[1]" offset="12.3606862%"></stop>
|
||||||
<stop stop-color="#DCFFD9" stop-opacity="0.4" offset="99.9262456%"></stop>
|
<stop :stop-color="colors[1]" stop-opacity="0.4" offset="99.9262456%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient01-9">
|
||||||
<stop stop-color="#374536" offset="0%"></stop>
|
<stop :stop-color="colors[1]" offset="0%"></stop>
|
||||||
<stop stop-color="#687B66" offset="100%"></stop>
|
<stop :stop-color="colors[1]" offset="100%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient01-10">
|
||||||
<stop stop-color="#374536" offset="0%"></stop>
|
<stop :stop-color="colors[1]" offset="0%"></stop>
|
||||||
<stop stop-color="#687B66" offset="100%"></stop>
|
<stop :stop-color="colors[1]" offset="100%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient x1="100%" y1="50%" x2="0.641936189%" y2="50%" id="linearGradient-11">
|
<linearGradient x1="100%" y1="50%" x2="0.641936189%" y2="50%" id="linearGradient01-11">
|
||||||
<stop stop-color="#A1E6AC" offset="0%"></stop>
|
<stop :stop-color="colors[1]" offset="0%"></stop>
|
||||||
<stop stop-color="#3D6644" offset="36.0686189%"></stop>
|
<stop :stop-color="colors[1]" offset="36.0686189%"></stop>
|
||||||
<stop stop-color="#122115" stop-opacity="0.8" offset="99.9808785%"></stop>
|
<stop :stop-color="colors[1]" stop-opacity="0.8" offset="99.9808785%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<polygon
|
<polygon id="path-12" points="-7.8938096e-15 -2.62257315e-13 11 -2.62257315e-13 13.1616243 1.5 2.1616243 1.5"></polygon>
|
||||||
id="path-12"
|
|
||||||
:fill="colors[0]"
|
|
||||||
points="-7.8938096e-15 -2.62257315e-13 11 -2.62257315e-13 13.1616243 1.5 2.1616243 1.5"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="path-12" points="-7.8938096e-15 -2.62257315e-13 11 -2.62257315e-13 13.1616243 1.5 2.1616243 1.5"></polygon> -->
|
|
||||||
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-13">
|
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-13">
|
||||||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
</filter>
|
</filter>
|
||||||
<!-- <polygon id="path-14" points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"></polygon> -->
|
<polygon id="path-14" points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"></polygon>
|
||||||
<polygon
|
|
||||||
id="path-14"
|
|
||||||
:fill="colors[0]"
|
|
||||||
points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-15">
|
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-15">
|
||||||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
</filter>
|
</filter>
|
||||||
<linearGradient x1="100%" y1="50%" x2="0.641936189%" y2="50%" id="linearGradient-16">
|
<linearGradient x1="100%" y1="50%" x2="0.641936189%" y2="50%" id="linearGradient01-16">
|
||||||
<stop stop-color="#A1E6AC" offset="0%"></stop>
|
<stop :stop-color="colors[1]" offset="0%"></stop>
|
||||||
<stop stop-color="#3D6644" offset="36.0686189%"></stop>
|
<stop :stop-color="colors[1]" offset="36.0686189%"></stop>
|
||||||
<stop stop-color="#122115" stop-opacity="0.8" offset="99.9808785%"></stop>
|
<stop :stop-color="colors[1]" stop-opacity="0.8" offset="99.9808785%"></stop>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<!-- <polygon id="path-17" points="4.12319693e-14 3.81916286e-14 11 3.81916286e-14 13.1616243 1.5 2.1616243 1.5"></polygon> -->
|
<polygon id="path-17" points="4.12319693e-14 3.81916286e-14 11 3.81916286e-14 13.1616243 1.5 2.1616243 1.5"></polygon>
|
||||||
<polygon
|
|
||||||
id="path-17"
|
|
||||||
:fill="colors[0]"
|
|
||||||
points="4.12319693e-14 3.81916286e-14 11 3.81916286e-14 13.1616243 1.5 2.1616243 1.5"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-18">
|
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-18">
|
||||||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
</filter>
|
</filter>
|
||||||
<!-- <polygon id="path-19" points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"></polygon> -->
|
<polygon id="path-19" points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"></polygon>
|
||||||
<polygon
|
|
||||||
id="path-19"
|
|
||||||
:fill="colors[0]"
|
|
||||||
points="15.6938967 3.81916286e-14 26.6938967 3.81916286e-14 28.855521 1.5 17.855521 1.5"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-20">
|
<filter x="-119.2%" y="-900.0%" width="338.5%" height="1900.0%" filterUnits="objectBoundingBox" id="filter-20">
|
||||||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
|
@ -124,187 +73,63 @@
|
||||||
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.5 0 0 0 0 0 0 0 0 0.7 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
</filter>
|
</filter>
|
||||||
</defs>
|
</defs>
|
||||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none">
|
||||||
<g id="林业防火-导航页" transform="translate(0, 12)">
|
<g id="林业防火-导航页" transform="translate(0, 12)">
|
||||||
<g id="大标题" transform="translate(0, -12)">
|
<g id="大标题" transform="translate(0, -12)">
|
||||||
<!-- <polygon id="路径-2" fill="#0D1A1A" opacity="0.398131" points="0 0 1920 0 1920 60.175159 1267.03384 60.175159 1229.01799 98.1910069 690.982007 98.1910069 652.966159 60.175159 0 60.175159"></polygon> -->
|
<!-- <polygon id="路径-2" fill="#0D1A1A" opacity="0.398131" points="0 0 1920 0 1920 60.175159 1267.03384 60.175159 1229.01799 98.1910069 690.982007 98.1910069 652.966159 60.175159 0 60.175159"></polygon>
|
||||||
<polygon
|
<polygon id="路径-7" points="592.087862 51.8923346 656.687848 51.8923346 692.984451 90.1910069 1227.46256 90.1910069 1264.15332 51.8923346 1328.75331 51.8923346 1368.84881 11.7968311 552.71249 11.7968311"></polygon>
|
||||||
id="路径-2"
|
<polygon id="路径-7" fill="url(#radialGradient-1)" transform="translate(960.073, 59.9939) scale(1, -1) translate(-960.073, -59.9939)" points="561.380192 57.8923346 625.980177 57.8923346 657.276781 91.1910069 857.883673 91.1910069 869.566445 102.191007 1048.45704 102.191007 1061.16622 91.1910069 1261.75488 91.1910069 1293.44565 57.8923346 1358.04564 57.8923346 1398.14114 17.7968311 522.00482 17.7968311"></polygon> -->
|
||||||
:fill="colors[0]"
|
|
||||||
opacity="0.398131"
|
|
||||||
points="0 0 1920 0 1920 60.175159 1267.03384 60.175159 1229.01799 98.1910069 690.982007 98.1910069 652.966159 60.175159 0 60.175159"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="路径-7" points="592.087862 51.8923346 656.687848 51.8923346 692.984451 90.1910069 1227.46256 90.1910069 1264.15332 51.8923346 1328.75331 51.8923346 1368.84881 11.7968311 552.71249 11.7968311"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="路径-7"
|
|
||||||
:fill="colors[0]"
|
|
||||||
opacity="0.398131"
|
|
||||||
points="592.087862 51.8923346 656.687848 51.8923346 692.984451 90.1910069 1227.46256 90.1910069 1264.15332 51.8923346 1328.75331 51.8923346 1368.84881 11.7968311 552.71249 11.7968311"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="路径-7" fill="url(#radialGradient-1)" transform="translate(960.073, 59.9939) scale(1, -1) translate(-960.073, -59.9939)" points="561.380192 57.8923346 625.980177 57.8923346 657.276781 91.1910069 857.883673 91.1910069 869.566445 102.191007 1048.45704 102.191007 1061.16622 91.1910069 1261.75488 91.1910069 1293.44565 57.8923346 1358.04564 57.8923346 1398.14114 17.7968311 522.00482 17.7968311"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="路径-7"
|
|
||||||
fill="url(#radialGradient-1)"
|
|
||||||
transform="translate(960.073, 59.9939) scale(1, -1) translate(-960.073, -59.9939)"
|
|
||||||
points="561.380192 57.8923346 625.980177 57.8923346 657.276781 91.1910069 857.883673 91.1910069 869.566445 102.191007 1048.45704 102.191007 1061.16622 91.1910069 1261.75488 91.1910069 1293.44565 57.8923346 1358.04564 57.8923346 1398.14114 17.7968311 522.00482 17.7968311"
|
|
||||||
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[0]};${colors[1]};transparent`"
|
|
||||||
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<g id="路径-5" transform="translate(1021.146, 42.0955)">
|
<g id="路径-5" transform="translate(1021.146, 42.0955)">
|
||||||
<mask id="mask-4" fill="white">
|
<mask id="mask-4" fill="white">
|
||||||
<use xlink:href="#path-3"></use>
|
<use xlink:href="#path-3"></use>
|
||||||
</mask>
|
</mask>
|
||||||
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-3"></use>
|
<use id="蒙版" fill="url(#linearGradient01-2)" xlink:href="#path-3"></use>
|
||||||
<path d="M-5.68434189e-14,48.3858482 L200.324958,48.3858482 C202.977123,48.3858482 205.520662,47.3322798 207.396025,45.456916 L239.106747,13.7461941 C240.982111,11.8708303 243.52565,10.8172619 246.177815,10.8172619 L898.854039,10.8172619 L898.854039,10.8172619" stroke="url(#linearGradient-5)" mask="url(#mask-4)"></path>
|
<path d="M-5.68434189e-14,48.3858482 L200.324958,48.3858482 C202.977123,48.3858482 205.520662,47.3322798 207.396025,45.456916 L239.106747,13.7461941 C240.982111,11.8708303 243.52565,10.8172619 246.177815,10.8172619 L898.854039,10.8172619 L898.854039,10.8172619" stroke="url(#linearGradient01-5)" mask="url(#mask-4)"></path>
|
||||||
</g>
|
</g>
|
||||||
<g id="路径-5" transform="translate(449.5, 69.1433) scale(-1, 1) translate(-449.5, -69.1433)translate(0, 42.0955)">
|
<g id="路径-5" transform="translate(449.5, 69.1433) scale(-1, 1) translate(-449.5, -69.1433)translate(0, 42.0955)">
|
||||||
<mask id="mask-7" fill="white">
|
<mask id="mask-7" fill="white">
|
||||||
<use xlink:href="#path-6"></use>
|
<use xlink:href="#path-6"></use>
|
||||||
</mask>
|
</mask>
|
||||||
<use id="蒙版" fill="url(#linearGradient-2)" xlink:href="#path-6"></use>
|
<use id="蒙版" fill="url(#linearGradient01-2)" xlink:href="#path-6"></use>
|
||||||
<path d="M0,48.3858482 L200.324958,48.3858482 C202.977123,48.3858482 205.520662,47.3322798 207.396025,45.456916 L239.106747,13.7461941 C240.982111,11.8708303 243.52565,10.8172619 246.177815,10.8172619 L898.854039,10.8172619 L898.854039,10.8172619" stroke="url(#linearGradient-5)" mask="url(#mask-7)"></path>
|
<path d="M0,48.3858482 L200.324958,48.3858482 C202.977123,48.3858482 205.520662,47.3322798 207.396025,45.456916 L239.106747,13.7461941 C240.982111,11.8708303 243.52565,10.8172619 246.177815,10.8172619 L898.854039,10.8172619 L898.854039,10.8172619" stroke="url(#linearGradient01-5)" mask="url(#mask-7)"></path>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-4" transform="translate(1216.043, 48.8848)" fill="#808080">
|
<g id="编组-4" transform="translate(1216.043, 48.8848)" :fill="colors[1]">
|
||||||
<!-- <polygon id="矩形" opacity="0.25" transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)" points="19.5808122 1.54985187e-13 31.5808122 1.54985187e-13 34.7424365 2.88067666 22.7424365 2.88067666"></polygon> -->
|
<polygon id="矩形" opacity="0.25" transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)" points="19.5808122 1.54985187e-13 31.5808122 1.54985187e-13 34.7424365 2.88067666 22.7424365 2.88067666"></polygon>
|
||||||
<polygon
|
<polygon id="矩形备份" opacity="0.5" transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)" points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"></polygon>
|
||||||
id="矩形"
|
<polygon id="矩形备份-2" transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)" points="-2.12736765e-14 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"></polygon>
|
||||||
opacity="0.25"
|
|
||||||
transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)"
|
|
||||||
points="19.5808122 1.54985187e-13 31.5808122 1.54985187e-13 34.7424365 2.88067666 22.7424365 2.88067666"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="矩形备份" opacity="0.5" transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)" points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="矩形备份"
|
|
||||||
opacity="0.5"
|
|
||||||
transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)"
|
|
||||||
points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="矩形备份-2" transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)" points="-2.12736765e-14 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="矩形备份-2"
|
|
||||||
transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)"
|
|
||||||
points="-2.12736765e-14 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-4" transform="translate(687.7357, 60.1752) scale(-1, 1) translate(-687.7357, -60.1752)translate(670.3645, 48.8848)" fill="#808080">
|
<g id="编组-4" transform="translate(687.7357, 60.1752) scale(-1, 1) translate(-687.7357, -60.1752)translate(670.3645, 48.8848)" :fill="colors[1]">
|
||||||
<!-- <polygon id="矩形" opacity="0.25" transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)" points="19.5808122 -2.17302961e-13 31.5808122 -2.17302961e-13 34.7424365 2.88067666 22.7424365 2.88067666"></polygon> -->
|
<polygon id="矩形" opacity="0.25" transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)" points="19.5808122 -2.17302961e-13 31.5808122 -2.17302961e-13 34.7424365 2.88067666 22.7424365 2.88067666"></polygon>
|
||||||
<polygon
|
<polygon id="矩形备份" opacity="0.5" transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)" points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"></polygon>
|
||||||
id="矩形"
|
<polygon id="矩形备份-2" transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)" points="-9.70605424e-15 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"></polygon>
|
||||||
opacity="0.25"
|
|
||||||
transform="translate(27.1616, 1.4403) scale(-1, 1) translate(-27.1616, -1.4403)"
|
|
||||||
points="19.5808122 -2.17302961e-13 31.5808122 -2.17302961e-13 34.7424365 2.88067666 22.7424365 2.88067666"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="矩形备份" opacity="0.5" transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)" points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="矩形备份"
|
|
||||||
opacity="0.5"
|
|
||||||
transform="translate(17.5808, 11.1403) scale(-1, 1) translate(-17.5808, -11.1403)"
|
|
||||||
points="10 9.7 22 9.7 25.1616243 12.5806767 13.1616243 12.5806767"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
<!-- <polygon id="矩形备份-2" transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)" points="-9.70605424e-15 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"></polygon> -->
|
|
||||||
<polygon
|
|
||||||
id="矩形备份-2"
|
|
||||||
transform="translate(7.5808, 21.1403) scale(-1, 1) translate(-7.5808, -21.1403)"
|
|
||||||
points="-2.12736765e-14 19.7 12 19.7 15.1616243 22.5806767 3.1616243 22.5806767"
|
|
||||||
>
|
|
||||||
<animate
|
|
||||||
attributeName="fill"
|
|
||||||
:values="`${colors[1]};${colors[0]};transparent`"
|
|
||||||
:dur="`${dur + 1}s`"
|
|
||||||
begin="0s"
|
|
||||||
repeatCount="indefinite"
|
|
||||||
/>
|
|
||||||
</polygon>
|
|
||||||
</g>
|
</g>
|
||||||
<path d="M986.203603,60.175159 L1634.1992,60.175159 C1637.3818,60.175159 1640.43404,61.4394411 1642.68448,63.6898776 L1673.67089,94.6762883 C1675.92133,96.9267248 1678.97357,98.1910069 1682.15617,98.1910069 L1896.9182,98.1910069 L1896.9182,98.1910069 L1905.14781,91.4206194 L1920,91.4206194" id="路径" stroke="url(#linearGradient-8)" transform="translate(1453.1018, 79.1831) scale(-1, 1) translate(-1453.1018, -79.1831)"></path>
|
<path d="M986.203603,60.175159 L1634.1992,60.175159 C1637.3818,60.175159 1640.43404,61.4394411 1642.68448,63.6898776 L1673.67089,94.6762883 C1675.92133,96.9267248 1678.97357,98.1910069 1682.15617,98.1910069 L1896.9182,98.1910069 L1896.9182,98.1910069 L1905.14781,91.4206194 L1920,91.4206194" id="路径" stroke="url(#linearGradient01-8)" transform="translate(1453.1018, 79.1831) scale(-1, 1) translate(-1453.1018, -79.1831)"></path>
|
||||||
<path d="M0,60.175159 L647.995597,60.175159 C651.178194,60.175159 654.230441,61.4394411 656.480878,63.6898776 L687.467289,94.6762883 C689.717725,96.9267248 692.769972,98.1910069 695.95257,98.1910069 L910.714599,98.1910069 L910.714599,98.1910069 L918.944212,91.4206194 L933.796397,91.4206194" id="路径" stroke="url(#linearGradient-8)"></path>
|
<path d="M0,60.175159 L647.995597,60.175159 C651.178194,60.175159 654.230441,61.4394411 656.480878,63.6898776 L687.467289,94.6762883 C689.717725,96.9267248 692.769972,98.1910069 695.95257,98.1910069 L910.714599,98.1910069 L910.714599,98.1910069 L918.944212,91.4206194 L933.796397,91.4206194" id="路径" stroke="url(#linearGradient01-8)"></path>
|
||||||
<circle id="椭圆形" fill="#60715C" cx="933.796397" cy="91.6910069" r="1.5"></circle>
|
<circle id="椭圆形" fill="#60715C" cx="933.796397" cy="91.6910069" r="1.5"></circle>
|
||||||
<circle id="椭圆形备份" fill="#60715C" cx="986.203603" cy="91.6910069" r="1.5"></circle>
|
<circle id="椭圆形备份" fill="#60715C" cx="986.203603" cy="91.6910069" r="1.5"></circle>
|
||||||
<g id="编组-5" transform="translate(797.7707, 107.191)">
|
<g id="编组-5" transform="translate(797.7707, 107.191)">
|
||||||
<line x1="0" y1="1.5" x2="91.5306326" y2="1.5" id="路径-6" stroke="url(#linearGradient-9)" opacity="0.6"></line>
|
<line x1="0" y1="1.5" x2="91.5306326" y2="1.5" id="路径-6" stroke="url(#linearGradient01-9)" opacity="0.6"></line>
|
||||||
<circle id="椭圆形" fill="#6C8069" cx="58.0306326" cy="1.5" r="1.5"></circle>
|
<circle id="椭圆形" fill="#6C8069" cx="58.0306326" cy="1.5" r="1.5"></circle>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-5" transform="translate(1079.3551, 108.691) scale(-1, 1) translate(-1079.3551, -108.691)translate(1033.5898, 107.191)">
|
<g id="编组-5" transform="translate(1079.3551, 108.691) scale(-1, 1) translate(-1079.3551, -108.691)translate(1033.5898, 107.191)">
|
||||||
<line x1="0" y1="1.5" x2="91.5306326" y2="1.5" id="路径-6" stroke="url(#linearGradient-9)" opacity="0.6"></line>
|
<line x1="0" y1="1.5" x2="91.5306326" y2="1.5" id="路径-6" stroke="url(#linearGradient01-9)" opacity="0.6"></line>
|
||||||
<circle id="椭圆形" fill="#6C8069" cx="28.0306326" cy="1.5" r="1.5"></circle>
|
<circle id="椭圆形" fill="#6C8069" cx="28.0306326" cy="1.5" r="1.5"></circle>
|
||||||
<circle id="椭圆形" fill="#6C8069" cx="90.0306326" cy="1.5" r="1.5"></circle>
|
<circle id="椭圆形" fill="#6C8069" cx="90.0306326" cy="1.5" r="1.5"></circle>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-5" transform="translate(277.3287, 74.1433)">
|
<g id="编组-5" transform="translate(277.3287, 74.1433)">
|
||||||
<line x1="2.1801759e-14" y1="1.5" x2="365.462877" y2="1.5" id="路径-6" stroke="url(#linearGradient-10)" opacity="0.399999976"></line>
|
<line x1="2.1801759e-14" y1="1.5" x2="365.462877" y2="1.5" id="路径-6" stroke="url(#linearGradient01-10)" opacity="0.399999976"></line>
|
||||||
<path d="M301.962877,3 C302.791304,3 303.462877,2.32842712 303.462877,1.5 C303.462877,0.671572875 302.791304,0 301.962877,0 C301.13445,0 300.462877,0.671572875 300.462877,1.5 C300.462877,2.32842712 301.13445,3 301.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
<path d="M301.962877,3 C302.791304,3 303.462877,2.32842712 303.462877,1.5 C303.462877,0.671572875 302.791304,0 301.962877,0 C301.13445,0 300.462877,0.671572875 300.462877,1.5 C300.462877,2.32842712 301.13445,3 301.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
||||||
<circle id="椭圆形" fill="#4E5C4C" cx="131.962877" cy="1.5" r="1.5"></circle>
|
<circle id="椭圆形" fill="#4E5C4C" cx="131.962877" cy="1.5" r="1.5"></circle>
|
||||||
<path d="M363.962877,3 C364.791304,3 365.462877,2.32842712 365.462877,1.5 C365.462877,0.671572875 364.791304,0 363.962877,0 C363.13445,0 362.462877,0.671572875 362.462877,1.5 C362.462877,2.32842712 363.13445,3 363.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
<path d="M363.962877,3 C364.791304,3 365.462877,2.32842712 365.462877,1.5 C365.462877,0.671572875 364.791304,0 363.962877,0 C363.13445,0 362.462877,0.671572875 362.462877,1.5 C362.462877,2.32842712 363.13445,3 363.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-5" transform="translate(1461.7682, 75.6433) scale(-1, 1) translate(-1461.7682, -75.6433)translate(1279.0368, 74.1433)">
|
<g id="编组-5" transform="translate(1461.7682, 75.6433) scale(-1, 1) translate(-1461.7682, -75.6433)translate(1279.0368, 74.1433)">
|
||||||
<line x1="-6.61995048e-15" y1="1.5" x2="365.462877" y2="1.5" id="路径-6" stroke="url(#linearGradient-10)" opacity="0.399999976"></line>
|
<line x1="-6.61995048e-15" y1="1.5" x2="365.462877" y2="1.5" id="路径-6" stroke="url(#linearGradient01-10)" opacity="0.399999976"></line>
|
||||||
<path d="M273.962877,3 C274.791304,3 275.462877,2.32842712 275.462877,1.5 C275.462877,0.671572875 274.791304,0 273.962877,0 C273.13445,0 272.462877,0.671572875 272.462877,1.5 C272.462877,2.32842712 273.13445,3 273.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
<path d="M273.962877,3 C274.791304,3 275.462877,2.32842712 275.462877,1.5 C275.462877,0.671572875 274.791304,0 273.962877,0 C273.13445,0 272.462877,0.671572875 272.462877,1.5 C272.462877,2.32842712 273.13445,3 273.962877,3 Z" id="椭圆形" fill="#4E5C4C"></path>
|
||||||
<circle id="椭圆形" fill="#4E5C4C" cx="47.9628773" cy="1.5" r="1.5"></circle>
|
<circle id="椭圆形" fill="#4E5C4C" cx="47.9628773" cy="1.5" r="1.5"></circle>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-3" transform="translate(591.0082, 48.0955)">
|
<g id="编组-3" transform="translate(591.0082, 48.0955)">
|
||||||
<path d="M0,5.07965553 L5.07965553,0 L64.7090785,-8.8817842e-15 C67.8916764,-1.22931327e-14 70.9439234,1.26428208 73.1943599,3.51471863 L104.538881,34.85924 C106.039172,36.359531 108.074004,37.2023858 110.195736,37.2023858 L170.93164,37.2023858 L170.93164,37.2023858 L176.824757,42.0955035 L107.225226,42.0955035 C105.140415,42.0955035 103.13796,41.2816494 101.644261,39.8272415 L69.4522629,8.48204842 C67.2117139,6.30043667 64.2080318,5.07965553 61.0808143,5.07965553 L0,5.07965553 L0,5.07965553 Z" id="路径-4" fill="url(#linearGradient-11)"></path>
|
<path d="M0,5.07965553 L5.07965553,0 L64.7090785,-8.8817842e-15 C67.8916764,-1.22931327e-14 70.9439234,1.26428208 73.1943599,3.51471863 L104.538881,34.85924 C106.039172,36.359531 108.074004,37.2023858 110.195736,37.2023858 L170.93164,37.2023858 L170.93164,37.2023858 L176.824757,42.0955035 L107.225226,42.0955035 C105.140415,42.0955035 103.13796,41.2816494 101.644261,39.8272415 L69.4522629,8.48204842 C67.2117139,6.30043667 64.2080318,5.07965553 61.0808143,5.07965553 L0,5.07965553 L0,5.07965553 Z" id="路径-4" fill="url(#linearGradient01-11)"></path>
|
||||||
<g id="编组" transform="translate(178.9918, 36.9045)">
|
<g id="编组" transform="translate(178.9918, 36.9045)">
|
||||||
<g id="矩形">
|
<g id="矩形">
|
||||||
<use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
|
<use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
|
||||||
|
|
@ -317,7 +142,7 @@
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
<g id="编组-2" transform="translate(1122, 48.0955)">
|
<g id="编组-2" transform="translate(1122, 48.0955)">
|
||||||
<path d="M30.5867884,5.07965553 L35.6664439,0 L96.9527212,3.55271368e-15 C99.0744531,3.16295785e-15 101.109284,0.842854723 102.609575,2.34314575 L135.12567,34.85924 C136.625961,36.359531 138.660792,37.2023858 140.782524,37.2023858 L201.939846,37.2023858 L201.939846,37.2023858 L207.832964,42.0955035 L137.812015,42.0955035 C135.727203,42.0955035 133.724748,41.2816494 132.231049,39.8272415 L98.8742812,7.34791746 C97.3805819,5.89350962 95.3781272,5.07965553 93.2933155,5.07965553 L30.5867884,5.07965553 L30.5867884,5.07965553 Z" id="路径-4" fill="url(#linearGradient-16)" transform="translate(119.2099, 21.0478) scale(-1, 1) translate(-119.2099, -21.0478)"></path>
|
<path d="M30.5867884,5.07965553 L35.6664439,0 L96.9527212,3.55271368e-15 C99.0744531,3.16295785e-15 101.109284,0.842854723 102.609575,2.34314575 L135.12567,34.85924 C136.625961,36.359531 138.660792,37.2023858 140.782524,37.2023858 L201.939846,37.2023858 L201.939846,37.2023858 L207.832964,42.0955035 L137.812015,42.0955035 C135.727203,42.0955035 133.724748,41.2816494 132.231049,39.8272415 L98.8742812,7.34791746 C97.3805819,5.89350962 95.3781272,5.07965553 93.2933155,5.07965553 L30.5867884,5.07965553 L30.5867884,5.07965553 Z" id="路径-4" fill="url(#linearGradient01-16)" transform="translate(119.2099, 21.0478) scale(-1, 1) translate(-119.2099, -21.0478)"></path>
|
||||||
<g id="编组" transform="translate(14.4278, 37.6545) scale(-1, 1) translate(-14.4278, -37.6545)translate(0, 36.9045)">
|
<g id="编组" transform="translate(14.4278, 37.6545) scale(-1, 1) translate(-14.4278, -37.6545)translate(0, 36.9045)">
|
||||||
<g id="矩形">
|
<g id="矩形">
|
||||||
<use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
|
<use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
|
||||||
|
|
@ -352,7 +177,6 @@ const filterId = `border-box-04-filterId-${getUUID()}`
|
||||||
const { w, h } = toRefs(props.chartConfig.attr)
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
const {
|
const {
|
||||||
colors,
|
colors,
|
||||||
dur,
|
|
||||||
borderTitle,
|
borderTitle,
|
||||||
borderTitleColor,
|
borderTitleColor,
|
||||||
borderTitleSize,
|
borderTitleSize,
|
||||||
|
|
@ -363,7 +187,7 @@ const {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@include go('border-06') {
|
@include go('title-01') {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
|
||||||
|
|
@ -7,17 +7,17 @@ import cloneDeep from 'lodash/cloneDeep'
|
||||||
export const option = {
|
export const option = {
|
||||||
dur: 0.5,
|
dur: 0.5,
|
||||||
borderTitle: '电子沙盘',
|
borderTitle: '电子沙盘',
|
||||||
borderTitleWidth: 458,
|
borderTitleWidth: 456,
|
||||||
borderTitleHeight: 183,
|
borderTitleHeight: 190,
|
||||||
borderTitleSize: 18,
|
borderTitleSize: 18,
|
||||||
borderTitleColor: '#fff',
|
borderTitleColor: '#fff',
|
||||||
colors: ['#8aaafb', '#1f33a2'],
|
colors: ['#0E8A6D', '#02261C'],
|
||||||
backgroundColor: '#00000000'
|
backgroundColor: '#00000000'
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
public key = Titles02Config.key
|
public key = Titles02Config.key
|
||||||
public attr = { ...chartInitConfig, w: 458, h: 183, zIndex: 1 }
|
public attr = { ...chartInitConfig, w: 456, h: 190, zIndex: 1 }
|
||||||
public chartConfig = cloneDeep(Titles02Config)
|
public chartConfig = cloneDeep(Titles02Config)
|
||||||
public option = cloneDeep(option)
|
public option = cloneDeep(option)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,23 +1,23 @@
|
||||||
import { PublicConfigClass } from '@/packages/public'
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
import { chartInitConfig } from '@/settings/designSetting'
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
import { CreateComponentType } from '@/packages/index.d'
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
import { Titles02Config } from './index'
|
import { Titles03Config } from './index'
|
||||||
import cloneDeep from 'lodash/cloneDeep'
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
export const option = {
|
export const option = {
|
||||||
dur: 0.5,
|
dur: 0.5,
|
||||||
borderTitle: '数据中心',
|
borderTitle: '数据中心',
|
||||||
borderTitleWidth: 458,
|
borderTitleWidth: 456,
|
||||||
borderTitleHeight: 183,
|
borderTitleHeight: 190,
|
||||||
borderTitleSize: 18,
|
borderTitleSize: 18,
|
||||||
borderTitleColor: '#fff',
|
borderTitleColor: '#fff',
|
||||||
colors: ['#8aaafb', '#1f33a2'],
|
colors: ['#0E8A6D', '#02261C'],
|
||||||
backgroundColor: '#00000000'
|
backgroundColor: '#00000000'
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
public key = Titles03Config.key
|
public key = Titles03Config.key
|
||||||
public attr = { ...chartInitConfig, w: 458, h: 183, zIndex: 1 }
|
public attr = { ...chartInitConfig, w: 456, h: 190, zIndex: 1 }
|
||||||
public chartConfig = cloneDeep(Titles03Config)
|
public chartConfig = cloneDeep(Titles03Config)
|
||||||
public option = cloneDeep(option)
|
public option = cloneDeep(option)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles04Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dur: 0.5,
|
||||||
|
borderTitle: '图标',
|
||||||
|
borderTitleWidth: 125,
|
||||||
|
borderTitleHeight: 141,
|
||||||
|
borderTitleSize: 18,
|
||||||
|
borderTitleColor: '#fff',
|
||||||
|
colors: ['#8aaafb', '#1f33a2'],
|
||||||
|
backgroundColor: '#00000000'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles04Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 125, h: 141, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles04Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<CollapseItem name="边框" :expanded="true">
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles04Config: ConfigType = {
|
||||||
|
key: 'Titles04',
|
||||||
|
chartKey: 'VTitles04',
|
||||||
|
conKey: 'VCTitles04',
|
||||||
|
title: '图标-01',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'dzsp.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,514 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-04">
|
||||||
|
<svg :width="w" :height="h">
|
||||||
|
<title>电子沙盘 @2x</title>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="124" height="140"></rect>
|
||||||
|
<linearGradient x1="50.3709284%" y1="50.0988276%" x2="49.5795758%" y2="50%" id="linearGradient04-3">
|
||||||
|
<stop stop-color="#7ABF35" offset="0%"></stop>
|
||||||
|
<stop stop-color="#83C046" offset="42.1166717%"></stop>
|
||||||
|
<stop stop-color="#83AF45" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1462.8%" y="-36.2%" width="3025.6%" height="172.4%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient04-5">
|
||||||
|
<stop stop-color="#0F2414" offset="0%"></stop>
|
||||||
|
<stop stop-color="#122D18" offset="49.4998667%"></stop>
|
||||||
|
<stop stop-color="#0C1E10" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient04-6">
|
||||||
|
<stop stop-color="#274E31" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#112616" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient04-7">
|
||||||
|
<stop stop-color="#274E31" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D1E311" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-51.5%" y="-71.0%" width="202.9%" height="242.0%" filterUnits="objectBoundingBox" id="filter-8">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-9" points="0.481078183 5.20960983 3.2247382 6.67196586 3.2247382 10.5973443 0.481078183 9.10368269"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-10">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-11" points="15.3542731 11.7538156 18.0979332 13.2161716 18.0979332 17.1415501 15.3542731 15.6478885"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-12">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-13" points="22.4934067 15.0715584 25.2370667 16.5339144 25.2370667 20.4592929 22.4934067 18.9656312"></polygon>
|
||||||
|
<filter x="-255.1%" y="-92.8%" width="610.3%" height="359.8%" filterUnits="objectBoundingBox" id="filter-14">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.647058824 0 0 0 0 0.980392157 0 0 0 0 0.0156862745 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient04-15">
|
||||||
|
<stop stop-color="#E3FFE0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#34FF1F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-16" points="3.05258592 25.1836925 20.2668445 17.6926412 20.2668445 20.0945106 3.05258592 27.5634037"></polygon>
|
||||||
|
<filter x="-34.9%" y="-60.8%" width="169.7%" height="221.6%" filterUnits="objectBoundingBox" id="filter-17">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="97.6494632%" y1="0%" x2="9.83107636%" y2="100%" id="linearGradient04-18">
|
||||||
|
<stop stop-color="#71DD88" offset="0%"></stop>
|
||||||
|
<stop stop-color="#39E050" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="87.8859068%" y1="-4.01678446%" x2="68.7073904%" y2="78.148201%" id="linearGradient04-19">
|
||||||
|
<stop stop-color="#2F5931" offset="0%"></stop>
|
||||||
|
<stop stop-color="#09160D" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.9511376%" y1="28.704808%" x2="171.528591%" y2="171.554467%" id="linearGradient04-20">
|
||||||
|
<stop stop-color="#59F192" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.7247659%" y1="29.8397752%" x2="165.196661%" y2="160.286157%" id="linearGradient04-21">
|
||||||
|
<stop stop-color="#19A91E" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0E3112" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.1228576%" y1="28.1607792%" x2="217.257821%" y2="210.571279%" id="linearGradient04-22">
|
||||||
|
<stop stop-color="#2DDF59" offset="0%"></stop>
|
||||||
|
<stop stop-color="#59F192" stop-opacity="0.293515505" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="59.253267%" y1="59.1004853%" x2="27.3129577%" y2="28.4885818%" id="linearGradient04-23">
|
||||||
|
<stop stop-color="#0B210E" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#113F13" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1462.8%" y="-36.2%" width="3025.6%" height="172.4%" filterUnits="objectBoundingBox" id="filter-24">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-51.5%" y="-71.0%" width="202.9%" height="242.0%" filterUnits="objectBoundingBox" id="filter-25">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-26" points="0.481078183 5.20960983 3.2247382 6.67196586 3.2247382 10.5973443 0.481078183 9.10368269"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-27">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-28" points="15.3542731 11.7538156 18.0979332 13.2161716 18.0979332 17.1415501 15.3542731 15.6478885"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-29">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-30" points="22.4934067 15.0715584 25.2370667 16.5339144 25.2370667 20.4592929 22.4934067 18.9656312"></polygon>
|
||||||
|
<filter x="-255.1%" y="-92.8%" width="610.3%" height="359.8%" filterUnits="objectBoundingBox" id="filter-31">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.647058824 0 0 0 0 0.980392157 0 0 0 0 0.0156862745 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-32" points="3.05258592 25.1836925 20.2668445 17.6926412 20.2668445 20.0945106 3.05258592 27.5634037"></polygon>
|
||||||
|
<filter x="-34.9%" y="-60.8%" width="169.7%" height="221.6%" filterUnits="objectBoundingBox" id="filter-33">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="27.9511376%" y1="28.704808%" x2="171.528591%" y2="171.554467%" id="linearGradient04-34">
|
||||||
|
<stop stop-color="#59F192" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="46.7302467%" x2="0.678740355%" y2="47.6888792%" id="linearGradient04-35">
|
||||||
|
<stop stop-color="#101C09" offset="0%"></stop>
|
||||||
|
<stop stop-color="#122D18" offset="50.2202085%"></stop>
|
||||||
|
<stop stop-color="#39651B" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.0416767%" y1="45.797838%" x2="1.27140925%" y2="50%" id="linearGradient04-36">
|
||||||
|
<stop stop-color="#101C09" offset="0%"></stop>
|
||||||
|
<stop stop-color="#122D18" offset="50.5001333%"></stop>
|
||||||
|
<stop stop-color="#75F61E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="91.8291479%" y1="40.2757981%" x2="81.2330882%" y2="44.9709365%" id="linearGradient04-37">
|
||||||
|
<stop stop-color="#101C09" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5FCD14" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<path d="M37.6643699,43.8298667 L76.0084306,28.580679 C77.0348119,28.1724937 78.1977578,28.6736406 78.6059431,29.7000219 C78.781363,30.1411149 78.7941737,30.630222 78.6420846,31.0798932 L64.6798127,72.3611811 C63.9123564,74.6302664 62.1685176,76.4360644 59.9275983,77.2822432 L19.1813665,92.6681598 C18.148013,93.0583576 16.9939967,92.5369769 16.6037988,91.5036234 C16.4350786,91.0568046 16.4318283,90.5643582 16.5946359,90.1153513 L30.8175894,50.8898942 C31.986394,47.6664502 34.4782779,45.0969551 37.6643699,43.8298667 Z" id="path-38"></path>
|
||||||
|
<filter x="-58.0%" y="-42.5%" width="216.1%" height="211.8%" filterUnits="objectBoundingBox" id="filter-39">
|
||||||
|
<feMorphology radius="6.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="9" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.94006497 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="0.598870124%" y2="50.5988701%" id="linearGradient04-40">
|
||||||
|
<stop stop-color="#5DA61C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E3EF10" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-336.2%" y="0.0%" width="772.4%" height="100.0%" filterUnits="objectBoundingBox" id="filter-41">
|
||||||
|
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient04-42">
|
||||||
|
<stop stop-color="#D6E210" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5EA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.1592532%" y1="45.5925111%" x2="225.6828%" y2="83.2980444%" id="linearGradient04-43">
|
||||||
|
<stop stop-color="#DAEF2F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#B3DB15" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient04-44">
|
||||||
|
<stop stop-color="#A4E676" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D1F4AE" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="94.207837%" y1="50%" x2="0%" y2="50%" id="linearGradient04-45">
|
||||||
|
<stop stop-color="#1B300C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#275214" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="64.5986602%" y1="11.2460668%" x2="50%" y2="84.9178538%" id="linearGradient04-46">
|
||||||
|
<stop stop-color="#316511" offset="0%"></stop>
|
||||||
|
<stop stop-color="#224411" offset="98.6004596%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient04-47">
|
||||||
|
<stop stop-color="#2DDF59" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient04-48">
|
||||||
|
<stop stop-color="#459D1F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#469A21" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-336.2%" y="-74.7%" width="772.4%" height="249.4%" filterUnits="objectBoundingBox" id="filter-49">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="64.7354637%" y1="66.3772688%" x2="36.1831557%" y2="66.3772688%" id="linearGradient04-50">
|
||||||
|
<stop stop-color="#244A12" offset="0%"></stop>
|
||||||
|
<stop stop-color="#448B11" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="61.9627185%" y1="53.2936914%" x2="37.415704%" y2="52.7695379%" id="linearGradient04-51">
|
||||||
|
<stop stop-color="#1B300C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#244A12" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="154.464441%" y1="35.2073612%" x2="48.4162125%" y2="53.8289173%" id="linearGradient04-52">
|
||||||
|
<stop stop-color="#0E4D12" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2BD555" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="20.9962296%" y1="8.0783%" x2="64.1250163%" y2="71.0330114%" id="linearGradient04-53">
|
||||||
|
<stop stop-color="#53AC1D" offset="0%"></stop>
|
||||||
|
<stop stop-color="#224411" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient04-54">
|
||||||
|
<stop stop-color="#459D1F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#469A21" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-336.2%" y="-112.1%" width="772.4%" height="324.1%" filterUnits="objectBoundingBox" id="filter-55">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient04-56">
|
||||||
|
<stop stop-color="#43861F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#53B920" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="30.6365967%" y1="30.731045%" x2="52.1470019%" y2="51.5059457%" id="linearGradient04-57">
|
||||||
|
<stop stop-color="#44881F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#44881F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.31776183%" x2="50%" y2="99.7340062%" id="linearGradient04-58">
|
||||||
|
<stop stop-color="#5BFF20" offset="0%"></stop>
|
||||||
|
<stop stop-color="#8FF934" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="64.5986602%" y1="11.2460668%" x2="50%" y2="84.9178538%" id="linearGradient04-59">
|
||||||
|
<stop stop-color="#C8FE96" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EE36D" offset="55.1564092%"></stop>
|
||||||
|
<stop stop-color="#7CCD4C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient04-60">
|
||||||
|
<stop stop-color="#A3F433" offset="0%"></stop>
|
||||||
|
<stop stop-color="#6AE517" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient04-61">
|
||||||
|
<stop stop-color="#77FF1C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#6EFF1E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-144.1%" y="-144.1%" width="388.2%" height="388.2%" filterUnits="objectBoundingBox" id="filter-62">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient04-63">
|
||||||
|
<stop stop-color="#D2FF1C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#DAFF1E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-96.1%" y="-201.7%" width="292.1%" height="503.4%" filterUnits="objectBoundingBox" id="filter-64">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-96.1%" y="-201.7%" width="292.1%" height="503.4%" filterUnits="objectBoundingBox" id="filter-65">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="66.9335983%" y1="50%" x2="0%" y2="50%" id="linearGradient04-66">
|
||||||
|
<stop stop-color="#A4E676" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F6FFED" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="35.8749082%" x2="50%" y2="66.9918672%" id="linearGradient04-67">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E1FBCD" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="64.5986602%" y1="11.2460668%" x2="50%" y2="84.9178538%" id="linearGradient04-68">
|
||||||
|
<stop stop-color="#C9F699" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EE36D" offset="55.1564092%"></stop>
|
||||||
|
<stop stop-color="#AFEA86" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient04-69">
|
||||||
|
<stop stop-color="#CEF8B2" offset="0%"></stop>
|
||||||
|
<stop stop-color="#C9FBA2" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient04-70">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-336.2%" y="-112.1%" width="772.4%" height="324.1%" filterUnits="objectBoundingBox" id="filter-71">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient04-72">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient04-73">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient04-74">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient04-75">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-导航页-图标区" transform="translate(-169, -36)">
|
||||||
|
<g id="倒影-+-底座-+-icon蒙版" transform="translate(169.5604, 36.1985)">
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="蒙版"></g>
|
||||||
|
<g id="倒影" opacity="0.104379" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(2.4396, 35.2399)">
|
||||||
|
<path d="M45.8571488,55.6612329 L97.6537808,35.0620436 C98.6801621,34.6538583 99.8431081,35.1550052 100.251293,36.1813865 C100.427007,36.6232177 100.439557,37.113198 100.286694,37.5634453 L80.6563192,95.3831291 C80.46432,95.9486471 80.02964,96.3987715 79.4711671,96.61039 L22.394475,118.23809 C21.3615729,118.629481 20.2069552,118.109434 19.8155642,117.076531 C19.6460465,116.629165 19.6425057,116.135853 19.8055842,115.686099 L39.0103683,62.7212605 C40.1791728,59.4978165 42.6710568,56.9283214 45.8571488,55.6612329 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(60, 76.6214) rotate(226) translate(-60, -76.6214)"></path>
|
||||||
|
<line x1="59.4050427" y1="85.3501071" x2="59.4050427" y2="101.932324" id="竖线" stroke="url(#linearGradient04-3)" stroke-width="6" fill="none" filter="url(#filter-4)"></line>
|
||||||
|
<line x1="118.302895" y1="59.7682118" x2="118.302895" y2="76.350429" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M45.8571488,50.3068827 L97.6537808,29.7076934 C98.6801621,29.2995082 99.8431081,29.8006551 100.251293,30.8270363 C100.427007,31.2688675 100.439557,31.7588478 100.286694,32.2090952 L80.6563192,90.0287789 C80.46432,90.5942969 80.02964,91.0444213 79.4711671,91.2560398 L22.394475,112.88374 C21.3615729,113.275131 20.2069552,112.755083 19.8155642,111.722181 C19.6460465,111.274814 19.6425057,110.781503 19.8055842,110.331749 L39.0103683,57.3669103 C40.1791728,54.1434663 42.6710568,51.5739712 45.8571488,50.3068827 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(60, 71.2671) rotate(226) translate(-60, -71.2671)"></path>
|
||||||
|
<path d="M45.8571488,45.5474604 L97.6537808,24.9482711 C98.6801621,24.5400858 99.8431081,25.0412327 100.251293,26.067614 C100.427007,26.5094451 100.439557,26.9994254 100.286694,27.4496728 L80.6563192,85.2693565 C80.46432,85.8348745 80.02964,86.2849989 79.4711671,86.4966174 L22.394475,108.124318 C21.3615729,108.515709 20.2069552,107.995661 19.8155642,106.962759 C19.6460465,106.515392 19.6425057,106.02208 19.8055842,105.572326 L39.0103683,52.6074879 C40.1791728,49.3840439 42.6710568,46.8145488 45.8571488,45.5474604 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(60, 66.5077) rotate(226) translate(-60, -66.5077)"></path>
|
||||||
|
<path d="M1.1898556,60.0877076 L54.8139649,84.8524537 C58.006522,86.326844 61.6839338,86.3326228 64.881109,84.8682736 L118.98556,60.0877076 L118.98556,60.0877076 L118.98556,75.0911236 L62.6752233,101.123613 C60.8803282,101.934195 58.8238302,101.935275 57.0280845,101.12658 L57.028098,101.126586 L57.028098,101.126586 L1.1898556,75.556167 L1.1898556,60.0877076 Z" id="路径-14" stroke="none" fill="url(#linearGradient04-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient04-6)" fill-rule="evenodd" points="1.7847834 60.6826354 60.0877076 88.0493142 60.0877076 102.922509 1.7847834 75.5558304"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient04-7)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-8)" points="1.7847834 60.6826354 60.0877076 86.8594586 60.0877076 102.922509 1.7847834 75.5558304"></polygon>
|
||||||
|
<line x1="1.39958235" y1="59.7682118" x2="1.39958235" y2="76.350429" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(4.8733, 63.2071)">
|
||||||
|
<polyline id="路径-3" stroke="#6FB53B" points="2.7370236 -8.45399917e-15 2.7370236 3.56242597 22.1284368 12.2796563 22.8684812 15.4657317"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#6FB53B" points="23.838356 9.41653706 24.8777319 13.7438965 33.2768517 17.7225019 37.4558372 15.4354924"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#6FB53B" points="0 14.2516326 2.23745221 12.8939349 31.6046843 26.4577738 31.6046843 28.6788586"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-9"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-11"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
|
||||||
|
<use fill="#A5FA04" fill-rule="evenodd" xlink:href="#path-13"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(68.3387, 63.8037)">
|
||||||
|
<polyline id="路径-10" stroke="#6FB53B" points="0 19.4910862 2.61601035 22.4117735 23.5851224 12.7899947 24.0247297 10.6998999 41.1332186 2.6859122 41.1332186 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#6FB53B" points="1.13321297 34.3981291 1.13321297 31.892758 26.3344402 20.3959275 26.9841422 18.287569"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#6FB53B" points="29.312311 18.9330212 36.825121 15.306722 39.8519364 16.7283804"></polyline>
|
||||||
|
<line x1="41.1332186" y1="11.6011371" x2="41.1332186" y2="16.4965776" id="路径-13" stroke="#6FB53B"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-17)" xlink:href="#path-16"></use>
|
||||||
|
<use fill="url(#linearGradient04-15)" fill-rule="evenodd" xlink:href="#path-16"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0E320F" points="20.9004199 17.4496311 38.1490206 9.67646782 38.1490206 12.056179 20.9004199 19.8293423"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M20.7856632,118.259018 C20.171161,118.491867 19.4842468,118.182476 19.2513974,117.567974 C19.1505466,117.301823 19.1484401,117.008338 19.24546,116.740767 L39.7961711,60.0639993 C40.4915255,58.1462828 41.9740165,56.6176188 43.8695112,55.8637926 L99.3259317,33.8091288 C99.9365545,33.5662881 100.628423,33.8644343 100.871264,34.4750571" id="形状" stroke="url(#linearGradient04-18)" stroke-width="3" fill="none" transform="translate(60.0227, 76.0306) rotate(226) translate(-60.0227, -76.0306)"></path>
|
||||||
|
<path d="M45.8571488,39.0032546 L97.6537808,18.4040653 C98.6801621,17.99588 99.8431081,18.4970269 100.251293,19.5234082 C100.427007,19.9652393 100.439557,20.4552196 100.286694,20.905467 L80.6563192,78.7251507 C80.46432,79.2906687 80.02964,79.7407931 79.4711671,79.9524116 L22.394475,101.580112 C21.3615729,101.971503 20.2069552,101.451455 19.8155642,100.418553 C19.6460465,99.9711863 19.6425057,99.4778745 19.8055842,99.0281206 L39.0103683,46.0632821 C40.1791728,42.8398381 42.6710568,40.270343 45.8571488,39.0032546 Z" id="面" stroke="none" fill="url(#linearGradient04-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(60, 59.9634) rotate(226) translate(-60, -59.9634)"></path>
|
||||||
|
<path d="M45.8571488,39.0032546 L97.6537808,18.4040653 C98.6801621,17.99588 99.8431081,18.4970269 100.251293,19.5234082 C100.427007,19.9652393 100.439557,20.4552196 100.286694,20.905467 L80.6563192,78.7251507 C80.46432,79.2906687 80.02964,79.7407931 79.4711671,79.9524116 L22.394475,101.580112 C21.3615729,101.971503 20.2069552,101.451455 19.8155642,100.418553 C19.6460465,99.9711863 19.6425057,99.4778745 19.8055842,99.0281206 L39.0103683,46.0632821 C40.1791728,42.8398381 42.6710568,40.270343 45.8571488,39.0032546 Z" id="线" stroke="url(#linearGradient04-20)" stroke-width="1" fill="none" transform="translate(60, 59.9634) rotate(226) translate(-60, -59.9634)"></path>
|
||||||
|
<path d="M48.4301082,41.9216221 L91.1095751,24.9482711 C92.1359564,24.5400858 93.2989024,25.0412327 93.7070877,26.067614 C93.8828011,26.5094451 93.8953515,26.9994254 93.7424879,27.4496728 L77.3084197,75.8548945 C77.1164205,76.4204125 76.6817405,76.8705369 76.1232676,77.0821554 L28.343753,95.1869366 C27.3108508,95.5783275 26.1562332,95.0582799 25.7648422,94.0253777 C25.5953245,93.578011 25.5917837,93.0846992 25.7548622,92.6349453 L41.5833276,48.9816497 C42.7521322,45.7582056 45.2440161,43.1887105 48.4301082,41.9216221 Z" id="面" stroke="none" fill="url(#linearGradient04-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(59.7025, 60.039) rotate(226) translate(-59.7025, -60.039)"></path>
|
||||||
|
<path d="M48.4301082,41.9216221 L91.1095751,24.9482711 C92.1359564,24.5400858 93.2989024,25.0412327 93.7070877,26.067614 C93.8828011,26.5094451 93.8953515,26.9994254 93.7424879,27.4496728 L77.3084197,75.8548945 C77.1164205,76.4204125 76.6817405,76.8705369 76.1232676,77.0821554 L28.343753,95.1869366 C27.3108508,95.5783275 26.1562332,95.0582799 25.7648422,94.0253777 C25.5953245,93.578011 25.5917837,93.0846992 25.7548622,92.6349453 L41.5833276,48.9816497 C42.7521322,45.7582056 45.2440161,43.1887105 48.4301082,41.9216221 Z" id="线" stroke="url(#linearGradient04-22)" stroke-width="1.5" fill="none" transform="translate(59.7025, 60.039) rotate(226) translate(-59.7025, -60.039)"></path>
|
||||||
|
<path d="M51.0667228,45.8305634 L82.4266317,33.4104791 C83.253617,33.0829518 84.1895344,33.4878425 84.5170617,34.3148278 C84.6580219,34.6707431 84.6675968,35.0652303 84.5440698,35.4275652 L72.3684598,71.1416068 C72.2132531,71.596866 71.8626912,71.9589283 71.4126772,72.1287443 L36.0032251,85.4907576 C35.1710236,85.8047949 34.2418134,85.3847397 33.9277761,84.5525382 C33.7917694,84.1921194 33.7894545,83.7948889 33.9212512,83.4329094 L45.5448125,51.5088156 C46.4895764,48.9140228 48.4993116,46.847386 51.0667228,45.8305634 Z" id="面" stroke="none" fill="url(#linearGradient04-23)" fill-rule="evenodd" opacity="0.922354562" transform="translate(59.1953, 59.4277) rotate(226) translate(-59.1953, -59.4277)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="16.6579784" cy="60.0877076" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1B7C2D" fill-rule="evenodd" cx="49.9739351" cy="66.0369856" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1F9F37" fill-rule="evenodd" cx="83.2898918" cy="57.7079965" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="底座" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(1, 13)">
|
||||||
|
<path d="M47.2967052,57.0643821 L99.0933372,36.4651928 C100.119719,36.0570075 101.282665,36.5581544 101.69085,37.5845357 C101.866563,38.0263669 101.879114,38.5163472 101.72625,38.9665945 L82.0958756,96.7862783 C81.9038765,97.3517963 81.4691964,97.8019207 80.9107236,98.0135391 L23.8340315,119.641239 C22.8011293,120.03263 21.6465116,119.512583 21.2551207,118.479681 C21.0856029,118.032314 21.0820621,117.539002 21.2451406,117.089248 L40.4499247,64.1244097 C41.6187293,60.9009657 44.1106132,58.3314706 47.2967052,57.0643821 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(61.4396, 78.0246) rotate(226) translate(-61.4396, -78.0246)"></path>
|
||||||
|
<line x1="60.8445991" y1="86.7532563" x2="60.8445991" y2="103.335474" id="竖线" stroke="url(#linearGradient04-3)" stroke-width="6" fill="none" filter="url(#filter-24)"></line>
|
||||||
|
<line x1="119.742451" y1="61.171361" x2="119.742451" y2="77.7535782" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M47.2967052,51.7100319 L99.0933372,31.1108426 C100.119719,30.7026574 101.282665,31.2038042 101.69085,32.2301855 C101.866563,32.6720167 101.879114,33.161997 101.72625,33.6122444 L82.0958756,91.4319281 C81.9038765,91.9974461 81.4691964,92.4475705 80.9107236,92.659189 L23.8340315,114.286889 C22.8011293,114.67828 21.6465116,114.158233 21.2551207,113.12533 C21.0856029,112.677964 21.0820621,112.184652 21.2451406,111.734898 L40.4499247,58.7700595 C41.6187293,55.5466155 44.1106132,52.9771204 47.2967052,51.7100319 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.4396, 72.6702) rotate(226) translate(-61.4396, -72.6702)"></path>
|
||||||
|
<path d="M47.2967052,46.9506096 L99.0933372,26.3514202 C100.119719,25.943235 101.282665,26.4443819 101.69085,27.4707632 C101.866563,27.9125943 101.879114,28.4025746 101.72625,28.852822 L82.0958756,86.6725057 C81.9038765,87.2380237 81.4691964,87.6881481 80.9107236,87.8997666 L23.8340315,109.527467 C22.8011293,109.918858 21.6465116,109.39881 21.2551207,108.365908 C21.0856029,107.918541 21.0820621,107.425229 21.2451406,106.975476 L40.4499247,54.0106371 C41.6187293,50.7871931 44.1106132,48.217698 47.2967052,46.9506096 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.4396, 67.9108) rotate(226) translate(-61.4396, -67.9108)"></path>
|
||||||
|
<path d="M2.62941204,61.4908568 L56.2535213,86.2556029 C59.4460785,87.7299932 63.1234903,87.735772 66.3206655,86.2714228 L120.425116,61.4908568 L120.425116,61.4908568 L120.425116,76.4942728 L64.1147797,102.526762 C62.3198847,103.337344 60.2633866,103.338424 58.4676409,102.529729 L58.4676544,102.529735 L58.4676544,102.529735 L2.62941204,76.9593162 L2.62941204,61.4908568 Z" id="路径-14" stroke="none" fill="url(#linearGradient04-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient04-6)" fill-rule="evenodd" points="3.22433984 62.0857846 61.5272641 89.4524634 61.5272641 104.325658 3.22433984 76.9589796"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient04-7)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-25)" points="3.22433984 62.0857846 61.5272641 88.2626078 61.5272641 104.325658 3.22433984 76.9589796"></polygon>
|
||||||
|
<line x1="2.83913879" y1="61.171361" x2="2.83913879" y2="77.7535782" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(6.3128, 64.6102)">
|
||||||
|
<polyline id="路径-3" stroke="#6FB53B" points="2.7370236 -8.45399917e-15 2.7370236 3.56242597 22.1284368 12.2796563 22.8684812 15.4657317"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#6FB53B" points="23.838356 9.41653706 24.8777319 13.7438965 33.2768517 17.7225019 37.4558372 15.4354924"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#6FB53B" points="0 14.2516326 2.23745221 12.8939349 31.6046843 26.4577738 31.6046843 28.6788586"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-27)" xlink:href="#path-26"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-26"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-29)" xlink:href="#path-28"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-28"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-31)" xlink:href="#path-30"></use>
|
||||||
|
<use fill="#A5FA04" fill-rule="evenodd" xlink:href="#path-30"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(69.7783, 65.2068)">
|
||||||
|
<polyline id="路径-10" stroke="#6FB53B" points="0 19.4910862 2.61601035 22.4117735 23.5851224 12.7899947 24.0247297 10.6998999 41.1332186 2.6859122 41.1332186 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#6FB53B" points="1.13321297 34.3981291 1.13321297 31.892758 26.3344402 20.3959275 26.9841422 18.287569"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#6FB53B" points="29.312311 18.9330212 36.825121 15.306722 39.8519364 16.7283804"></polyline>
|
||||||
|
<line x1="41.1332186" y1="11.6011371" x2="41.1332186" y2="16.4965776" id="路径-13" stroke="#6FB53B"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-33)" xlink:href="#path-32"></use>
|
||||||
|
<use fill="url(#linearGradient04-15)" fill-rule="evenodd" xlink:href="#path-32"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0E320F" points="20.9004199 17.4496311 38.1490206 9.67646782 38.1490206 12.056179 20.9004199 19.8293423"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M22.2252196,119.662167 C21.6107174,119.895016 20.9238032,119.585626 20.6909539,118.971123 C20.5901031,118.704973 20.5879965,118.411488 20.6850165,118.143917 L41.2357276,61.4671485 C41.9310819,59.549432 43.4135729,58.020768 45.3090676,57.2669418 L100.765488,35.212278 C101.376111,34.9694373 102.06798,35.2675835 102.310821,35.8782063" id="形状" stroke="url(#linearGradient04-18)" stroke-width="3" fill="none" transform="translate(61.4623, 77.4337) rotate(226) translate(-61.4623, -77.4337)"></path>
|
||||||
|
<path d="M47.2967052,40.4064038 L99.0933372,19.8072145 C100.119719,19.3990292 101.282665,19.9001761 101.69085,20.9265574 C101.866563,21.3683885 101.879114,21.8583688 101.72625,22.3086162 L82.0958756,80.1282999 C81.9038765,80.6938179 81.4691964,81.1439423 80.9107236,81.3555608 L23.8340315,102.983261 C22.8011293,103.374652 21.6465116,102.854604 21.2551207,101.821702 C21.0856029,101.374335 21.0820621,100.881024 21.2451406,100.43127 L40.4499247,47.4664313 C41.6187293,44.2429873 44.1106132,41.6734922 47.2967052,40.4064038 Z" id="面" stroke="none" fill="url(#linearGradient04-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(61.4396, 61.3666) rotate(226) translate(-61.4396, -61.3666)"></path>
|
||||||
|
<path d="M46.8371978,39.9868403 L100.093337,18.8072145 C101.119718,18.3990292 102.282664,18.9001761 102.690849,19.9265574 C102.866563,20.3683885 102.879113,20.8583688 102.72625,21.3086162 L82.5841995,80.6353992 C82.3922004,81.2009172 81.9575203,81.6510415 81.3990475,81.86266 L22.8340315,104.054321 C21.8011293,104.445712 20.6465116,103.925665 20.2551207,102.892762 C20.0856029,102.445396 20.0820621,101.952084 20.2451406,101.50233 L39.9904173,47.0468679 C41.1592219,43.8234239 43.6511058,41.2539288 46.8371978,39.9868403 Z" id="线" stroke="url(#linearGradient04-34)" stroke-width="1" fill="none" transform="translate(61.4396, 61.4021) rotate(226) translate(-61.4396, -61.4021)"></path>
|
||||||
|
<path d="M49.8696646,43.3247713 L92.5491315,26.3514202 C93.5755128,25.943235 94.7384588,26.4443819 95.1466441,27.4707632 C95.3223575,27.9125943 95.3349079,28.4025746 95.1820444,28.852822 L78.7479761,77.2580437 C78.555977,77.8235617 78.1212969,78.2736861 77.5628241,78.4853046 L29.7833095,96.5900858 C28.7504073,96.9814767 27.5957896,96.4614291 27.2043987,95.4285269 C27.0348809,94.9811602 27.0313401,94.4878484 27.1944186,94.0380945 L43.0228841,50.3847989 C44.1916887,47.1613548 46.6835726,44.5918597 49.8696646,43.3247713 Z" id="面" stroke="none" fill="url(#linearGradient04-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(61.1421, 61.4421) rotate(226) translate(-61.1421, -61.4421)"></path>
|
||||||
|
<path d="M49.8696646,43.3247713 L92.5491315,26.3514202 C93.5755128,25.943235 94.7384588,26.4443819 95.1466441,27.4707632 C95.3223575,27.9125943 95.3349079,28.4025746 95.1820444,28.852822 L78.7479761,77.2580437 C78.555977,77.8235617 78.1212969,78.2736861 77.5628241,78.4853046 L29.7833095,96.5900858 C28.7504073,96.9814767 27.5957896,96.4614291 27.2043987,95.4285269 C27.0348809,94.9811602 27.0313401,94.4878484 27.1944186,94.0380945 L43.0228841,50.3847989 C44.1916887,47.1613548 46.6835726,44.5918597 49.8696646,43.3247713 Z" id="线" stroke="url(#linearGradient04-22)" stroke-width="1.5" fill="none" transform="translate(61.1421, 61.4421) rotate(226) translate(-61.1421, -61.4421)"></path>
|
||||||
|
<path d="M52.5062793,47.2337126 L83.8661881,34.8136283 C84.6931734,34.486101 85.6290908,34.8909917 85.9566182,35.717977 C86.0975783,36.0738923 86.1071532,36.4683795 85.9836262,36.8307144 L73.8080163,72.544756 C73.6528096,73.0000152 73.3022477,73.3620775 72.8522337,73.5318935 L37.4427816,86.8939068 C36.61058,87.2079441 35.6813698,86.7878889 35.3673325,85.9556874 C35.2313259,85.5952686 35.2290109,85.1980381 35.3608077,84.8360586 L46.9843689,52.9119648 C47.9291329,50.317172 49.9388681,48.2505352 52.5062793,47.2337126 Z" id="面" stroke="none" fill="url(#linearGradient04-23)" fill-rule="evenodd" opacity="0.922354562" transform="translate(60.6349, 60.8309) rotate(226) translate(-60.6349, -60.8309)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="18.0975348" cy="61.4908568" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1B7C2D" fill-rule="evenodd" cx="51.4134915" cy="67.4401348" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1F9F37" fill-rule="evenodd" cx="84.7294482" cy="59.1111456" rx="1.1898556" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="icon" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(12, -7)">
|
||||||
|
<g id="编组-8" transform="translate(3.3199, 5.4228)">
|
||||||
|
<path d="M2.74058852,48.8493469 L42.8099348,67.3542171 C45.9609326,68.8094145 49.5864657,68.8348442 52.7575662,67.4239905 L93.1696139,49.4442747 L93.1696139,49.4442747 L93.1696139,60.9620486 L49.9414768,80.3516582 C48.5635776,80.9739227 46.9848518,80.9747521 45.6062996,80.3539357 L45.6063099,80.3539404 L45.6063099,80.3539404 L2.74058852,60.7241238 L2.74058852,48.8493469 Z" id="路径-14备份" fill="url(#linearGradient04-35)" fill-rule="nonzero" opacity="0.740493048"></path>
|
||||||
|
<path d="M2.74058852,48.8493469 L45.1864665,67.7736361 C46.833238,68.5078412 48.7147509,68.5060189 50.3600972,67.7686254 L50.3600972,67.7686254 L50.3600972,67.7686254 L92.5746861,48.8493469 L92.5746861,60.3671208 L49.9414768,80.3516582 C48.5635776,80.9739227 46.9848518,80.9747521 45.6062996,80.3539357 L45.6063099,80.3539404 L45.6063099,80.3539404 L2.74058852,60.7241238 L2.74058852,48.8493469 Z" id="路径-14备份" fill="url(#linearGradient04-36)" fill-rule="nonzero" opacity="0.788856143"></path>
|
||||||
|
<path d="M2.14566072,48.8493469 L42.1430731,67.3209965 C45.3356302,68.7953868 49.013042,68.8011656 52.2102172,67.3368164 L92.5746861,48.8493469 L92.5746861,48.8493469 L92.5746861,60.3671208 L49.346549,80.3516582 C47.9686498,80.9739227 46.389924,80.9747521 45.0113718,80.3539357 L45.0113822,80.3539404 L45.0113822,80.3539404 L2.14566072,60.7241238 L2.14566072,48.8493469 Z" id="路径-14备份" fill="url(#linearGradient04-37)" fill-rule="nonzero" opacity="0.814274379"></path>
|
||||||
|
<g id="面" opacity="0.414567493" transform="translate(47.5699, 60.5935) rotate(226) translate(-47.5699, -60.5935)">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-39)" xlink:href="#path-38"></use>
|
||||||
|
<use fill="#1D3410" fill-rule="evenodd" xlink:href="#path-38"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-40)" opacity="0.31166004" filter="url(#filter-41)" x="45.4642137" y="68.0350628" width="3.56956679" height="12.4934838"></rect>
|
||||||
|
<path d="M37.7997905,30.9168197 L77.6033586,15.0871952 C78.6297399,14.6790099 79.7926858,15.1801568 80.2008711,16.2065381 C80.376291,16.6476312 80.3891017,17.1367383 80.2370126,17.5864094 L65.7645276,60.3762095 C64.9970712,62.6452948 63.2532324,64.4510928 61.0123131,65.2972716 L18.7762943,81.2457368 C17.7429408,81.6359347 16.5889245,81.114554 16.1987266,80.0812005 C16.0300064,79.6343817 16.0267561,79.1419353 16.1895637,78.6929283 L30.95301,37.9768472 C32.1218146,34.7534032 34.6136985,32.1839081 37.7997905,30.9168197 Z" id="面" fill="#1D3410" transform="translate(48.1649, 48.1355) rotate(226) translate(-48.1649, -48.1355)"></path>
|
||||||
|
<path d="M42.3921825,78.7689833 L4.78681218,61.7795503 C3.78020391,61.3247827 3.33284865,60.1401035 3.78761625,59.1334952 C3.98305514,58.7008998 4.32599032,58.3519222 4.75510658,58.148958 L44.149389,39.5161837 C46.3147524,38.4920065 48.825107,38.4920065 50.9904704,39.5161837 L90.3628835,58.1386143 C91.361396,58.6108924 91.7879932,59.8032037 91.3157151,60.8017162 C91.1115036,61.2334698 90.7595251,61.5778899 90.3234408,61.7726823 L52.2269147,78.7898379 C49.0962432,80.1882626 45.5168951,80.1806726 42.3921825,78.7689833 Z" id="线-2" stroke="#718910" opacity="0.307854789"></path>
|
||||||
|
<path d="M2.5026174,48.0559859 L2.5026174,59.4037877 C2.5026174,60.1878254 2.96073507,60.8995531 3.67438508,61.2242358 L43.6987445,79.433746 C46.3456512,80.6379845 49.3856564,80.6303872 52.026511,79.4129339 L91.4744805,61.2271311 C92.1832123,60.9004005 92.6371596,60.1912643 92.6371596,59.4108454 L92.6371596,48.1398135 L92.6371596,48.1398135" id="路径-20" stroke="url(#linearGradient04-42)" stroke-width="0.8"></path>
|
||||||
|
<path d="M42.4776926,66.9601385 L3.82855823,49.8876683 C2.81817446,49.4413518 2.3609076,48.2604629 2.80722411,47.2500792 C3.00376335,46.8051481 3.35571134,46.4470904 3.79719418,46.2429233 L44.2122127,27.5526916 C46.3424731,26.5675365 48.7978848,26.5675365 50.9281453,27.5526916 L91.3207138,46.2325411 C92.3232671,46.6961795 92.760144,47.8847627 92.2965056,48.8873161 C92.0911304,49.3314113 91.730086,49.6848153 91.2817002,49.8806461 L52.1293254,66.9802983 C49.0510886,68.3247066 45.5502862,68.3173943 42.4776926,66.9601385 Z" id="线-3" stroke="url(#linearGradient04-43)"></path>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形" transform="translate(34.5016, 9.6388)">
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient04-44)" fill-rule="nonzero" opacity="0.793249221" points="34.4469275 18.1714979 34.4469275 29.9101991 17.606606 37.2108126 0.859645526 29.4944365 0.859645526 18.1714979 17.1661344 25.5039006"></polygon>
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient04-45)" fill-rule="nonzero" points="34.4469275 18.1714979 34.4469275 29.9101991 17.606606 37.2108126 0.859645526 29.4944365 0.859645526 18.1714979 17.5018946 25.4073522"></polygon>
|
||||||
|
<path d="M13.656295,11.3657835 L27.827372,5.73003679 C28.3405626,5.52594415 28.9220356,5.77651759 29.1261283,6.28970824 C29.2138382,6.51025476 29.2202436,6.75480832 29.144199,6.97964389 L24.2031423,21.588526 C23.8194141,22.7230687 22.9474947,23.6259677 21.8270351,24.0490571 L7.41080887,29.4926735 C6.89413212,29.6877724 6.31712395,29.427082 6.12202504,28.9104053 C6.03766489,28.6869959 6.03603977,28.4407727 6.11744359,28.2162692 L11.3740348,13.719126 C11.7636364,12.6446447 12.5942643,11.7881463 13.656295,11.3657835 Z" id="面-上" stroke="url(#linearGradient04-47)" stroke-width="0.5" fill="url(#linearGradient04-46)" transform="translate(17.6066, 17.5959) rotate(226) translate(-17.6066, -17.5959)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-48)" filter="url(#filter-49)" x="15.4723302" y="19.1995267" width="3.56956679" height="16.0630506"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形" transform="translate(53.5393, 28.0815)">
|
||||||
|
<path d="M34.4469275,17.5765701 L34.4469275,23.3659933 L19.2473487,29.9553123 C18.2033141,30.407922 17.0159242,30.3944426 15.9824335,29.9182486 L0.859645526,22.9502307 L0.859645526,22.9502307 L0.859645526,18.1714979 L17.606606,25.4417349 L34.4469275,17.5765701 Z" id="路径-17" fill="url(#linearGradient04-50)" fill-rule="nonzero"></path>
|
||||||
|
<path d="M34.4469275,17.5765701 L34.4469275,23.3659933 L19.2473487,29.9553123 C18.2033141,30.407922 17.0159242,30.3944426 15.9824335,29.9182486 L0.859645526,22.9502307 L0.859645526,22.9502307 L0.859645526,18.1714979 L17.606606,25.4417349 L34.4469275,17.5765701 Z" id="路径-17" fill="url(#linearGradient04-51)" fill-rule="nonzero"></path>
|
||||||
|
<path d="M0.799547059,16.406025 L0.799547059,22.9502307 L16.7954941,30.294213 C17.3117014,30.5312117 17.904333,30.5375363 18.4254807,30.3116084 L34.4469275,23.3659933 L34.4469275,23.3659933 L34.4469275,17.5958806" id="路径-18" stroke="url(#linearGradient04-52)" stroke-width="0.5" opacity="0.469401768"></path>
|
||||||
|
<path d="M13.656295,11.3657835 L27.827372,5.73003679 C28.3405626,5.52594415 28.9220356,5.77651759 29.1261283,6.28970824 C29.2138382,6.51025476 29.2202436,6.75480832 29.144199,6.97964389 L24.2031423,21.588526 C23.8194141,22.7230687 22.9474947,23.6259677 21.8270351,24.0490571 L7.41080887,29.4926735 C6.89413212,29.6877724 6.31712395,29.427082 6.12202504,28.9104053 C6.03766489,28.6869959 6.03603977,28.4407727 6.11744359,28.2162692 L11.3740348,13.719126 C11.7636364,12.6446447 12.5942643,11.7881463 13.656295,11.3657835 Z" id="面-上" stroke="url(#linearGradient04-47)" stroke-width="0.5" fill="url(#linearGradient04-53)" transform="translate(17.6066, 17.5959) rotate(226) translate(-17.6066, -17.5959)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-54)" filter="url(#filter-55)" x="15.4723302" y="18.6045989" width="3.56956679" height="10.7087004"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="小方形柱" transform="translate(10.1312, -0)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient04-56)" x="1.76731122" y="18.7245212" width="33.9108845" height="31.5311733"></rect>
|
||||||
|
<path d="M14.3903203,43.1895381 L28.995548,37.3811325 C29.5087387,37.1770398 30.0902116,37.4276133 30.2943043,37.9408039 C30.3820142,38.1613504 30.3884196,38.405904 30.3123751,38.6307396 L25.2195484,53.6883496 C24.8358202,54.8228923 23.9639008,55.7257913 22.8434411,56.1488807 L7.98405708,61.7598349 C7.46738033,61.9549338 6.89037216,61.6942435 6.69527325,61.1775667 C6.61091311,60.9541574 6.60928798,60.7079341 6.6906918,60.4834307 L12.1080601,45.5428806 C12.4976616,44.4683993 13.3282896,43.6119009 14.3903203,43.1895381 Z" id="面-下" fill="url(#linearGradient04-57)" opacity="0.890448434" transform="translate(18.4773, 49.555) rotate(226) translate(-18.4773, -49.555)"></path>
|
||||||
|
<rect id="矩形" fill="#70FF08" x="1.34305254" y="18.1295934" width="1" height="31.5311733"></rect>
|
||||||
|
<rect id="矩形" fill="#469C1C" x="35.0832679" y="18.1295934" width="1" height="32.1261011"></rect>
|
||||||
|
<g id="小方盒" transform="translate(3.6582, 26.4089)">
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 15.0281) rotate(226) translate(-15.088, -15.0281)" points="10.2880595 10.2743355 25.5337701 4.21121394 20.2041895 19.9688179 4.64218435 25.8450842"></polygon>
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 18.5977) rotate(226) translate(-15.088, -18.5977)" points="10.2880595 13.8439023 25.5337701 7.78078073 20.2041895 23.5383846 4.64218435 29.414651"></polygon>
|
||||||
|
<path d="M30.1966968,15.0690338 L30.1966968,18.5977159 L15.8401461,25.0202739 L15.4951966,25.1715947 C15.2428413,25.2822967 14.9559885,25.2839554 14.7023699,25.1761792 L14.3553177,25.028698 L14.3553177,25.028698 L0,18.5977159 L0,15.0281491 L15.075991,21.6398786 L30.1966968,15.0690338 Z" id="路径-15" fill="url(#linearGradient04-58)" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
<g id="小方盒" opacity="0.698884" transform="translate(3.6582, 18.6749)">
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 15.0281) rotate(226) translate(-15.088, -15.0281)" points="10.2880595 10.2743355 25.5337701 4.21121394 20.2041895 19.9688179 4.64218435 25.8450842"></polygon>
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 18.5977) rotate(226) translate(-15.088, -18.5977)" points="10.2880595 13.8439023 25.5337701 7.78078073 20.2041895 23.5383846 4.64218435 29.414651"></polygon>
|
||||||
|
<path d="M30.1966968,15.0690338 L30.1966968,18.5977159 L15.8401461,25.0202739 L15.4951966,25.1715947 C15.2428413,25.2822967 14.9559885,25.2839554 14.7023699,25.1761792 L14.3553177,25.028698 L14.3553177,25.028698 L0,18.5977159 L0,15.0281491 L15.075991,21.6398786 L30.1966968,15.0690338 Z" id="路径-15" fill="url(#linearGradient04-58)" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
<g id="小方盒" opacity="0.777380807" transform="translate(3.6582, 10.3459)">
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 15.0281) rotate(226) translate(-15.088, -15.0281)" points="10.2880595 10.2743355 25.5337701 4.21121394 20.2041895 19.9688179 4.64218435 25.8450842"></polygon>
|
||||||
|
<polygon id="面" stroke="#6BFD26" stroke-width="0.2" fill="#61E724" opacity="0.876158215" transform="translate(15.088, 18.5977) rotate(226) translate(-15.088, -18.5977)" points="10.2880595 13.8439023 25.5337701 7.78078073 20.2041895 23.5383846 4.64218435 29.414651"></polygon>
|
||||||
|
<path d="M30.1966968,15.0690338 L30.1966968,18.5977159 L15.8401461,25.0202739 L15.4951966,25.1715947 C15.2428413,25.2822967 14.9559885,25.2839554 14.7023699,25.1761792 L14.3553177,25.028698 L14.3553177,25.028698 L0,18.5977159 L0,15.0281491 L15.075991,21.6398786 L30.1966968,15.0690338 Z" id="路径-15" fill="url(#linearGradient04-58)" fill-rule="nonzero"></path>
|
||||||
|
</g>
|
||||||
|
<path d="M14.3903203,11.6583648 L28.995548,5.84995914 C29.5087387,5.64586651 30.0902116,5.89643995 30.2943043,6.4096306 C30.3820142,6.63017712 30.3884196,6.87473068 30.3123751,7.09956625 L25.2195484,22.1571763 C24.8358202,23.291719 23.9639008,24.1946179 22.8434411,24.6177073 L7.98405708,30.2286616 C7.46738033,30.4237605 6.89037216,30.1630702 6.69527325,29.6463934 C6.61091311,29.422984 6.60928798,29.1767608 6.6906918,28.9522574 L12.1080601,14.0117073 C12.4976616,12.937226 13.3282896,12.0807276 14.3903203,11.6583648 Z" id="面-上" stroke="url(#linearGradient04-60)" fill="url(#linearGradient04-59)" opacity="0.890448434" transform="translate(18.4773, 18.0238) rotate(226) translate(-18.4773, -18.0238)"></path>
|
||||||
|
<path d="M1.38449968,49.6607667 L17.13201,56.899172 C17.9139761,57.2586057 18.8126488,57.2649014 19.5995739,56.9164584 L35.0832679,50.0604256 L35.0832679,50.0604256" id="路径-16" stroke="#70FF08"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-61)" filter="url(#filter-62)" x="14.260795" y="24.0788714" width="8.32898918" height="8.32898918"></rect>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-63)" filter="url(#filter-64)" x="12.4760116" y="35.3824996" width="12.4934838" height="5.94927798"></rect>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-63)" filter="url(#filter-65)" x="12.4760116" y="47.2810555" width="12.4934838" height="5.94927798"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="白色小方形" transform="translate(32.7168, 30.4612)">
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient04-44)" fill-rule="nonzero" opacity="0.793249221" points="34.4469275 18.1714979 34.4469275 29.9101991 17.606606 37.2108126 0.859645526 29.4944365 0.859645526 18.1714979 17.1661344 25.5039006"></polygon>
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient04-66)" fill-rule="nonzero" opacity="0.793249221" points="34.4469275 18.1714979 34.4469275 29.9101991 17.606606 37.2108126 0.859645526 29.4944365 0.859645526 18.1714979 17.1661344 25.5039006"></polygon>
|
||||||
|
<path d="M0.799547059,17.5958806 L0.799547059,29.4944365 L16.7954941,36.8384188 C17.3117014,37.0754174 17.904333,37.0817421 18.4254807,36.8558142 L34.4469275,29.9101991 L34.4469275,29.9101991 L34.4469275,17.5958806" id="路径-18" stroke="url(#linearGradient04-67)"></path>
|
||||||
|
<path d="M13.656295,11.3657835 L27.827372,5.73003679 C28.3405626,5.52594415 28.9220356,5.77651759 29.1261283,6.28970824 C29.2138382,6.51025476 29.2202436,6.75480832 29.144199,6.97964389 L24.2031423,21.588526 C23.8194141,22.7230687 22.9474947,23.6259677 21.8270351,24.0490571 L7.41080887,29.4926735 C6.89413212,29.6877724 6.31712395,29.427082 6.12202504,28.9104053 C6.03766489,28.6869959 6.03603977,28.4407727 6.11744359,28.2162692 L11.3740348,13.719126 C11.7636364,12.6446447 12.5942643,11.7881463 13.656295,11.3657835 Z" id="面-上" stroke="url(#linearGradient04-69)" fill="url(#linearGradient04-68)" transform="translate(17.6066, 17.5959) rotate(226) translate(-17.6066, -17.5959)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient04-70)" filter="url(#filter-71)" x="16.067258" y="25.7437324" width="3.56956679" height="10.7087004"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="悬浮短线" transform="translate(0, 23.4839)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient04-72)" x="26.7717509" y="35.6956679" width="1.1898556" height="8.32898918"></rect>
|
||||||
|
<rect id="矩形备份-3" fill="url(#linearGradient04-73)" x="92.8087366" y="34.5058123" width="1.1898556" height="4.16449459"></rect>
|
||||||
|
<rect id="矩形备份-4" fill="url(#linearGradient04-74)" x="67.821769" y="0" width="1.1898556" height="5.94927798"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient04-75)" x="0" y="6.54420578" width="1" height="4.16449459"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient04-75)" x="54.7333575" y="49.3790073" width="1" height="4.16449459"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { getUUID } from '@/utils'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const filterId = `border-box-04-filterId-${getUUID()}`
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const {
|
||||||
|
colors,
|
||||||
|
dur,
|
||||||
|
borderTitle,
|
||||||
|
borderTitleColor,
|
||||||
|
borderTitleSize,
|
||||||
|
borderTitleHeight,
|
||||||
|
borderTitleWidth,
|
||||||
|
backgroundColor
|
||||||
|
} = toRefs(props.chartConfig.option)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-04') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('borderTitleColor');
|
||||||
|
font-size: v-bind('borderTitleSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles05Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dur: 0.5,
|
||||||
|
borderTitle: '图标',
|
||||||
|
borderTitleWidth: 124,
|
||||||
|
borderTitleHeight: 140,
|
||||||
|
borderTitleSize: 18,
|
||||||
|
borderTitleColor: '#fff',
|
||||||
|
colors: ['#8aaafb', '#1f33a2'],
|
||||||
|
backgroundColor: '#00000000'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles05Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles05Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<CollapseItem name="边框" :expanded="true">
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles05Config: ConfigType = {
|
||||||
|
key: 'Titles05',
|
||||||
|
chartKey: 'VTitles05',
|
||||||
|
conKey: 'VCTitles05',
|
||||||
|
title: '图标-02',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'glht.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,548 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-04">
|
||||||
|
<svg :width="w" :height="h">
|
||||||
|
<title>管理后台-橙色@2x</title>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="124" height="140"></rect>
|
||||||
|
<linearGradient x1="50.3709284%" y1="50.0988276%" x2="49.5795758%" y2="50%" id="linearGradient05-3">
|
||||||
|
<stop stop-color="#7ABF35" offset="0%"></stop>
|
||||||
|
<stop stop-color="#83C046" offset="42.1166717%"></stop>
|
||||||
|
<stop stop-color="#83AF45" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1414.0%" y="-35.0%" width="2928.0%" height="170.0%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient05-5">
|
||||||
|
<stop stop-color="#AD130E" offset="0%"></stop>
|
||||||
|
<stop stop-color="#8B0B00" offset="50.5926812%"></stop>
|
||||||
|
<stop stop-color="#A41B00" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient05-6">
|
||||||
|
<stop stop-color="#FF3823" offset="1.14899749%"></stop>
|
||||||
|
<stop stop-color="#FF541E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-49.8%" y="-68.7%" width="199.6%" height="237.5%" filterUnits="objectBoundingBox" id="filter-7">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-8" points="13.0378245 12.1456095 15.8729399 13.6567107 15.8729399 17.7129351 13.0378245 16.1694848"></polygon>
|
||||||
|
<filter x="-335.1%" y="-176.6%" width="770.2%" height="453.4%" filterUnits="objectBoundingBox" id="filter-9">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-10" points="20.4149292 15.5739436 23.2500446 17.0850449 23.2500446 21.1412693 20.4149292 19.5978189"></polygon>
|
||||||
|
<filter x="-246.9%" y="-89.8%" width="593.8%" height="351.5%" filterUnits="objectBoundingBox" id="filter-11">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.992156863 0 0 0 0 0.850980392 0 0 0 0 0.0588235294 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-12" points="25.332999 18.0329785 28.1681144 19.5440798 28.1681144 23.6003042 25.332999 22.0568538"></polygon>
|
||||||
|
<filter x="-246.9%" y="-89.8%" width="593.8%" height="351.5%" filterUnits="objectBoundingBox" id="filter-13">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.996078431 0 0 0 0 0.8 0 0 0 0 0.0666666667 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient05-14">
|
||||||
|
<stop stop-color="#FFDD0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF3E22" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-15" points="3.15433879 26.0231489 20.942406 18.2823959 20.942406 20.7643277 3.15433879 28.4821838"></polygon>
|
||||||
|
<filter x="-33.7%" y="-58.8%" width="167.5%" height="217.6%" filterUnits="objectBoundingBox" id="filter-16">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="97.6494632%" y1="0%" x2="9.83107636%" y2="100%" id="linearGradient05-17">
|
||||||
|
<stop stop-color="#FF0D2C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="87.8859068%" y1="-4.01678446%" x2="68.7073904%" y2="78.148201%" id="linearGradient05-18">
|
||||||
|
<stop stop-color="#90220F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#92120C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.9511376%" y1="28.704808%" x2="171.528591%" y2="171.554467%" id="linearGradient05-19">
|
||||||
|
<stop stop-color="#FE4D0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.7247659%" y1="29.8397752%" x2="165.196661%" y2="160.286157%" id="linearGradient05-20">
|
||||||
|
<stop stop-color="#FF4920" offset="0%"></stop>
|
||||||
|
<stop stop-color="#630D09" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="71.3098148%" y1="10.3340151%" x2="217.257821%" y2="210.571279%" id="linearGradient05-21">
|
||||||
|
<stop stop-color="#EE2E00" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF7F11" stop-opacity="0.293515505" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="59.253267%" y1="59.1004853%" x2="27.4282635%" y2="28.5990919%" id="linearGradient05-22">
|
||||||
|
<stop stop-color="#5F0D09" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#620D09" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1414.0%" y="-35.0%" width="2928.0%" height="170.0%" filterUnits="objectBoundingBox" id="filter-23">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-49.8%" y="-68.7%" width="199.6%" height="237.5%" filterUnits="objectBoundingBox" id="filter-24">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-25" points="13.0378245 12.1456095 15.8729399 13.6567107 15.8729399 17.7129351 13.0378245 16.1694848"></polygon>
|
||||||
|
<filter x="-335.1%" y="-176.6%" width="770.2%" height="453.4%" filterUnits="objectBoundingBox" id="filter-26">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-27" points="20.4149292 15.5739436 23.2500446 17.0850449 23.2500446 21.1412693 20.4149292 19.5978189"></polygon>
|
||||||
|
<filter x="-246.9%" y="-89.8%" width="593.8%" height="351.5%" filterUnits="objectBoundingBox" id="filter-28">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.992156863 0 0 0 0 0.850980392 0 0 0 0 0.0588235294 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-29" points="25.332999 18.0329785 28.1681144 19.5440798 28.1681144 23.6003042 25.332999 22.0568538"></polygon>
|
||||||
|
<filter x="-246.9%" y="-89.8%" width="593.8%" height="351.5%" filterUnits="objectBoundingBox" id="filter-30">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.996078431 0 0 0 0 0.8 0 0 0 0 0.0666666667 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-31" points="3.15433879 26.0231489 20.942406 18.2823959 20.942406 20.7643277 3.15433879 28.4821838"></polygon>
|
||||||
|
<filter x="-33.7%" y="-58.8%" width="167.5%" height="217.6%" filterUnits="objectBoundingBox" id="filter-32">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="46.7302462%" x2="0.678740355%" y2="47.6888788%" id="linearGradient05-33">
|
||||||
|
<stop stop-color="#FF3923" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF3D22" offset="50.2202085%"></stop>
|
||||||
|
<stop stop-color="#FF5E1C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.0416767%" y1="45.7978373%" x2="1.27140925%" y2="50%" id="linearGradient05-34">
|
||||||
|
<stop stop-color="#460906" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF4B20" offset="50.5001333%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="99.8340527%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="91.8291479%" y1="40.2757966%" x2="81.2330882%" y2="44.9709357%" id="linearGradient05-35">
|
||||||
|
<stop stop-color="#641E06" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5FCD14" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<path d="M38.4851128,45.10892 L78.4082688,29.2317361 C79.4346501,28.8235508 80.5975961,29.3246977 81.0057814,30.351079 C81.1812013,30.7921721 81.1940119,31.2812792 81.0419229,31.7309503 L66.5276324,74.6443537 C65.760176,76.9134391 64.0163372,78.7192371 61.7754179,79.5654159 L19.41733,95.5599748 C18.3839765,95.9501726 17.2299602,95.4287919 16.8397623,94.3954385 C16.6710421,93.9486197 16.6677918,93.4561732 16.8305995,93.0071663 L31.6383322,52.1689475 C32.8071368,48.9455035 35.2990207,46.3760084 38.4851128,45.10892 Z" id="path-36"></path>
|
||||||
|
<filter x="-77.0%" y="-55.5%" width="254.1%" height="248.5%" filterUnits="objectBoundingBox" id="filter-37">
|
||||||
|
<feMorphology radius="10.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="13" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.94006497 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="0.598870124%" y2="50.5988701%" id="linearGradient05-38">
|
||||||
|
<stop stop-color="#5DA61C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E3EF10" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-325.3%" y="0.0%" width="750.7%" height="100.0%" filterUnits="objectBoundingBox" id="filter-39">
|
||||||
|
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="27.1592532%" y1="45.4076079%" x2="225.6828%" y2="84.6949659%" id="linearGradient05-40">
|
||||||
|
<stop stop-color="#FF3923" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient05-41">
|
||||||
|
<stop stop-color="#FF601B" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="47.6453413%" x2="0.678740355%" y2="48.3356846%" id="linearGradient05-42">
|
||||||
|
<stop stop-color="#101C09" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="50.2202085%"></stop>
|
||||||
|
<stop stop-color="#FF601B" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.0416767%" y1="46.9764495%" x2="1.27140925%" y2="50%" id="linearGradient05-43">
|
||||||
|
<stop stop-color="#1C0909" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2D1F12" offset="51.1603509%"></stop>
|
||||||
|
<stop stop-color="#F6D51E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="91.8291479%" y1="40.9752017%" x2="81.2330882%" y2="45.332647%" id="linearGradient05-44">
|
||||||
|
<stop stop-color="#AC3B16" offset="0%"></stop>
|
||||||
|
<stop stop-color="#741407" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<path d="M38.7074967,40.5213508 L77.7016491,25.0136258 C78.7280304,24.6054405 79.8909763,25.1065874 80.2991616,26.1329687 C80.4745815,26.5740617 80.4873922,27.0631689 80.3353031,27.51284 L66.1457728,69.4660473 C65.3783165,71.7351326 63.6344776,73.5409306 61.3935583,74.3871094 L19.9837477,90.0235956 C18.9503942,90.4137934 17.7963779,89.8924127 17.4061801,88.8590592 C17.2374598,88.4122405 17.2342095,87.919794 17.3970172,87.4707871 L31.8607162,47.5813784 C33.0295208,44.3579343 35.5214047,41.7884392 38.7074967,40.5213508 Z" id="path-45"></path>
|
||||||
|
<filter x="-78.5%" y="-56.6%" width="257.1%" height="251.4%" filterUnits="objectBoundingBox" id="filter-46">
|
||||||
|
<feMorphology radius="10.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="13" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.94006497 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="0.598870124%" y2="50.5988701%" id="linearGradient05-47">
|
||||||
|
<stop stop-color="#5DA61C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E3EF10" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-331.6%" y="0.0%" width="763.2%" height="100.0%" filterUnits="objectBoundingBox" id="filter-48">
|
||||||
|
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="92.1323721%" y1="50%" x2="0%" y2="50%" id="linearGradient05-49">
|
||||||
|
<stop stop-color="#A13D11" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9C2914" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="154.464441%" y1="37.6393899%" x2="48.4162125%" y2="53.1994125%" id="linearGradient05-50">
|
||||||
|
<stop stop-color="#C97811" offset="0%"></stop>
|
||||||
|
<stop stop-color="#BF6C13" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="31.1150669%" y1="28.291543%" x2="63.8295647%" y2="70.6017433%" id="linearGradient05-51">
|
||||||
|
<stop stop-color="#FFB618" offset="0%"></stop>
|
||||||
|
<stop stop-color="#BE6B14" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient05-52">
|
||||||
|
<stop stop-color="#FAD80F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E09309" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient05-53">
|
||||||
|
<stop stop-color="#459D1F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#469A21" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-325.3%" y="-108.4%" width="750.7%" height="316.9%" filterUnits="objectBoundingBox" id="filter-54">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="20.9962296%" y1="8.0783%" x2="63.8295647%" y2="70.6017433%" id="linearGradient05-55">
|
||||||
|
<stop stop-color="#EEA405" offset="0%"></stop>
|
||||||
|
<stop stop-color="#BE6B14" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-325.3%" y="-108.4%" width="750.7%" height="316.9%" filterUnits="objectBoundingBox" id="filter-56">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-325.3%" y="-108.4%" width="750.7%" height="316.9%" filterUnits="objectBoundingBox" id="filter-57">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="99.1515554%" x2="50%" y2="14.8423715%" id="linearGradient05-58">
|
||||||
|
<stop stop-color="#FDAF0B" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF7B0A" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="64.5986602%" y1="11.2460668%" x2="50%" y2="84.9178538%" id="linearGradient05-59">
|
||||||
|
<stop stop-color="#C9F699" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EE36D" offset="55.1564092%"></stop>
|
||||||
|
<stop stop-color="#8FC768" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient05-60">
|
||||||
|
<stop stop-color="#CEF8B2" offset="0%"></stop>
|
||||||
|
<stop stop-color="#C9FBA2" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="61.9627185%" y1="53.3241794%" x2="-12.591411%" y2="47.6336419%" id="linearGradient05-61">
|
||||||
|
<stop stop-color="#FDDA0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF4022" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="87.2333038%" y1="44.1686079%" x2="31.7785199%" y2="53.4902303%" id="linearGradient05-62">
|
||||||
|
<stop stop-color="#FF3F21" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FDD610" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="56.4362257%" y1="20.6486639%" x2="-202.982461%" y2="319.87373%" id="linearGradient05-63">
|
||||||
|
<stop stop-color="#FEDB0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF3F22" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="89.6014781%" y1="7.37454432%" x2="7.23016649%" y2="95.9629276%" id="linearGradient05-64">
|
||||||
|
<stop stop-color="#FEDA0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF4121" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="98.6017477%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient05-65">
|
||||||
|
<stop stop-color="#EAFFC9" offset="0%"></stop>
|
||||||
|
<stop stop-color="#469A21" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-325.3%" y="-278.9%" width="750.7%" height="657.7%" filterUnits="objectBoundingBox" id="filter-66">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="99.1515554%" x2="50%" y2="14.8423715%" id="linearGradient05-67">
|
||||||
|
<stop stop-color="#FDD90F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFC306" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient05-68">
|
||||||
|
<stop stop-color="#A4E676" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D1F4AE" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="66.9335983%" y1="50%" x2="0.426357038%" y2="50%" id="linearGradient05-69">
|
||||||
|
<stop stop-color="#E6D976" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="44.5589426%" x2="50%" y2="56.5453539%" id="linearGradient05-70">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFEB9D" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="64.5986602%" y1="11.2460668%" x2="50%" y2="84.9178538%" id="linearGradient05-71">
|
||||||
|
<stop stop-color="#F3ECD3" offset="0%"></stop>
|
||||||
|
<stop stop-color="#E3C36D" offset="55.1564092%"></stop>
|
||||||
|
<stop stop-color="#EAD586" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.1802319%" y1="25.6748573%" x2="74.0028381%" y2="72.5536655%" id="linearGradient05-72">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FBF6A2" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.4011299%" y1="50.5988701%" x2="1.5493979%" y2="50.5988701%" id="linearGradient05-73">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-325.3%" y="-195.2%" width="750.7%" height="490.4%" filterUnits="objectBoundingBox" id="filter-74">
|
||||||
|
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="28.3032377%" y1="25.6748573%" x2="73.8675256%" y2="72.5536655%" id="linearGradient05-75">
|
||||||
|
<stop stop-color="#FFDC0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FEC612" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient05-76">
|
||||||
|
<stop stop-color="#A64D1C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FEB800" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.1592532%" y1="45.4066083%" x2="225.6828%" y2="84.7025179%" id="linearGradient05-77">
|
||||||
|
<stop stop-color="#F5CB03" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F5CB03" stop-opacity="0.965167806" offset="3.48321942%"></stop>
|
||||||
|
<stop stop-color="#DBAC15" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient05-78">
|
||||||
|
<stop stop-color="#FEDB0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FE4121" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient05-79">
|
||||||
|
<stop stop-color="#FEDB0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF4022" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient05-80">
|
||||||
|
<stop stop-color="#FEDA0F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF3F22" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient05-81">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF3F22" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient05-82">
|
||||||
|
<stop stop-color="#F0C90F" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FF4022" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-导航页-图标区" transform="translate(-1060, -215)">
|
||||||
|
<g id="管理后台-橙色" transform="translate(1060, 215)">
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="蒙版"></g>
|
||||||
|
<g id="阴影" opacity="0.16" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(-1, 32)">
|
||||||
|
<path d="M48.4385259,58.784586 L102.262876,37.3789863 C103.289257,36.970801 104.452203,37.4719479 104.860388,38.4983292 C105.036102,38.9401603 105.048652,39.4301406 104.895789,39.880388 L84.5545345,99.7939104 C84.3625354,100.359428 83.9278553,100.809553 83.3693825,101.021171 L24.2249366,123.432392 C23.1920344,123.823783 22.0374167,123.303735 21.6460258,122.270833 C21.476508,121.823467 21.4729672,121.330155 21.6360457,120.880401 L41.5917454,65.8446136 C42.76055,62.6211695 45.2524339,60.0516744 48.4385259,58.784586 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(63.2198, 80.3771) rotate(226) translate(-63.2198, -80.3771)"></path>
|
||||||
|
<line x1="62.6049891" y1="89.3966853" x2="62.6049891" y2="106.531643" id="竖线" stroke="url(#linearGradient05-3)" stroke-width="6" fill="none" filter="url(#filter-4)"></line>
|
||||||
|
<line x1="123.466103" y1="62.9620602" x2="123.466103" y2="80.097018" id="竖线" stroke="#FF3923" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M48.4385259,53.2517575 L102.262876,31.8461578 C103.289257,31.4379725 104.452203,31.9391194 104.860388,32.9655007 C105.036102,33.4073318 105.048652,33.8973121 104.895789,34.3475595 L84.5545345,94.2610819 C84.3625354,94.8265999 83.9278553,95.2767243 83.3693825,95.4883428 L24.2249366,117.899564 C23.1920344,118.290954 22.0374167,117.770907 21.6460258,116.738005 C21.476508,116.290638 21.4729672,115.797326 21.6360457,115.347572 L41.5917454,60.311785 C42.76055,57.088341 45.2524339,54.5188459 48.4385259,53.2517575 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.2198, 74.8442) rotate(226) translate(-63.2198, -74.8442)"></path>
|
||||||
|
<path d="M48.4385259,48.3336877 L102.262876,26.928088 C103.289257,26.5199027 104.452203,27.0210496 104.860388,28.0474309 C105.036102,28.489262 105.048652,28.9792423 104.895789,29.4294897 L84.5545345,89.3430121 C84.3625354,89.9085301 83.9278553,90.3586545 83.3693825,90.570273 L24.2249366,112.981494 C23.1920344,113.372885 22.0374167,112.852837 21.6460258,111.819935 C21.476508,111.372568 21.4729672,110.879256 21.6360457,110.429502 L41.5917454,55.3937152 C42.76055,52.1702712 45.2524339,49.6007761 48.4385259,48.3336877 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.2198, 69.9262) rotate(226) translate(-63.2198, -69.9262)"></path>
|
||||||
|
<path d="M2.44929573,63.2922059 L57.9793285,88.9371476 C61.2002262,90.4246262 64.9130381,90.4166946 68.1275512,88.9154682 L122.993565,63.2922059 L122.993565,63.2922059 L122.993565,79.7664903 L65.9841757,105.695975 C64.1294508,106.533576 62.0044028,106.534692 60.1487989,105.699041 L60.1488129,105.699047 L60.1488129,105.699047 L2.44929573,79.2762805 L2.44929573,63.2922059 Z" id="路径-14" stroke="none" fill="url(#linearGradient05-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient05-6)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-7)" points="3.06405446 63.9069646 63.3104095 90.9563485 63.3104095 107.554834 3.06405446 79.2759327"></polygon>
|
||||||
|
<line x1="2.66601338" y1="62.9620602" x2="2.66601338" y2="80.097018" id="竖线" stroke="#FF3923" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(6.6247, 65.286)">
|
||||||
|
<polyline id="路径-3" stroke="#FCA514" points="0 -8.73579914e-15 0 3.6811735 20.0377936 12.6889781 20.8025062 15.9812561"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#F4AD12" points="21.8047101 9.73042163 22.8787319 14.2020264 31.5578223 18.313252 35.8761074 15.9500088"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#FFA315" points="14.9997453 23.3333092 17.3117793 21.9303549 47.657919 35.9463217 47.657919 38.2414427"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
|
||||||
|
<use stroke="#F4AD12" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-8"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
|
||||||
|
<use fill="#FDD90F" fill-rule="evenodd" xlink:href="#path-10"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
|
||||||
|
<use fill="#FDD90F" fill-rule="evenodd" xlink:href="#path-12"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(71.8365, 67.132)">
|
||||||
|
<polyline id="路径-10" stroke="#4E0A07" points="0 20.1407891 2.7032107 23.1588326 24.3712931 13.2163278 24.825554 11.0565632 42.5043259 2.7754426 42.5043259 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#460906" points="1.17098674 35.5447334 1.17098674 32.9558499 27.2122549 21.0757918 27.8836136 18.8971546"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#460906" points="30.2893881 19.564122 38.052625 15.8169461 41.1803342 17.2859931"></polyline>
|
||||||
|
<line x1="42.5043259" y1="11.9878416" x2="42.5043259" y2="17.0464636" id="路径-13" stroke="#460906"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
|
||||||
|
<use fill="url(#linearGradient05-14)" fill-rule="evenodd" xlink:href="#path-15"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#460906" points="21.5971005 18.0312855 39.4206546 9.99901674 39.4206546 12.4580516 21.5971005 20.4903204"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M22.6982969,123.40256 C22.0633113,123.643171 21.3535,123.323467 21.112889,122.688481 C21.0086765,122.413459 21.0064997,122.110191 21.1067537,121.833701 L42.3424884,63.2677072 C43.0610213,61.2860669 44.5929286,59.7064474 46.5516065,58.9274937 L103.856574,36.1376745 C104.487551,35.886739 105.202482,36.1948234 105.453418,36.8258003" id="形状" stroke="url(#linearGradient05-17)" stroke-width="3" fill="none" transform="translate(63.2433, 79.7665) rotate(226) translate(-63.2433, -79.7665)"></path>
|
||||||
|
<path d="M47.7087723,40.8615601 L102.262876,19.165742 C103.289257,18.7575567 104.452203,19.2587036 104.860388,20.2850849 C105.036102,20.726916 105.048652,21.2168963 104.895789,21.6671437 L84.2986967,82.3342159 C84.1066976,82.899734 83.6720175,83.3498583 83.1135447,83.5614768 L23.2249366,106.254678 C22.1920344,106.646069 21.0374167,106.126021 20.6460258,105.093119 C20.476508,104.645753 20.4729672,104.152441 20.6360457,103.702687 L40.8619918,47.9215876 C42.0307964,44.6981436 44.5226803,42.1286485 47.7087723,40.8615601 Z" id="面" stroke="none" fill="url(#linearGradient05-18)" fill-rule="evenodd" opacity="0.896899" transform="translate(62.7198, 62.6816) rotate(226) translate(-62.7198, -62.6816)"></path>
|
||||||
|
<path d="M47.7087723,40.8615601 L102.262876,19.165742 C103.289257,18.7575567 104.452203,19.2587036 104.860388,20.2850849 C105.036102,20.726916 105.048652,21.2168963 104.895789,21.6671437 L84.2986967,82.3342159 C84.1066976,82.899734 83.6720175,83.3498583 83.1135447,83.5614768 L23.2249366,106.254678 C22.1920344,106.646069 21.0374167,106.126021 20.6460258,105.093119 C20.476508,104.645753 20.4729672,104.152441 20.6360457,103.702687 L40.8619918,47.9215876 C42.0307964,44.6981436 44.5226803,42.1286485 47.7087723,40.8615601 Z" id="线" stroke="url(#linearGradient05-19)" stroke-width="1" fill="none" transform="translate(62.7198, 62.6816) rotate(226) translate(-62.7198, -62.6816)"></path>
|
||||||
|
<path d="M51.0972506,44.5869882 L95.5005299,26.928088 C96.5269112,26.5199027 97.6898572,27.0210496 98.0980425,28.0474309 C98.2737559,28.489262 98.2863063,28.9792423 98.1334428,29.4294897 L81.0950384,79.6147347 C80.9030392,80.1802527 80.4683592,80.6303771 79.9098864,80.8419956 L30.3725238,99.6128667 C29.3396217,100.004258 28.185004,99.48421 27.793613,98.4513078 C27.6240953,98.0039411 27.6205545,97.5106293 27.783633,97.0608753 L44.2504701,51.6470157 C45.4192747,48.4235717 47.9111586,45.8540766 51.0972506,44.5869882 Z" id="面" stroke="none" fill="url(#linearGradient05-20)" fill-rule="evenodd" opacity="0.907099406" transform="translate(62.9124, 63.2418) rotate(226) translate(-62.9124, -63.2418)"></path>
|
||||||
|
<path d="M51.0972506,44.5869882 L95.5005299,26.928088 C96.5269112,26.5199027 97.6898572,27.0210496 98.0980425,28.0474309 C98.2737559,28.489262 98.2863063,28.9792423 98.1334428,29.4294897 L81.0950384,79.6147347 C80.9030392,80.1802527 80.4683592,80.6303771 79.9098864,80.8419956 L30.3725238,99.6128667 C29.3396217,100.004258 28.185004,99.48421 27.793613,98.4513078 C27.6240953,98.0039411 27.6205545,97.5106293 27.783633,97.0608753 L44.2504701,51.6470157 C45.4192747,48.4235717 47.9111586,45.8540766 51.0972506,44.5869882 Z" id="线" stroke="url(#linearGradient05-21)" stroke-width="1.5" fill="none" transform="translate(62.9124, 63.2418) rotate(226) translate(-62.9124, -63.2418)"></path>
|
||||||
|
<path d="M53.8541741,48.6131125 L86.5020634,35.6829238 C87.3290487,35.3553965 88.2649661,35.7602872 88.5924934,36.5872725 C88.7334536,36.9431878 88.7430285,37.337675 88.6195015,37.7000099 L75.9923499,74.7385336 C75.8371432,75.1937929 75.4865813,75.5558551 75.0365673,75.7256712 L38.3137044,89.5833095 C37.4815028,89.8973468 36.5522926,89.4772917 36.2382553,88.6450901 C36.1022487,88.2846713 36.0999337,87.8874408 36.2317305,87.5254613 L48.3322637,54.2913646 C49.2770277,51.6965719 51.2867629,49.6299351 53.8541741,48.6131125 Z" id="面" stroke="none" fill="url(#linearGradient05-22)" fill-rule="evenodd" opacity="0.922354562" transform="translate(62.3883, 62.6102) rotate(226) translate(-62.3883, -62.6102)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="18.4330226" cy="63.2922059" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#B24814" fill-rule="evenodd" cx="52.8595112" cy="69.4397931" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#CC4510" fill-rule="evenodd" cx="87.2859998" cy="60.833171" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="底座" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(-1, 14)">
|
||||||
|
<path d="M48.4385259,58.784586 L102.262876,37.3789863 C103.289257,36.970801 104.452203,37.4719479 104.860388,38.4983292 C105.036102,38.9401603 105.048652,39.4301406 104.895789,39.880388 L84.5545345,99.7939104 C84.3625354,100.359428 83.9278553,100.809553 83.3693825,101.021171 L24.2249366,123.432392 C23.1920344,123.823783 22.0374167,123.303735 21.6460258,122.270833 C21.476508,121.823467 21.4729672,121.330155 21.6360457,120.880401 L41.5917454,65.8446136 C42.76055,62.6211695 45.2524339,60.0516744 48.4385259,58.784586 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(63.2198, 80.3771) rotate(226) translate(-63.2198, -80.3771)"></path>
|
||||||
|
<line x1="62.6049891" y1="89.3966853" x2="62.6049891" y2="106.531643" id="竖线" stroke="url(#linearGradient05-3)" stroke-width="6" fill="none" filter="url(#filter-23)"></line>
|
||||||
|
<line x1="123.466103" y1="62.9620602" x2="123.466103" y2="80.097018" id="竖线" stroke="#FF3923" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M48.4385259,53.2517575 L102.262876,31.8461578 C103.289257,31.4379725 104.452203,31.9391194 104.860388,32.9655007 C105.036102,33.4073318 105.048652,33.8973121 104.895789,34.3475595 L84.5545345,94.2610819 C84.3625354,94.8265999 83.9278553,95.2767243 83.3693825,95.4883428 L24.2249366,117.899564 C23.1920344,118.290954 22.0374167,117.770907 21.6460258,116.738005 C21.476508,116.290638 21.4729672,115.797326 21.6360457,115.347572 L41.5917454,60.311785 C42.76055,57.088341 45.2524339,54.5188459 48.4385259,53.2517575 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.2198, 74.8442) rotate(226) translate(-63.2198, -74.8442)"></path>
|
||||||
|
<path d="M48.4385259,48.3336877 L102.262876,26.928088 C103.289257,26.5199027 104.452203,27.0210496 104.860388,28.0474309 C105.036102,28.489262 105.048652,28.9792423 104.895789,29.4294897 L84.5545345,89.3430121 C84.3625354,89.9085301 83.9278553,90.3586545 83.3693825,90.570273 L24.2249366,112.981494 C23.1920344,113.372885 22.0374167,112.852837 21.6460258,111.819935 C21.476508,111.372568 21.4729672,110.879256 21.6360457,110.429502 L41.5917454,55.3937152 C42.76055,52.1702712 45.2524339,49.6007761 48.4385259,48.3336877 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.2198, 69.9262) rotate(226) translate(-63.2198, -69.9262)"></path>
|
||||||
|
<path d="M2.44929573,63.2922059 L57.9793285,88.9371476 C61.2002262,90.4246262 64.9130381,90.4166946 68.1275512,88.9154682 L122.993565,63.2922059 L122.993565,63.2922059 L122.993565,79.7664903 L65.9841757,105.695975 C64.1294508,106.533576 62.0044028,106.534692 60.1487989,105.699041 L60.1488129,105.699047 L60.1488129,105.699047 L2.44929573,79.2762805 L2.44929573,63.2922059 Z" id="路径-14" stroke="none" fill="url(#linearGradient05-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient05-6)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-24)" points="3.06405446 63.9069646 63.3104095 90.9563485 63.3104095 107.554834 3.06405446 79.2759327"></polygon>
|
||||||
|
<line x1="2.66601338" y1="62.9620602" x2="2.66601338" y2="80.097018" id="竖线" stroke="#FF3923" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(6.6247, 65.286)">
|
||||||
|
<polyline id="路径-3" stroke="#FCA514" points="0 -8.73579914e-15 0 3.6811735 20.0377936 12.6889781 20.8025062 15.9812561"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#F4AD12" points="21.8047101 9.73042163 22.8787319 14.2020264 31.5578223 18.313252 35.8761074 15.9500088"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#FFA315" points="14.9997453 23.3333092 17.3117793 21.9303549 47.657919 35.9463217 47.657919 38.2414427"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-25"></use>
|
||||||
|
<use stroke="#F4AD12" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-25"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-28)" xlink:href="#path-27"></use>
|
||||||
|
<use fill="#FDD90F" fill-rule="evenodd" xlink:href="#path-27"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
|
||||||
|
<use fill="#FDD90F" fill-rule="evenodd" xlink:href="#path-29"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(71.8365, 67.132)">
|
||||||
|
<polyline id="路径-10" stroke="#4E0A07" points="0 20.1407891 2.7032107 23.1588326 24.3712931 13.2163278 24.825554 11.0565632 42.5043259 2.7754426 42.5043259 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#460906" points="1.17098674 35.5447334 1.17098674 32.9558499 27.2122549 21.0757918 27.8836136 18.8971546"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#460906" points="30.2893881 19.564122 38.052625 15.8169461 41.1803342 17.2859931"></polyline>
|
||||||
|
<line x1="42.5043259" y1="11.9878416" x2="42.5043259" y2="17.0464636" id="路径-13" stroke="#460906"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-32)" xlink:href="#path-31"></use>
|
||||||
|
<use fill="url(#linearGradient05-14)" fill-rule="evenodd" xlink:href="#path-31"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#460906" points="21.5971005 18.0312855 39.4206546 9.99901674 39.4206546 12.4580516 21.5971005 20.4903204"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M22.6982969,123.40256 C22.0633113,123.643171 21.3535,123.323467 21.112889,122.688481 C21.0086765,122.413459 21.0064997,122.110191 21.1067537,121.833701 L42.3424884,63.2677072 C43.0610213,61.2860669 44.5929286,59.7064474 46.5516065,58.9274937 L103.856574,36.1376745 C104.487551,35.886739 105.202482,36.1948234 105.453418,36.8258003" id="形状" stroke="url(#linearGradient05-17)" stroke-width="3" fill="none" transform="translate(63.2433, 79.7665) rotate(226) translate(-63.2433, -79.7665)"></path>
|
||||||
|
<path d="M47.7087723,40.8615601 L102.262876,19.165742 C103.289257,18.7575567 104.452203,19.2587036 104.860388,20.2850849 C105.036102,20.726916 105.048652,21.2168963 104.895789,21.6671437 L84.2986967,82.3342159 C84.1066976,82.899734 83.6720175,83.3498583 83.1135447,83.5614768 L23.2249366,106.254678 C22.1920344,106.646069 21.0374167,106.126021 20.6460258,105.093119 C20.476508,104.645753 20.4729672,104.152441 20.6360457,103.702687 L40.8619918,47.9215876 C42.0307964,44.6981436 44.5226803,42.1286485 47.7087723,40.8615601 Z" id="面" stroke="none" fill="url(#linearGradient05-18)" fill-rule="evenodd" opacity="0.896899" transform="translate(62.7198, 62.6816) rotate(226) translate(-62.7198, -62.6816)"></path>
|
||||||
|
<path d="M47.7087723,40.8615601 L102.262876,19.165742 C103.289257,18.7575567 104.452203,19.2587036 104.860388,20.2850849 C105.036102,20.726916 105.048652,21.2168963 104.895789,21.6671437 L84.2986967,82.3342159 C84.1066976,82.899734 83.6720175,83.3498583 83.1135447,83.5614768 L23.2249366,106.254678 C22.1920344,106.646069 21.0374167,106.126021 20.6460258,105.093119 C20.476508,104.645753 20.4729672,104.152441 20.6360457,103.702687 L40.8619918,47.9215876 C42.0307964,44.6981436 44.5226803,42.1286485 47.7087723,40.8615601 Z" id="线" stroke="url(#linearGradient05-19)" stroke-width="1" fill="none" transform="translate(62.7198, 62.6816) rotate(226) translate(-62.7198, -62.6816)"></path>
|
||||||
|
<path d="M51.0972506,44.5869882 L95.5005299,26.928088 C96.5269112,26.5199027 97.6898572,27.0210496 98.0980425,28.0474309 C98.2737559,28.489262 98.2863063,28.9792423 98.1334428,29.4294897 L81.0950384,79.6147347 C80.9030392,80.1802527 80.4683592,80.6303771 79.9098864,80.8419956 L30.3725238,99.6128667 C29.3396217,100.004258 28.185004,99.48421 27.793613,98.4513078 C27.6240953,98.0039411 27.6205545,97.5106293 27.783633,97.0608753 L44.2504701,51.6470157 C45.4192747,48.4235717 47.9111586,45.8540766 51.0972506,44.5869882 Z" id="面" stroke="none" fill="url(#linearGradient05-20)" fill-rule="evenodd" opacity="0.907099406" transform="translate(62.9124, 63.2418) rotate(226) translate(-62.9124, -63.2418)"></path>
|
||||||
|
<path d="M51.0972506,44.5869882 L95.5005299,26.928088 C96.5269112,26.5199027 97.6898572,27.0210496 98.0980425,28.0474309 C98.2737559,28.489262 98.2863063,28.9792423 98.1334428,29.4294897 L81.0950384,79.6147347 C80.9030392,80.1802527 80.4683592,80.6303771 79.9098864,80.8419956 L30.3725238,99.6128667 C29.3396217,100.004258 28.185004,99.48421 27.793613,98.4513078 C27.6240953,98.0039411 27.6205545,97.5106293 27.783633,97.0608753 L44.2504701,51.6470157 C45.4192747,48.4235717 47.9111586,45.8540766 51.0972506,44.5869882 Z" id="线" stroke="url(#linearGradient05-21)" stroke-width="1.5" fill="none" transform="translate(62.9124, 63.2418) rotate(226) translate(-62.9124, -63.2418)"></path>
|
||||||
|
<path d="M53.8541741,48.6131125 L86.5020634,35.6829238 C87.3290487,35.3553965 88.2649661,35.7602872 88.5924934,36.5872725 C88.7334536,36.9431878 88.7430285,37.337675 88.6195015,37.7000099 L75.9923499,74.7385336 C75.8371432,75.1937929 75.4865813,75.5558551 75.0365673,75.7256712 L38.3137044,89.5833095 C37.4815028,89.8973468 36.5522926,89.4772917 36.2382553,88.6450901 C36.1022487,88.2846713 36.0999337,87.8874408 36.2317305,87.5254613 L48.3322637,54.2913646 C49.2770277,51.6965719 51.2867629,49.6299351 53.8541741,48.6131125 Z" id="面" stroke="none" fill="url(#linearGradient05-22)" fill-rule="evenodd" opacity="0.922354562" transform="translate(62.3883, 62.6102) rotate(226) translate(-62.3883, -62.6102)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="18.4330226" cy="63.2922059" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#B24814" fill-rule="evenodd" cx="52.8595112" cy="69.4397931" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#CC4510" fill-rule="evenodd" cx="87.2859998" cy="60.833171" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="icon" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(12, -14)">
|
||||||
|
<g id="中间层" transform="translate(0, 14.7263)">
|
||||||
|
<path d="M2.56417804,50.2293122 L44.1344359,69.4273351 C47.2854337,70.8825324 50.9109667,70.9079622 54.0820672,69.4971085 L96.0075043,50.8440709 L96.0075043,50.8440709 L96.0075043,62.7457706 L51.3384293,82.7817006 C49.9146001,83.4247072 48.2832501,83.4255642 46.8587461,82.784054 L46.8587568,82.7840588 L46.8587568,82.7840588 L2.56417804,62.499915 L2.56417804,50.2293122 Z" id="路径-14备份" fill="url(#linearGradient05-33)" fill-rule="nonzero" opacity="0.740493048"></path>
|
||||||
|
<path d="M2.56417804,50.2293122 L46.4249186,69.784411 C48.1265825,70.5430896 50.0708125,70.5412067 51.7710037,69.7792333 L51.7710037,69.7792333 L51.7710037,69.7792333 L95.3927455,50.2293122 L95.3927455,62.1310119 L51.3384293,82.7817006 C49.9146001,83.4247072 48.2832501,83.4255642 46.8587461,82.784054 L46.8587568,82.7840588 L46.8587568,82.7840588 L2.56417804,62.499915 L2.56417804,50.2293122 Z" id="路径-14备份" fill="url(#linearGradient05-34)" fill-rule="nonzero" opacity="0.788856143"></path>
|
||||||
|
<path d="M1.94941931,50.2293122 L43.4477432,69.3941145 C46.6403003,70.8685048 50.3177121,70.8742836 53.5148873,69.4099344 L95.3927455,50.2293122 L95.3927455,50.2293122 L95.3927455,62.1310119 L50.7236706,82.7817006 C49.2998414,83.4247072 47.6684914,83.4255642 46.2439874,82.784054 L46.2439981,82.7840588 L46.2439981,82.7840588 L1.94941931,62.499915 L1.94941931,50.2293122 Z" id="路径-14备份" fill="url(#linearGradient05-35)" fill-rule="nonzero" opacity="0.814274379"></path>
|
||||||
|
<g id="面" opacity="0.414567493" transform="translate(48.8878, 62.3649) rotate(226) translate(-48.8878, -62.3649)">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-37)" xlink:href="#path-36"></use>
|
||||||
|
<use fill="#8E3C11" fill-rule="evenodd" xlink:href="#path-36"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-38)" opacity="0.31166004" filter="url(#filter-39)" x="46.711924" y="70.0545519" width="3.68855235" height="12.9099332"></rect>
|
||||||
|
<path d="M38.370118,31.4892052 L79.023028,15.3218029 C80.0494093,14.9136176 81.2123553,15.4147645 81.6205406,16.4411458 C81.7959604,16.8822388 81.8087711,17.371346 81.6566821,17.8210171 L66.8872849,61.4886768 C66.1198285,63.7577622 64.3759897,65.5635602 62.1350704,66.409739 L19.0320887,82.6855724 C17.9987352,83.0757702 16.8447189,82.5543895 16.4545211,81.521036 C16.2858008,81.0742172 16.2825505,80.5817708 16.4453582,80.1327639 L31.5233374,38.5492328 C32.692142,35.3257888 35.1840259,32.7562937 38.370118,31.4892052 Z" id="面" fill="#A4320A" transform="translate(49.0026, 48.9727) rotate(226) translate(-49.0026, -48.9727)"></path>
|
||||||
|
<path d="M43.6954699,68.8846467 L3.48679026,50.719085 C2.48018199,50.2643174 2.03282673,49.0796382 2.48759433,48.07303 C2.68303322,47.6404345 3.0259684,47.2914569 3.45508466,47.0884928 L45.4675289,27.2173759 C47.6328923,26.1931986 50.1432469,26.1931986 52.3086103,27.2173759 L94.2991853,47.078149 C95.2976977,47.5504271 95.724295,48.7427385 95.2520169,49.7412509 C95.0478053,50.1730045 94.6958268,50.5174246 94.2597425,50.712217 L53.5302022,68.9055012 C50.3995307,70.3039259 46.8201826,70.2963359 43.6954699,68.8846467 Z" id="线-3" stroke="url(#linearGradient05-40)"></path>
|
||||||
|
<path d="M2.31827455,49.4095059 L2.31827455,61.178479 C2.31827455,61.9625168 2.77639222,62.6742444 3.49004223,62.9989271 L45.0265609,81.8964104 C47.6734676,83.1006489 50.7134728,83.0930515 53.3543274,81.8755982 L94.2946224,63.0018224 C95.0033542,62.6750919 95.4573014,61.9659556 95.4573014,61.1855368 L95.4573014,49.4961277 L95.4573014,49.4961277" id="路径-20" stroke="url(#linearGradient05-41)" stroke-width="0.8"></path>
|
||||||
|
</g>
|
||||||
|
<g id="中间层" transform="translate(0.9981, 0)">
|
||||||
|
<path d="M3.37320108,50.5004449 L43.9871298,69.2568148 C47.1804874,70.7315748 50.8588987,70.7369698 54.0565685,69.2715835 L95.0431724,50.4887781 L95.0431724,50.4887781 L95.0431724,57.8612978 L51.2218211,77.5169887 C49.8250132,78.1477924 48.2246228,78.1486331 46.8271528,77.5192974 L46.8271633,77.5193021 L46.8271633,77.5193021 L3.37320108,57.620108 L3.37320108,50.5004449 Z" id="路径-14备份" fill="url(#linearGradient05-42)" fill-rule="nonzero" opacity="0.740493048"></path>
|
||||||
|
<path d="M3.37320108,50.5004449 L45.5648394,69.4751842 C47.6489618,70.4124713 50.0344278,70.4137484 52.1195526,69.4786936 L94.4400805,50.5004449 L94.4400805,50.5004449 L94.4400805,57.2582059 L51.2218211,77.5169887 C49.8250132,78.1477924 48.2246228,78.1486331 46.8271528,77.5192974 L46.8271633,77.5193021 L46.8271633,77.5193021 L3.37320108,57.620108 L3.37320108,50.5004449 Z" id="路径-14备份" fill="url(#linearGradient05-43)" fill-rule="nonzero" opacity="0.788856143"></path>
|
||||||
|
<path d="M2.77010916,46.7695915 L43.39046,65.5289273 C46.5801139,67.0019768 50.2539003,67.0091459 53.449279,65.5485564 L94.4400805,46.8118926 L94.4400805,46.8118926 L94.4400805,57.2582059 L50.6187292,77.5169887 C49.2219213,78.1477924 47.6215308,78.1486331 46.2240609,77.5192974 L46.2240714,77.5193021 L46.2240714,77.5193021 L2.77010916,57.620108 L2.77010916,46.7695915 Z" id="路径-14备份" fill="url(#linearGradient05-44)" fill-rule="nonzero" opacity="0.814274379"></path>
|
||||||
|
<g id="面" opacity="0.414567493" transform="translate(48.8177, 57.4877) rotate(226) translate(-48.8177, -57.4877)">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-46)" xlink:href="#path-45"></use>
|
||||||
|
<use fill="#641F06" fill-rule="evenodd" xlink:href="#path-45"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-47)" opacity="0.31166004" filter="url(#filter-48)" x="46.6831171" y="65.0313741" width="3.6185515" height="12.6649302"></rect>
|
||||||
|
<path d="M38.2363226,31.3549271 L78.6899822,15.2667654 C79.7163635,14.8585801 80.8793095,15.359727 81.2874947,16.3861083 C81.4629146,16.8272013 81.4757253,17.3163084 81.3236363,17.7659796 L66.6238928,61.2276988 C65.8564365,63.4967841 64.1125976,65.3025821 61.8716784,66.1487609 L18.9720809,82.3477957 C17.9387274,82.7379935 16.7847111,82.2166128 16.3945133,81.1832593 C16.225793,80.7364406 16.2225427,80.2439941 16.3853504,79.7949872 L31.3895421,38.4149546 C32.5583467,35.1915106 35.0502306,32.6220155 38.2363226,31.3549271 Z" id="面" fill="#3F0603" transform="translate(48.8061, 48.7763) rotate(226) translate(-48.8061, -48.7763)"></path>
|
||||||
|
<g id="方形柱子】" transform="translate(3.4375, 6.1837)">
|
||||||
|
<g id="绿色小方形" opacity="0.650121053" transform="translate(49.6492, 26.7901)">
|
||||||
|
<path d="M35,18.4571965 L35,23.1235653 C35,23.5203437 34.7654133,23.8795915 34.4021299,24.0391479 L19.4416685,30.6098803 C18.6485743,30.9582125 17.7436266,30.9467361 16.959621,30.5784034 L2.52017207,23.7946249 C1.81855902,23.465001 1.37061069,22.7596299 1.37061069,21.9844442 L1.37061069,18.5180883 L1.37061069,18.5180883 L16.9581204,25.4718514 C17.7388715,25.8201533 18.6311365,25.8188076 19.4108335,25.4681525 L35,18.4571965 L35,18.4571965 Z" id="路径-17" fill="url(#linearGradient05-49)" fill-rule="nonzero"></path>
|
||||||
|
<path d="M1.37061069,17.9712696 L1.37061069,23.2835063 L17.7052009,30.6489704 C18.2007939,30.8724393 18.7678852,30.8753663 19.2657586,30.657025 L35,23.7568078 L35,23.7568078 L35,18.0320786" id="路径-18" stroke="url(#linearGradient05-50)" stroke-width="0.480065188" opacity="0.469401768"></path>
|
||||||
|
<path d="M14.0558472,11.7667776 L28.8219447,5.89439506 C29.3351354,5.69030242 29.9166084,5.94087586 30.120701,6.45406651 C30.208411,6.67461303 30.2148163,6.91916659 30.1387718,7.14400216 L24.9897084,22.3678833 C24.6059802,23.502426 23.7340608,24.405325 22.6136012,24.8284144 L7.59000986,30.5013739 C7.07333311,30.6964728 6.49632494,30.4357825 6.30122603,29.9191057 C6.21686589,29.6956963 6.21524076,29.4494731 6.29664458,29.2249697 L11.7735871,14.1201201 C12.1631886,13.0456388 12.9938166,12.1891404 14.0558472,11.7667776 Z" id="面-上" stroke="url(#linearGradient05-52)" stroke-width="0.5" fill="url(#linearGradient05-51)" transform="translate(18.1935, 18.1824) rotate(226) translate(-18.1935, -18.1824)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-53)" filter="url(#filter-54)" x="15.9880745" y="19.2247522" width="3.68855235" height="11.0656571"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形" transform="translate(26.6492, 14.7901)">
|
||||||
|
<path d="M35,18.4571965 L35,23.1235653 C35,23.5203437 34.7654133,23.8795915 34.4021299,24.0391479 L19.4416685,30.6098803 C18.6485743,30.9582125 17.7436266,30.9467361 16.959621,30.5784034 L2.52017207,23.7946249 C1.81855902,23.465001 1.37061069,22.7596299 1.37061069,21.9844442 L1.37061069,18.5180883 L1.37061069,18.5180883 L16.9581204,25.4718514 C17.7388715,25.8201533 18.6311365,25.8188076 19.4108335,25.4681525 L35,18.4571965 L35,18.4571965 Z" id="路径-17" fill="url(#linearGradient05-49)" fill-rule="nonzero"></path>
|
||||||
|
<path d="M1.37061069,17.9712696 L1.37061069,23.2835063 L17.7052009,30.6489704 C18.2007939,30.8724393 18.7678852,30.8753663 19.2657586,30.657025 L35,23.7568078 L35,23.7568078 L35,18.0320786" id="路径-18" stroke="url(#linearGradient05-50)" stroke-width="0.480065188" opacity="0.469401768"></path>
|
||||||
|
<path d="M14.0558472,11.7667776 L28.8219447,5.89439506 C29.3351354,5.69030242 29.9166084,5.94087586 30.120701,6.45406651 C30.208411,6.67461303 30.2148163,6.91916659 30.1387718,7.14400216 L24.9897084,22.3678833 C24.6059802,23.502426 23.7340608,24.405325 22.6136012,24.8284144 L7.59000986,30.5013739 C7.07333311,30.6964728 6.49632494,30.4357825 6.30122603,29.9191057 C6.21686589,29.6956963 6.21524076,29.4494731 6.29664458,29.2249697 L11.7735871,14.1201201 C12.1631886,13.0456388 12.9938166,12.1891404 14.0558472,11.7667776 Z" id="面-上" stroke="url(#linearGradient05-52)" stroke-width="0.5" fill="url(#linearGradient05-55)" transform="translate(18.1935, 18.1824) rotate(226) translate(-18.1935, -18.1824)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-53)" filter="url(#filter-56)" x="15.9880745" y="19.2247522" width="3.68855235" height="11.0656571"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形" opacity="0.735901606" transform="translate(4.6492, 26.7901)">
|
||||||
|
<path d="M35,18.4571965 L35,23.1235653 C35,23.5203437 34.7654133,23.8795915 34.4021299,24.0391479 L19.4416685,30.6098803 C18.6485743,30.9582125 17.7436266,30.9467361 16.959621,30.5784034 L2.52017207,23.7946249 C1.81855902,23.465001 1.37061069,22.7596299 1.37061069,21.9844442 L1.37061069,18.5180883 L1.37061069,18.5180883 L16.9581204,25.4718514 C17.7388715,25.8201533 18.6311365,25.8188076 19.4108335,25.4681525 L35,18.4571965 L35,18.4571965 Z" id="路径-17" fill="url(#linearGradient05-49)" fill-rule="nonzero"></path>
|
||||||
|
<path d="M1.37061069,17.9712696 L1.37061069,23.2835063 L17.7052009,30.6489704 C18.2007939,30.8724393 18.7678852,30.8753663 19.2657586,30.657025 L35,23.7568078 L35,23.7568078 L35,18.0320786" id="路径-18" stroke="url(#linearGradient05-50)" stroke-width="0.480065188" opacity="0.469401768"></path>
|
||||||
|
<path d="M14.0558472,11.7667776 L28.8219447,5.89439506 C29.3351354,5.69030242 29.9166084,5.94087586 30.120701,6.45406651 C30.208411,6.67461303 30.2148163,6.91916659 30.1387718,7.14400216 L24.9897084,22.3678833 C24.6059802,23.502426 23.7340608,24.405325 22.6136012,24.8284144 L7.59000986,30.5013739 C7.07333311,30.6964728 6.49632494,30.4357825 6.30122603,29.9191057 C6.21686589,29.6956963 6.21524076,29.4494731 6.29664458,29.2249697 L11.7735871,14.1201201 C12.1631886,13.0456388 12.9938166,12.1891404 14.0558472,11.7667776 Z" id="面-上" stroke="url(#linearGradient05-52)" stroke-width="0.5" fill="url(#linearGradient05-55)" transform="translate(18.1935, 18.1824) rotate(226) translate(-18.1935, -18.1824)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-53)" filter="url(#filter-57)" x="15.9880745" y="19.2247522" width="3.68855235" height="11.0656571"></rect>
|
||||||
|
</g>
|
||||||
|
<path d="M40.0586611,0 L40.0586611,49.0155147 L24.6091594,55.9019481 C23.563705,56.3679471 22.3687047,56.3637519 21.3265479,55.8904242 L5.92030855,48.8932044 L5.92030855,48.8932044 L5.92030855,0.92206976 L22.9652611,8.20255129 L40.0586611,0 Z" id="渐变路径" fill="url(#linearGradient05-58)" fill-rule="nonzero" opacity="0.687563215"></path>
|
||||||
|
<g id="绿色小方形" transform="translate(26.9748, 35.992)">
|
||||||
|
<path d="M14.4327502,16.5259426 L28.7502253,10.8319744 C29.2634159,10.6278817 29.8448889,10.8784552 30.0489816,11.3916458 C30.1366915,11.6121923 30.1430968,11.8567459 30.0670523,12.0815815 L25.0748179,26.8417772 C24.6910897,27.9763199 23.8191703,28.8792189 22.6987107,29.3023083 L8.13304913,34.8023519 C7.61637239,34.9974508 7.03936421,34.7367605 6.8442653,34.2200837 C6.75990516,33.9966743 6.75828003,33.7504511 6.83968386,33.5259477 L12.15049,18.8792852 C12.5400916,17.8048038 13.3707195,16.9483054 14.4327502,16.5259426 Z" id="面-上" stroke="url(#linearGradient05-60)" fill="url(#linearGradient05-59)" transform="translate(18.4292, 22.8017) rotate(226) translate(-18.4292, -22.8017)"></path>
|
||||||
|
<path d="M36.1381977,18.1819653 L36.1381977,24.1643692 L20.3772749,30.997042 C19.3332403,31.4496518 18.1458503,31.4361724 17.1123596,30.9599783 L1.43133965,23.7347479 L1.43133965,23.7347479 L1.43133965,18.796724 L18.7365322,26.3093022 L36.1381977,18.1819653 Z" id="路径-17" fill="url(#linearGradient05-61)" fill-rule="nonzero" opacity="0.979946318"></path>
|
||||||
|
<path d="M1.3692379,18.2019194 L1.3692379,23.0935056 C1.3692379,23.4842802 1.59686187,23.8392536 1.95199608,24.0023011 L17.9254202,31.3359428 C18.4416275,31.5729414 19.0342592,31.579266 19.5554069,31.3533381 L36.1381977,24.1643692 L36.1381977,24.1643692 L36.1381977,18.2019194" id="路径-18" stroke="url(#linearGradient05-62)" stroke-width="0.5"></path>
|
||||||
|
<path d="M14.2881972,11.9148708 L29.1866156,5.97309347 C29.7142526,5.76266165 30.3125755,6.01980721 30.5230073,6.54744415 C30.6134566,6.77423673 30.620276,7.02580986 30.5422458,7.25716939 L25.3444075,22.6687616 C24.9507608,23.8359241 24.0548715,24.7653097 22.902938,25.2015151 L7.7455244,30.9412075 C7.21428551,31.1423729 6.62055449,30.8747956 6.41938905,30.3435567 C6.33240195,30.1138406 6.33049735,29.8605782 6.41401975,29.6295799 L11.9432296,14.3374176 C12.3429207,13.23199 13.1963593,12.3503169 14.2881972,11.9148708 Z" id="面-上" stroke="url(#linearGradient05-64)" stroke-width="0.514273914" fill="url(#linearGradient05-63)" opacity="0.959288098" transform="translate(18.4533, 18.4412) rotate(226) translate(-18.4533, -18.4412)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-65)" filter="url(#filter-66)" x="17.1458725" y="26.6213664" width="3.68855235" height="4.30331108"></rect>
|
||||||
|
</g>
|
||||||
|
<path d="M63.1129994,11.1408715 L63.1129994,60.1563861 L47.3520766,66.989059 C46.308042,67.4416687 45.120652,67.4281893 44.0871613,66.9519952 L28.4061414,59.7267648 L28.4061414,59.7267648 L28.4061414,11.7556302 L45.7113339,19.2682083 L63.1129994,11.1408715 Z" id="路径-17" fill="url(#linearGradient05-67)" fill-rule="nonzero"></path>
|
||||||
|
<g id="白色小方形" transform="translate(27.5178, 5.2736)">
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient05-68)" fill-rule="nonzero" opacity="0.793249221" points="35.5951584 18.7772145 35.5951584 22.9153423 18.1934929 30.4593096 0.888300377 22.485721 0.888300377 18.7772145 17.7383388 26.3540306"></polygon>
|
||||||
|
<polygon id="路径-17" fill="url(#linearGradient05-69)" fill-rule="nonzero" opacity="0.973215012" points="35.5951584 18.7772145 35.5951584 22.9153423 18.1934929 30.4593096 0.888300377 22.485721 0.888300377 18.7772145 17.7383388 26.3540306"></polygon>
|
||||||
|
<path d="M1.16526707,18.1291381 L1.10316532,22.510823 L17.3733257,30.0778607 C17.8946831,30.3203371 18.4951795,30.3266981 19.0215564,30.0953202 L35.1822212,22.9916241 L35.1822212,22.9916241 L35.1822212,18.2586917" id="路径-18" stroke="url(#linearGradient05-70)" stroke-width="0.6"></path>
|
||||||
|
<path d="M14.0558472,11.7667776 L28.8219447,5.89439506 C29.3351354,5.69030242 29.9166084,5.94087586 30.120701,6.45406651 C30.208411,6.67461303 30.2148163,6.91916659 30.1387718,7.14400216 L24.9897084,22.3678833 C24.6059802,23.502426 23.7340608,24.405325 22.6136012,24.8284144 L7.59000986,30.5013739 C7.07333311,30.6964728 6.49632494,30.4357825 6.30122603,29.9191057 C6.21686589,29.6956963 6.21524076,29.4494731 6.29664458,29.2249697 L11.7735871,14.1201201 C12.1631886,13.0456388 12.9938166,12.1891404 14.0558472,11.7667776 Z" id="面-上" stroke="url(#linearGradient05-72)" fill="url(#linearGradient05-71)" transform="translate(18.1935, 18.1824) rotate(226) translate(-18.1935, -18.1824)"></path>
|
||||||
|
<rect id="矩形备份-5" fill="url(#linearGradient05-73)" filter="url(#filter-74)" x="16.6028332" y="23.5280632" width="3.68855235" height="6.14758725"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形-线" transform="translate(50, 17.599)">
|
||||||
|
<path d="M35.8625761,19.2717236 L35.9905716,23.588919 C36.0181116,24.4105921 35.5441537,25.166739 34.792635,25.500093 L20.1890579,31.9778566 C19.1014339,32.460298 17.8562976,32.4379507 16.7866859,31.9167919 L2.00038872,24.7122994 C1.65366382,24.5433607 1.43366911,24.1914511 1.43366911,23.805759 L1.43366911,19.5983617 L1.43366911,19.0907287" id="路径" stroke="#FEC311" stroke-width="0.504211711" fill-rule="nonzero"></path>
|
||||||
|
<path d="M14.4252583,12.1354157 L29.7464285,6.02503676 C30.2558163,5.82188305 30.8334454,6.07013485 31.0365991,6.57952266 C31.12392,6.79847127 31.1305035,7.04134337 31.0551721,7.26470098 L25.7091912,23.1155362 C25.3291594,24.2423306 24.4642558,25.139572 23.3521636,25.5606905 L7.76149511,31.4644446 C7.24862993,31.6586524 6.675434,31.4003296 6.48122616,30.8874644 C6.39724765,30.6656934 6.39540893,30.4211905 6.47604258,30.1981816 L12.161395,14.474175 C12.5472622,13.4069803 13.3711833,12.5558012 14.4252583,12.1354157 Z" id="面-上" stroke="url(#linearGradient05-75)" stroke-width="0.496486997" transform="translate(18.7416, 18.7293) rotate(226) translate(-18.7416, -18.7293)"></path>
|
||||||
|
</g>
|
||||||
|
<g id="绿色小方形-线" transform="translate(0, 7.599)">
|
||||||
|
<path d="M35.8625761,19.2717236 L35.9905716,23.588919 C36.0181116,24.4105921 35.5441537,25.166739 34.792635,25.500093 L20.1890579,31.9778566 C19.1014339,32.460298 17.8562976,32.4379507 16.7866859,31.9167919 L2.00038872,24.7122994 C1.65366382,24.5433607 1.43366911,24.1914511 1.43366911,23.805759 L1.43366911,19.5983617 L1.43366911,19.0907287" id="路径" stroke="#FEC311" stroke-width="0.504211711" fill-rule="nonzero"></path>
|
||||||
|
<path d="M14.4252583,12.1354157 L29.7464285,6.02503676 C30.2558163,5.82188305 30.8334454,6.07013485 31.0365991,6.57952266 C31.12392,6.79847127 31.1305035,7.04134337 31.0551721,7.26470098 L25.7091912,23.1155362 C25.3291594,24.2423306 24.4642558,25.139572 23.3521636,25.5606905 L7.76149511,31.4644446 C7.24862993,31.6586524 6.675434,31.4003296 6.48122616,30.8874644 C6.39724765,30.6656934 6.39540893,30.4211905 6.47604258,30.1981816 L12.161395,14.474175 C12.5472622,13.4069803 13.3711833,12.5558012 14.4252583,12.1354157 Z" id="面-上" stroke="url(#linearGradient05-75)" stroke-width="0.496486997" transform="translate(18.7416, 18.7293) rotate(226) translate(-18.7416, -18.7293)"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path d="M3.13196431,49.6961968 L3.13196431,56.2993191 C3.13196431,57.0833569 3.59008198,57.7950845 4.30373199,58.1197672 L44.9506264,76.6125065 C47.5975332,77.816745 50.6375384,77.8091476 53.278393,76.5916943 L93.3407322,58.1226625 C94.049464,57.795932 94.5034112,57.0867958 94.5034112,56.3063769 L94.5034112,49.7811747 L94.5034112,49.7811747" id="路径-20" stroke="url(#linearGradient05-76)" stroke-width="2"></path>
|
||||||
|
<path d="M43.6255178,69.239449 L3.7993178,51.2466849 C2.79270953,50.7919173 2.34535427,49.6072381 2.80012187,48.6006298 C2.99556076,48.1680343 3.33849594,47.8190567 3.7676122,47.6160926 L45.3953947,27.9269137 C47.5607581,26.9027364 50.0711127,26.9027364 52.2364761,27.9269137 L93.8423892,47.6057488 C94.8409017,48.0780269 95.2674989,49.2703383 94.7952208,50.2688508 C94.5910093,50.7006044 94.2390308,51.0450245 93.8029465,51.2398168 L53.46025,69.2603035 C50.3295786,70.6587282 46.7502305,70.6511382 43.6255178,69.239449 Z" id="线-3-上" stroke="url(#linearGradient05-77)" opacity="0.738539196"></path>
|
||||||
|
</g>
|
||||||
|
<g id="悬浮短线" transform="translate(14.8101, 16.5426)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient05-78)" x="0" y="46.6478695" width="1.22951745" height="4.9180698"></rect>
|
||||||
|
<rect id="矩形备份-3" fill="url(#linearGradient05-79)" x="25.7542094" y="54.7135265" width="1.22951745" height="7.3771047"></rect>
|
||||||
|
<rect id="矩形备份-4" fill="url(#linearGradient05-80)" x="67.2626282" y="51.7216631" width="1.22951745" height="3.68855235"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient05-81)" x="18.9918634" y="0" width="1" height="4.30331108"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient05-82)" x="69.6397329" y="16.8936601" width="1" height="3.07379363"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { getUUID } from '@/utils'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const filterId = `border-box-04-filterId-${getUUID()}`
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const {
|
||||||
|
colors,
|
||||||
|
dur,
|
||||||
|
borderTitle,
|
||||||
|
borderTitleColor,
|
||||||
|
borderTitleSize,
|
||||||
|
borderTitleHeight,
|
||||||
|
borderTitleWidth,
|
||||||
|
backgroundColor
|
||||||
|
} = toRefs(props.chartConfig.option)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-04') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('borderTitleColor');
|
||||||
|
font-size: v-bind('borderTitleSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles06Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dur: 0.5,
|
||||||
|
borderTitle: '图标',
|
||||||
|
borderTitleWidth: 124,
|
||||||
|
borderTitleHeight: 140,
|
||||||
|
borderTitleSize: 18,
|
||||||
|
borderTitleColor: '#fff',
|
||||||
|
colors: ['#8aaafb', '#1f33a2'],
|
||||||
|
backgroundColor: '#00000000'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles06Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles06Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<CollapseItem name="边框" :expanded="true">
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles06Config: ConfigType = {
|
||||||
|
key: 'Titles06',
|
||||||
|
chartKey: 'VTitles06',
|
||||||
|
conKey: 'VCTitles06',
|
||||||
|
title: '图标-03',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'jczx.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,444 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-04">
|
||||||
|
<svg :width="w" :height="h">
|
||||||
|
<title>监测中心@2x</title>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="124" height="140"></rect>
|
||||||
|
<linearGradient x1="50.3709284%" y1="50.0988276%" x2="49.5795758%" y2="50%" id="linearGradient06-3">
|
||||||
|
<stop stop-color="#7ABF35" offset="0%"></stop>
|
||||||
|
<stop stop-color="#83C046" offset="42.1166717%"></stop>
|
||||||
|
<stop stop-color="#83AF45" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1427.3%" y="-35.3%" width="2954.7%" height="170.7%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient06-5">
|
||||||
|
<stop stop-color="#0F2414" offset="0%"></stop>
|
||||||
|
<stop stop-color="#122D18" offset="49.4998667%"></stop>
|
||||||
|
<stop stop-color="#0C1E10" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient06-6">
|
||||||
|
<stop stop-color="#274E31" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#112616" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient06-7">
|
||||||
|
<stop stop-color="#274E31" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#D1E311" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-50.2%" y="-69.4%" width="200.5%" height="238.7%" filterUnits="objectBoundingBox" id="filter-8">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-9" points="0.49262406 5.33464046 3.30213192 6.83209304 3.30213192 10.8516806 0.49262406 9.32217107"></polygon>
|
||||||
|
<filter x="-338.1%" y="-178.2%" width="776.3%" height="456.6%" filterUnits="objectBoundingBox" id="filter-10">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-11" points="15.7227757 12.0359072 18.5322836 13.5333598 18.5322836 17.5529473 15.7227757 16.0234378"></polygon>
|
||||||
|
<filter x="-338.1%" y="-178.2%" width="776.3%" height="456.6%" filterUnits="objectBoundingBox" id="filter-12">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-13" points="23.0332485 15.4332758 25.8427563 16.9307283 25.8427563 20.9503159 23.0332485 19.4208064"></polygon>
|
||||||
|
<filter x="-249.2%" y="-90.6%" width="598.3%" height="353.8%" filterUnits="objectBoundingBox" id="filter-14">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.647058824 0 0 0 0 0.980392157 0 0 0 0 0.0156862745 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient06-15">
|
||||||
|
<stop stop-color="#E3FFE0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#34FF1F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-16" points="3.12584798 25.7881012 20.7532488 18.1172646 20.7532488 20.5767789 3.12584798 28.2249254"></polygon>
|
||||||
|
<filter x="-34.0%" y="-59.4%" width="168.1%" height="218.7%" filterUnits="objectBoundingBox" id="filter-17">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="97.6494632%" y1="0%" x2="9.83107636%" y2="100%" id="linearGradient06-18">
|
||||||
|
<stop stop-color="#71DD88" offset="0%"></stop>
|
||||||
|
<stop stop-color="#39E050" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="87.8859068%" y1="-4.01678446%" x2="68.7073904%" y2="78.148201%" id="linearGradient06-19">
|
||||||
|
<stop stop-color="#2F5931" offset="0%"></stop>
|
||||||
|
<stop stop-color="#09160D" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.9511376%" y1="28.704808%" x2="171.528591%" y2="171.554467%" id="linearGradient06-20">
|
||||||
|
<stop stop-color="#59F192" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.7247659%" y1="29.8397752%" x2="165.196661%" y2="160.286157%" id="linearGradient06-21">
|
||||||
|
<stop stop-color="#19A91E" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0E3112" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.1228576%" y1="28.1607792%" x2="217.257821%" y2="210.571279%" id="linearGradient06-22">
|
||||||
|
<stop stop-color="#2DDF59" offset="0%"></stop>
|
||||||
|
<stop stop-color="#59F192" stop-opacity="0.293515505" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="59.253267%" y1="59.1004853%" x2="27.3129577%" y2="28.4885818%" id="linearGradient06-23">
|
||||||
|
<stop stop-color="#0B210E" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#113F13" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1427.3%" y="-35.3%" width="2954.7%" height="170.7%" filterUnits="objectBoundingBox" id="filter-24">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-50.2%" y="-69.4%" width="200.5%" height="238.7%" filterUnits="objectBoundingBox" id="filter-25">
|
||||||
|
<feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-26" points="0.49262406 5.33464046 3.30213192 6.83209304 3.30213192 10.8516806 0.49262406 9.32217107"></polygon>
|
||||||
|
<filter x="-338.1%" y="-178.2%" width="776.3%" height="456.6%" filterUnits="objectBoundingBox" id="filter-27">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-28" points="15.7227757 12.0359072 18.5322836 13.5333598 18.5322836 17.5529473 15.7227757 16.0234378"></polygon>
|
||||||
|
<filter x="-338.1%" y="-178.2%" width="776.3%" height="456.6%" filterUnits="objectBoundingBox" id="filter-29">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.644271493 0 0 0 0 0.980839789 0 0 0 0 0.00641233753 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-30" points="23.0332485 15.4332758 25.8427563 16.9307283 25.8427563 20.9503159 23.0332485 19.4208064"></polygon>
|
||||||
|
<filter x="-249.2%" y="-90.6%" width="598.3%" height="353.8%" filterUnits="objectBoundingBox" id="filter-31">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.647058824 0 0 0 0 0.980392157 0 0 0 0 0.0156862745 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-32" points="3.12584798 25.7881012 20.7532488 18.1172646 20.7532488 20.5767789 3.12584798 28.2249254"></polygon>
|
||||||
|
<filter x="-34.0%" y="-59.4%" width="168.1%" height="218.7%" filterUnits="objectBoundingBox" id="filter-33">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.215686275 0 0 0 0 1 0 0 0 0 0.137254902 0 0 0 0.482596978 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-34">
|
||||||
|
<stop stop-color="#20671A" stop-opacity="0.197125415" offset="0%"></stop>
|
||||||
|
<stop stop-color="#164C14" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-35">
|
||||||
|
<stop stop-color="#CDFC40" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EF81E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-36">
|
||||||
|
<stop stop-color="#ABE71C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#72CA0C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.8590112%" y1="-9.1324637%" x2="50%" y2="91.1543996%" id="linearGradient06-37">
|
||||||
|
<stop stop-color="#41720C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#304F05" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="28.6878014%" y1="-21.842214%" x2="50%" y2="100%" id="linearGradient06-38">
|
||||||
|
<stop stop-color="#41720C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#304F05" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="50%" x2="50%" y2="107.44481%" id="linearGradient06-39">
|
||||||
|
<stop stop-color="#CAEC4C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F0FDDF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="98.2139321%" id="linearGradient06-40">
|
||||||
|
<stop stop-color="#F8FAAD" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F0FDDF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="98.2139321%" id="linearGradient06-41">
|
||||||
|
<stop stop-color="#DEFDAF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0.849114265%" x2="50%" y2="100%" id="linearGradient06-42">
|
||||||
|
<stop stop-color="#CDFC40" stop-opacity="0.459134189" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EF81E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-43">
|
||||||
|
<stop stop-color="#ABE71C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#72CA0C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.8590112%" y1="37.9033721%" x2="50%" y2="58.4188858%" id="linearGradient06-44">
|
||||||
|
<stop stop-color="#41720C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#304F05" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-45">
|
||||||
|
<stop stop-color="#CDFC40" stop-opacity="0.644254671" offset="0%"></stop>
|
||||||
|
<stop stop-color="#9EF81E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-46">
|
||||||
|
<stop stop-color="#ABE71C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#72CA0C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.8590112%" y1="32.5784315%" x2="50%" y2="62.1248828%" id="linearGradient06-47">
|
||||||
|
<stop stop-color="#41720C" offset="0%"></stop>
|
||||||
|
<stop stop-color="#304F05" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-48">
|
||||||
|
<stop stop-color="#478B16" offset="0%"></stop>
|
||||||
|
<stop stop-color="#296305" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-49">
|
||||||
|
<stop stop-color="#FFFF39" offset="0%"></stop>
|
||||||
|
<stop stop-color="#B9FF13" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="100%" x2="129.006202%" y2="-88.0599498%" id="linearGradient06-50">
|
||||||
|
<stop stop-color="#7FFF01" offset="0%"></stop>
|
||||||
|
<stop stop-color="#7EFD01" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient06-51">
|
||||||
|
<stop stop-color="#7DF117" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#82F70F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient06-52">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient06-53">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient06-54">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient06-55">
|
||||||
|
<stop stop-color="#E3EF10" offset="0%"></stop>
|
||||||
|
<stop stop-color="#5DA61C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-导航页-图标区" transform="translate(-807, -214)">
|
||||||
|
<g id="监测中心" transform="translate(807, 214)">
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="蒙版"></g>
|
||||||
|
<g id="倒影" opacity="0.104379" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(1, 34)">
|
||||||
|
<path d="M46.8375,57.0449134 L100.094089,35.8651086 C101.12047,35.4569233 102.283416,35.9580702 102.691601,36.9844515 C102.867315,37.4262826 102.879865,37.9162629 102.727002,38.3665103 L82.5847939,97.6937579 C82.3927947,98.2592759 81.9581147,98.7094003 81.3996418,98.9210188 L22.834167,121.112854 C21.8012648,121.504245 20.6466471,120.984197 20.2552562,119.951295 C20.0857384,119.503928 20.0821976,119.010616 20.2452761,118.560863 L39.9907194,64.1049409 C41.159524,60.8814969 43.6514079,58.3120018 46.8375,57.0449134 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(61.44, 78.4603) rotate(226) translate(-61.44, -78.4603)"></path>
|
||||||
|
<line x1="60.8307637" y1="87.3985097" x2="60.8307637" y2="104.3787" id="竖线" stroke="url(#linearGradient06-3)" stroke-width="6" fill="none" filter="url(#filter-4)"></line>
|
||||||
|
<line x1="121.142164" y1="61.2026489" x2="121.142164" y2="78.1828393" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M46.8375,51.5620588 L100.094089,30.382254 C101.12047,29.9740687 102.283416,30.4752156 102.691601,31.5015969 C102.867315,31.943428 102.879865,32.4334083 102.727002,32.8836557 L82.5847939,92.2109033 C82.3927947,92.7764213 81.9581147,93.2265457 81.3996418,93.4381642 L22.834167,115.629999 C21.8012648,116.02139 20.6466471,115.501343 20.2552562,114.46844 C20.0857384,114.021074 20.0821976,113.527762 20.2452761,113.078008 L39.9907194,58.6220864 C41.159524,55.3986423 43.6514079,52.8291472 46.8375,51.5620588 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.44, 72.9775) rotate(226) translate(-61.44, -72.9775)"></path>
|
||||||
|
<path d="M46.8375,46.6884103 L100.094089,25.5086055 C101.12047,25.1004202 102.283416,25.6015671 102.691601,26.6279484 C102.867315,27.0697795 102.879865,27.5597598 102.727002,28.0100072 L82.5847939,87.3372548 C82.3927947,87.9027728 81.9581147,88.3528972 81.3996418,88.5645156 L22.834167,110.756351 C21.8012648,111.147742 20.6466471,110.627694 20.2552562,109.594792 C20.0857384,109.147425 20.0821976,108.654113 20.2452761,108.204359 L39.9907194,53.7484378 C41.159524,50.5249938 43.6514079,47.9554987 46.8375,46.6884103 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.44, 68.1038) rotate(226) translate(-61.44, -68.1038)"></path>
|
||||||
|
<path d="M1.21841213,61.5298126 L56.2502185,86.9446629 C59.4427756,88.4190532 63.1201874,88.424832 66.3173626,86.9604828 L121.841213,61.5298126 L121.841213,61.5298126 L121.841213,76.8933106 L64.1794286,103.55058 C62.3414561,104.380615 60.2356021,104.381722 58.3967585,103.553618 L58.3967723,103.553624 L58.3967723,103.553624 L1.21841213,77.369515 L1.21841213,61.5298126 Z" id="路径-14" stroke="none" fill="url(#linearGradient06-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient06-6)" fill-rule="evenodd" points="1.8276182 62.1390187 61.5298126 90.1624977 61.5298126 105.392649 1.8276182 77.3691703"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient06-7)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-8)" points="1.8276182 62.1390187 61.5298126 88.9440856 61.5298126 105.392649 1.8276182 77.3691703"></polygon>
|
||||||
|
<line x1="1.43317233" y1="61.2026489" x2="1.43317233" y2="78.1828393" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(4.9902, 64.7241)">
|
||||||
|
<polyline id="路径-3" stroke="#6FB53B" points="2.80271216 -8.65689515e-15 2.80271216 3.64792419 22.6595193 12.574368 23.4173247 15.8369093"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#6FB53B" points="24.4104765 9.64253395 25.4747974 14.07375 34.0754961 18.147842 38.3547773 15.8059442"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#6FB53B" points="0 14.5936718 2.29115106 13.2033893 32.3631967 27.0927603 32.3631967 29.3671512"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-9"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-11"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
|
||||||
|
<use fill="#A5FA04" fill-rule="evenodd" xlink:href="#path-13"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(69.9789, 65.3349)">
|
||||||
|
<polyline id="路径-10" stroke="#6FB53B" points="0 19.9588723 2.6787946 22.949656 24.1511653 13.0969546 24.6013232 10.9566975 42.1204158 2.75037409 42.1204158 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#6FB53B" points="1.16041008 35.2236842 1.16041008 32.6581842 26.9664668 20.8854298 27.6317616 18.7264707"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#6FB53B" points="30.0158065 19.3874138 37.7089239 15.6740834 40.8083828 17.1298616"></polyline>
|
||||||
|
<line x1="42.1204158" y1="11.8795644" x2="42.1204158" y2="16.8924955" id="路径-13" stroke="#6FB53B"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-17)" xlink:href="#path-16"></use>
|
||||||
|
<use fill="url(#linearGradient06-15)" fill-rule="evenodd" xlink:href="#path-16"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0E320F" points="21.40203 17.8684223 39.0645971 9.90870304 39.0645971 12.3455273 21.40203 20.3052466"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M21.2845191,121.097234 C20.6552688,121.335672 19.9518687,121.018856 19.713431,120.389606 C19.6101597,120.117067 19.6080027,119.816539 19.7073511,119.542546 L40.7512792,61.5055353 C41.4633221,59.5417936 42.9813929,57.9764416 44.9223795,57.2045237 L101.709754,34.6205479 C102.335032,34.371879 103.043506,34.6771807 103.292174,35.3024584" id="形状" stroke="url(#linearGradient06-18)" stroke-width="3" fill="none" transform="translate(61.4633, 77.8553) rotate(226) translate(-61.4633, -77.8553)"></path>
|
||||||
|
<path d="M46.8375,39.9871436 L100.094089,18.8073387 C101.12047,18.3991535 102.283416,18.9003004 102.691601,19.9266817 C102.867315,20.3685128 102.879865,20.8584931 102.727002,21.3087405 L82.5847939,80.6359881 C82.3927947,81.2015061 81.9581147,81.6516304 81.3996418,81.8632489 L22.834167,104.055084 C21.8012648,104.446475 20.6466471,103.926427 20.2552562,102.893525 C20.0857384,102.446158 20.0821976,101.952847 20.2452761,101.503093 L39.9907194,47.0471711 C41.159524,43.8237271 43.6514079,41.254232 46.8375,39.9871436 Z" id="面" stroke="none" fill="url(#linearGradient06-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(61.44, 61.4026) rotate(226) translate(-61.44, -61.4026)"></path>
|
||||||
|
<path d="M46.8375,39.9871436 L100.094089,18.8073387 C101.12047,18.3991535 102.283416,18.9003004 102.691601,19.9266817 C102.867315,20.3685128 102.879865,20.8584931 102.727002,21.3087405 L82.5847939,80.6359881 C82.3927947,81.2015061 81.9581147,81.6516304 81.3996418,81.8632489 L22.834167,104.055084 C21.8012648,104.446475 20.6466471,103.926427 20.2552562,102.893525 C20.0857384,102.446158 20.0821976,101.952847 20.2452761,101.503093 L39.9907194,47.0471711 C41.159524,43.8237271 43.6514079,41.254232 46.8375,39.9871436 Z" id="线" stroke="url(#linearGradient06-20)" stroke-width="1" fill="none" transform="translate(61.44, 61.4026) rotate(226) translate(-61.44, -61.4026)"></path>
|
||||||
|
<path d="M49.4722104,42.9755519 L93.3928222,25.5086055 C94.4192035,25.1004202 95.5821495,25.6015671 95.9903348,26.6279484 C96.1660482,27.0697795 96.1785986,27.5597598 96.025735,28.0100072 L79.1565448,77.6968457 C78.9645456,78.2623637 78.5298656,78.7124881 77.9713928,78.9241066 L28.9262277,97.5084725 C27.8933255,97.8998634 26.7387078,97.3798158 26.3473169,96.3469136 C26.1777991,95.8995469 26.1742583,95.4062351 26.3373368,94.9564812 L42.6254299,50.0355795 C43.7942344,46.8121355 46.2861184,44.2426403 49.4722104,42.9755519 Z" id="面" stroke="none" fill="url(#linearGradient06-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(61.1354, 61.4799) rotate(226) translate(-61.1354, -61.4799)"></path>
|
||||||
|
<path d="M49.4722104,42.9755519 L93.3928222,25.5086055 C94.4192035,25.1004202 95.5821495,25.6015671 95.9903348,26.6279484 C96.1660482,27.0697795 96.1785986,27.5597598 96.025735,28.0100072 L79.1565448,77.6968457 C78.9645456,78.2623637 78.5298656,78.7124881 77.9713928,78.9241066 L28.9262277,97.5084725 C27.8933255,97.8998634 26.7387078,97.3798158 26.3473169,96.3469136 C26.1777991,95.8995469 26.1742583,95.4062351 26.3373368,94.9564812 L42.6254299,50.0355795 C43.7942344,46.8121355 46.2861184,44.2426403 49.4722104,42.9755519 Z" id="线" stroke="url(#linearGradient06-22)" stroke-width="1.5" fill="none" transform="translate(61.1354, 61.4799) rotate(226) translate(-61.1354, -61.4799)"></path>
|
||||||
|
<path d="M52.1954474,46.968865 L84.4827021,34.1815056 C85.3096874,33.8539782 86.2456049,34.2588689 86.5731322,35.0858542 C86.7140924,35.4417695 86.7236673,35.8362568 86.6001403,36.1985916 L74.0994203,72.8662604 C73.9442136,73.3215196 73.5936517,73.6835819 73.1436377,73.8533979 L36.7885298,87.5722612 C35.9563283,87.8862985 35.0271181,87.4662434 34.7130808,86.6340418 C34.5770741,86.273623 34.5747592,85.8763925 34.7065559,85.514413 L46.673537,52.6471172 C47.618301,50.0523244 49.6280362,47.9856876 52.1954474,46.968865 Z" id="面" stroke="none" fill="url(#linearGradient06-23)" fill-rule="evenodd" opacity="0.922354562" transform="translate(60.616, 60.854) rotate(226) translate(-60.616, -60.854)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="17.0577698" cy="61.5298126" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1B7C2D" fill-rule="evenodd" cx="51.1733095" cy="67.6218733" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1F9F37" fill-rule="evenodd" cx="85.2888492" cy="59.0929884" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="底座" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(1, 15)">
|
||||||
|
<path d="M46.8375,57.0449134 L100.094089,35.8651086 C101.12047,35.4569233 102.283416,35.9580702 102.691601,36.9844515 C102.867315,37.4262826 102.879865,37.9162629 102.727002,38.3665103 L82.5847939,97.6937579 C82.3927947,98.2592759 81.9581147,98.7094003 81.3996418,98.9210188 L22.834167,121.112854 C21.8012648,121.504245 20.6466471,120.984197 20.2552562,119.951295 C20.0857384,119.503928 20.0821976,119.010616 20.2452761,118.560863 L39.9907194,64.1049409 C41.159524,60.8814969 43.6514079,58.3120018 46.8375,57.0449134 Z" id="矩形" stroke="#71DD88" stroke-width="2" fill="none" transform="translate(61.44, 78.4603) rotate(226) translate(-61.44, -78.4603)"></path>
|
||||||
|
<line x1="60.8307637" y1="87.3985097" x2="60.8307637" y2="104.3787" id="竖线" stroke="url(#linearGradient06-3)" stroke-width="6" fill="none" filter="url(#filter-24)"></line>
|
||||||
|
<line x1="121.142164" y1="61.2026489" x2="121.142164" y2="78.1828393" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M46.8375,51.5620588 L100.094089,30.382254 C101.12047,29.9740687 102.283416,30.4752156 102.691601,31.5015969 C102.867315,31.943428 102.879865,32.4334083 102.727002,32.8836557 L82.5847939,92.2109033 C82.3927947,92.7764213 81.9581147,93.2265457 81.3996418,93.4381642 L22.834167,115.629999 C21.8012648,116.02139 20.6466471,115.501343 20.2552562,114.46844 C20.0857384,114.021074 20.0821976,113.527762 20.2452761,113.078008 L39.9907194,58.6220864 C41.159524,55.3986423 43.6514079,52.8291472 46.8375,51.5620588 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.44, 72.9775) rotate(226) translate(-61.44, -72.9775)"></path>
|
||||||
|
<path d="M46.8375,46.6884103 L100.094089,25.5086055 C101.12047,25.1004202 102.283416,25.6015671 102.691601,26.6279484 C102.867315,27.0697795 102.879865,27.5597598 102.727002,28.0100072 L82.5847939,87.3372548 C82.3927947,87.9027728 81.9581147,88.3528972 81.3996418,88.5645156 L22.834167,110.756351 C21.8012648,111.147742 20.6466471,110.627694 20.2552562,109.594792 C20.0857384,109.147425 20.0821976,108.654113 20.2452761,108.204359 L39.9907194,53.7484378 C41.159524,50.5249938 43.6514079,47.9554987 46.8375,46.6884103 Z" id="内线" stroke="#71DD88" stroke-width="1" fill="none" opacity="0.499497" transform="translate(61.44, 68.1038) rotate(226) translate(-61.44, -68.1038)"></path>
|
||||||
|
<path d="M1.21841213,61.5298126 L56.2502185,86.9446629 C59.4427756,88.4190532 63.1201874,88.424832 66.3173626,86.9604828 L121.841213,61.5298126 L121.841213,61.5298126 L121.841213,76.8933106 L64.1794286,103.55058 C62.3414561,104.380615 60.2356021,104.381722 58.3967585,103.553618 L58.3967723,103.553624 L58.3967723,103.553624 L1.21841213,77.369515 L1.21841213,61.5298126 Z" id="路径-14" stroke="none" fill="url(#linearGradient06-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient06-6)" fill-rule="evenodd" points="1.8276182 62.1390187 61.5298126 90.1624977 61.5298126 105.392649 1.8276182 77.3691703"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient06-7)" fill-rule="evenodd" opacity="0.60135687" filter="url(#filter-25)" points="1.8276182 62.1390187 61.5298126 88.9440856 61.5298126 105.392649 1.8276182 77.3691703"></polygon>
|
||||||
|
<line x1="1.43317233" y1="61.2026489" x2="1.43317233" y2="78.1828393" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(4.9902, 64.7241)">
|
||||||
|
<polyline id="路径-3" stroke="#6FB53B" points="2.80271216 -8.65689515e-15 2.80271216 3.64792419 22.6595193 12.574368 23.4173247 15.8369093"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#6FB53B" points="24.4104765 9.64253395 25.4747974 14.07375 34.0754961 18.147842 38.3547773 15.8059442"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#6FB53B" points="0 14.5936718 2.29115106 13.2033893 32.3631967 27.0927603 32.3631967 29.3671512"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-27)" xlink:href="#path-26"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-26"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-29)" xlink:href="#path-28"></use>
|
||||||
|
<use stroke="#A5FA04" stroke-width="1" fill="#F9F204" fill-rule="evenodd" xlink:href="#path-28"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-31)" xlink:href="#path-30"></use>
|
||||||
|
<use fill="#A5FA04" fill-rule="evenodd" xlink:href="#path-30"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(69.9789, 65.3349)">
|
||||||
|
<polyline id="路径-10" stroke="#6FB53B" points="0 19.9588723 2.6787946 22.949656 24.1511653 13.0969546 24.6013232 10.9566975 42.1204158 2.75037409 42.1204158 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#6FB53B" points="1.16041008 35.2236842 1.16041008 32.6581842 26.9664668 20.8854298 27.6317616 18.7264707"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#6FB53B" points="30.0158065 19.3874138 37.7089239 15.6740834 40.8083828 17.1298616"></polyline>
|
||||||
|
<line x1="42.1204158" y1="11.8795644" x2="42.1204158" y2="16.8924955" id="路径-13" stroke="#6FB53B"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-33)" xlink:href="#path-32"></use>
|
||||||
|
<use fill="url(#linearGradient06-15)" fill-rule="evenodd" xlink:href="#path-32"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0E320F" points="21.40203 17.8684223 39.0645971 9.90870304 39.0645971 12.3455273 21.40203 20.3052466"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M21.2845191,121.097234 C20.6552688,121.335672 19.9518687,121.018856 19.713431,120.389606 C19.6101597,120.117067 19.6080027,119.816539 19.7073511,119.542546 L40.7512792,61.5055353 C41.4633221,59.5417936 42.9813929,57.9764416 44.9223795,57.2045237 L101.709754,34.6205479 C102.335032,34.371879 103.043506,34.6771807 103.292174,35.3024584" id="形状" stroke="url(#linearGradient06-18)" stroke-width="3" fill="none" transform="translate(61.4633, 77.8553) rotate(226) translate(-61.4633, -77.8553)"></path>
|
||||||
|
<path d="M46.8375,39.9871436 L100.094089,18.8073387 C101.12047,18.3991535 102.283416,18.9003004 102.691601,19.9266817 C102.867315,20.3685128 102.879865,20.8584931 102.727002,21.3087405 L82.5847939,80.6359881 C82.3927947,81.2015061 81.9581147,81.6516304 81.3996418,81.8632489 L22.834167,104.055084 C21.8012648,104.446475 20.6466471,103.926427 20.2552562,102.893525 C20.0857384,102.446158 20.0821976,101.952847 20.2452761,101.503093 L39.9907194,47.0471711 C41.159524,43.8237271 43.6514079,41.254232 46.8375,39.9871436 Z" id="面" stroke="none" fill="url(#linearGradient06-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(61.44, 61.4026) rotate(226) translate(-61.44, -61.4026)"></path>
|
||||||
|
<path d="M46.8375,39.9871436 L100.094089,18.8073387 C101.12047,18.3991535 102.283416,18.9003004 102.691601,19.9266817 C102.867315,20.3685128 102.879865,20.8584931 102.727002,21.3087405 L82.5847939,80.6359881 C82.3927947,81.2015061 81.9581147,81.6516304 81.3996418,81.8632489 L22.834167,104.055084 C21.8012648,104.446475 20.6466471,103.926427 20.2552562,102.893525 C20.0857384,102.446158 20.0821976,101.952847 20.2452761,101.503093 L39.9907194,47.0471711 C41.159524,43.8237271 43.6514079,41.254232 46.8375,39.9871436 Z" id="线" stroke="url(#linearGradient06-20)" stroke-width="1" fill="none" transform="translate(61.44, 61.4026) rotate(226) translate(-61.44, -61.4026)"></path>
|
||||||
|
<path d="M49.4722104,42.9755519 L93.3928222,25.5086055 C94.4192035,25.1004202 95.5821495,25.6015671 95.9903348,26.6279484 C96.1660482,27.0697795 96.1785986,27.5597598 96.025735,28.0100072 L79.1565448,77.6968457 C78.9645456,78.2623637 78.5298656,78.7124881 77.9713928,78.9241066 L28.9262277,97.5084725 C27.8933255,97.8998634 26.7387078,97.3798158 26.3473169,96.3469136 C26.1777991,95.8995469 26.1742583,95.4062351 26.3373368,94.9564812 L42.6254299,50.0355795 C43.7942344,46.8121355 46.2861184,44.2426403 49.4722104,42.9755519 Z" id="面" stroke="none" fill="url(#linearGradient06-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(61.1354, 61.4799) rotate(226) translate(-61.1354, -61.4799)"></path>
|
||||||
|
<path d="M49.4722104,42.9755519 L93.3928222,25.5086055 C94.4192035,25.1004202 95.5821495,25.6015671 95.9903348,26.6279484 C96.1660482,27.0697795 96.1785986,27.5597598 96.025735,28.0100072 L79.1565448,77.6968457 C78.9645456,78.2623637 78.5298656,78.7124881 77.9713928,78.9241066 L28.9262277,97.5084725 C27.8933255,97.8998634 26.7387078,97.3798158 26.3473169,96.3469136 C26.1777991,95.8995469 26.1742583,95.4062351 26.3373368,94.9564812 L42.6254299,50.0355795 C43.7942344,46.8121355 46.2861184,44.2426403 49.4722104,42.9755519 Z" id="线" stroke="url(#linearGradient06-22)" stroke-width="1.5" fill="none" transform="translate(61.1354, 61.4799) rotate(226) translate(-61.1354, -61.4799)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="17.0577698" cy="61.5298126" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#1B7C2D" fill-rule="evenodd" cx="53.0009277" cy="69.4494915" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#25CF45" fill-rule="evenodd" cx="85.2888492" cy="59.0929884" rx="1.21841213" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="icon" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(18, 4)">
|
||||||
|
<g id="编组-10">
|
||||||
|
<g id="阴影" transform="translate(0.6841, 48.0302)" fill="url(#linearGradient06-34)">
|
||||||
|
<path d="M43.9521812,30.4574826 C46.2266392,30.4574826 48.2771595,29.7937041 49.7216148,28.7306967 L59.9371204,33.7406201 L43.3484664,42.840561 L26.1958599,34.1505438 L38.0529363,28.6328301 C39.5029628,29.752808 41.6087047,30.4574826 43.9521812,30.4574826 Z" id="形状结合"></path>
|
||||||
|
<path d="M17.7563204,17.6641552 C20.0307784,17.6641552 22.0812987,17.0003767 23.525754,15.9373693 L33.7412596,20.9472928 L17.1526056,30.0472336 L-9.50496942e-07,21.3572164 L11.8570755,15.8395027 C13.307102,16.9594807 15.4128438,17.6641552 17.7563204,17.6641552 Z" id="形状结合"></path>
|
||||||
|
<path d="M70.1480421,15.836537 C72.4225001,15.836537 74.4730204,15.1727585 75.9174756,14.1097511 L86.1329812,19.1196746 L69.5443272,28.2196154 L52.3917207,19.5295982 L64.2487971,14.0118845 C65.6988236,15.1318625 67.8045655,15.836537 70.1480421,15.836537 Z" id="形状结合"></path>
|
||||||
|
<path d="M44.5613873,1.82479753 C46.8358453,1.82479753 48.8863656,1.16101898 50.3308209,0.0980115718 L60.5463264,5.10793506 L43.9576725,14.2078759 L26.8050659,5.51785869 L38.6621424,0.00014501104 C40.1121689,1.12012295 42.2179107,1.82479753 44.5613873,1.82479753 Z" id="形状结合"></path>
|
||||||
|
</g>
|
||||||
|
<g id="五角盒" transform="translate(26.1959, 36.1526)">
|
||||||
|
<path d="M18.4273677,1.53832502e-12 L34.4253342,7.84746571 L24.0911175,13.516085 C22.6541178,12.503105 20.6532413,11.874801 18.4403951,11.874801 C15.8595677,11.874801 13.56707,12.729445 12.1211807,14.0522324 L0.684073692,8.25738934 L18.4273677,1.53832502e-12 Z" id="形状结合" fill="url(#linearGradient06-35)"></path>
|
||||||
|
<path d="M18.4273677,5.48285459 L34.4253342,13.3303203 L24.0911175,18.9989396 C22.6541178,17.9859596 20.6532413,17.3576556 18.4403951,17.3576556 C15.8595677,17.3576556 13.56707,18.2122996 12.1211807,19.535087 L0.684073692,13.7402439 L18.4273677,5.48285459 Z" id="形状结合" fill="url(#linearGradient06-35)" opacity="0.859860375"></path>
|
||||||
|
<path d="M18.4273677,1.53832502e-12 L34.4253342,7.84746571 L24.0911175,13.516085 C22.6541178,12.503105 20.6532413,11.874801 18.4403951,11.874801 C15.8595677,11.874801 13.56707,12.729445 12.1211807,14.0522324 L0.684073692,8.25738934 L18.4273677,1.53832502e-12 Z" id="形状结合" stroke="url(#linearGradient06-36)"></path>
|
||||||
|
<g id="编组-9" transform="translate(0, 8.2508)" fill-rule="nonzero">
|
||||||
|
<polygon id="路径-28" fill="url(#linearGradient06-37)" points="12.245971 11.1100589 0.137694925 4.8424628 4.03251336e-12 0 12.1818115 6.17706528"></polygon>
|
||||||
|
<polygon id="路径-29" fill="#82FF02" points="0.125172043 4.44996383 12.245971 10.8027699 12.245971 11.4714171 0.160472351 5.27252776"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="编组-9" transform="translate(29.5843, 13.7779) scale(-1, 1) translate(-29.5843, -13.7779)translate(24.0879, 7.834)" fill-rule="nonzero">
|
||||||
|
<polygon id="路径-28" fill="url(#linearGradient06-38)" points="10.9927294 11.2044338 4.99891456e-12 4.83278959 1.32438295e-12 0 10.9927294 6.04392043"></polygon>
|
||||||
|
<polygon id="路径-29" fill="#82FF02" points="-7.15927925e-13 4.83278959 10.9927294 11.2044338 10.9927294 11.8877919 -7.15927925e-13 5.65882693"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="圆饼" transform="translate(33.5063, 52.1465)">
|
||||||
|
<ellipse id="椭圆形" fill="url(#linearGradient06-39)" cx="10.9657092" cy="8.22428189" rx="10.9657092" ry="4.56904549"></ellipse>
|
||||||
|
<polygon id="路径-30" fill="#CAEC4C" points="0 4.72181184 0 8.22428189 2.06379503 7.15306606"></polygon>
|
||||||
|
<polygon id="路径-30备份" fill="#CAEC4C" transform="translate(20.8917, 6.473) scale(-1, 1) translate(-20.8917, -6.473)" points="19.8598452 4.72181184 19.8598452 8.22428189 21.9236402 7.15306606"></polygon>
|
||||||
|
<ellipse id="椭圆形" fill="url(#linearGradient06-40)" cx="10.9657092" cy="4.56904549" rx="10.9657092" ry="4.56904549"></ellipse>
|
||||||
|
<ellipse id="椭圆形" fill="url(#linearGradient06-41)" cx="11.2703122" cy="5.78745762" rx="8.22428189" ry="3.35063336"></ellipse>
|
||||||
|
</g>
|
||||||
|
<g id="五角盒" transform="translate(26.1959, 63.2604)">
|
||||||
|
<path d="M18.4403951,1.82479753 C20.7148531,1.82479753 22.7653734,1.16101898 24.2098286,0.0980115718 L34.4253342,5.10793506 L17.8366802,14.2078759 L0.684073692,5.51785869 L12.5411501,0.00014501104 C13.9911766,1.12012295 16.0969185,1.82479753 18.4403951,1.82479753 Z" id="形状结合" fill="url(#linearGradient06-42)"></path>
|
||||||
|
<path d="M18.4403951,1.82479753 C20.7148531,1.82479753 22.7653734,1.16101898 24.2098286,0.0980115718 L34.4253342,5.10793506 L17.8366802,14.2078759 L0.684073692,5.51785869 L12.5411501,0.00014501104 C13.9911766,1.12012295 16.0969185,1.82479753 18.4403951,1.82479753 Z" id="形状结合" stroke="url(#linearGradient06-43)"></path>
|
||||||
|
<polygon id="路径-28" fill="url(#linearGradient06-44)" fill-rule="nonzero" points="35.0426026 5.09817727 35.0426026 10.9115652 17.9008397 19.4776011 0.137694925 10.3536824 4.03251336e-12 5.51121965 17.8366802 14.5446075"></polygon>
|
||||||
|
<polygon id="路径-31" fill="#239423" opacity="0.654732114" points="0 5.51121965 0.16421309 10.8571971 4.90865854 7.99228481"></polygon>
|
||||||
|
<polygon id="路径-29" fill="#82FF02" fill-rule="nonzero" points="0.125172043 9.96118348 17.9021294 18.9654194 35.0426026 10.4500968 35.0426026 11.3304692 18.1050812 19.8863151 17.8988054 19.9893948 17.6933555 19.8846786 0.160472351 10.7837474"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="五角盒" transform="translate(0, 48.3367)">
|
||||||
|
<path d="M18.4273677,2.43716158e-12 L28.1339546,4.76117943 C27.0249169,5.70463358 26.3600739,6.90834747 26.3600739,8.21956457 C26.3600739,9.42399679 26.9210374,10.5377228 27.8719535,11.4423504 L17.8366802,16.9474066 L0.684073692,8.25738934 L18.4273677,2.43716158e-12 Z" id="形状结合" fill="url(#linearGradient06-45)"></path>
|
||||||
|
<path d="M18.4273677,2.43716158e-12 L28.1339546,4.76117943 C27.0249169,5.70463358 26.3600739,6.90834747 26.3600739,8.21956457 C26.3600739,9.42399679 26.9210374,10.5377228 27.8719535,11.4423504 L17.8366802,16.9474066 L0.684073692,8.25738934 L18.4273677,2.43716158e-12 Z" id="形状结合" stroke="url(#linearGradient06-46)"></path>
|
||||||
|
<polygon id="路径-28" fill="url(#linearGradient06-47)" fill-rule="nonzero" points="28.3615608 11.5208771 28.3615608 16.9474066 17.9008397 22.2171317 0.137694925 13.0932131 4.03251336e-12 8.2507503 17.8366802 17.2841382"></polygon>
|
||||||
|
<polygon id="路径-31备份" fill="#239423" opacity="0.654732114" points="4.43255751e-12 8.2507503 0.16421309 13.5967277 4.90865854 10.7318155"></polygon>
|
||||||
|
<polygon id="路径-29" fill="#82FF02" fill-rule="nonzero" points="0.125172043 12.7007141 17.9021294 21.70495 28.3615608 16.482284 28.3615608 17.3626564 18.1050812 22.6258458 17.8988054 22.7289254 17.6933555 22.6242092 0.160472351 13.5232781"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="五角盒" transform="translate(72.439, 57.5261) scale(-1, 1) translate(-72.439, -57.5261)translate(56.8142, 43.9866)">
|
||||||
|
<path d="M18.4273677,4.35014205 L28.1339546,9.11132148 C27.0249169,10.0547756 26.3600739,11.2584895 26.3600739,12.5697066 C26.3600739,13.7741388 26.9210374,14.8878649 27.8719535,15.7924925 L17.8366802,21.2975486 L0.684073692,12.6075314 L18.4273677,4.35014205 Z" id="形状结合" fill="url(#linearGradient06-45)"></path>
|
||||||
|
<path d="M18.4273677,4.35014205 L28.1339546,9.11132148 C27.0249169,10.0547756 26.3600739,11.2584895 26.3600739,12.5697066 C26.3600739,13.7741388 26.9210374,14.8878649 27.8719535,15.7924925 L17.8366802,21.2975486 L0.684073692,12.6075314 L18.4273677,4.35014205 Z" id="形状结合" stroke="url(#linearGradient06-46)"></path>
|
||||||
|
<polygon id="路径-28" fill="url(#linearGradient06-47)" fill-rule="nonzero" points="28.3615608 15.8710192 28.3615608 21.2975486 17.9008397 26.5672738 0.137694925 17.4433551 4.03251336e-12 12.6008923 17.8366802 21.6342802"></polygon>
|
||||||
|
<polygon id="路径-29" fill="#82FF02" fill-rule="nonzero" points="0.125172043 17.0508562 17.9021294 26.0550921 28.3615608 20.832426 28.3615608 21.7127985 18.1050812 26.9759878 17.8988054 27.0790675 17.6933555 26.9743513 0.160472351 17.8734201"></polygon>
|
||||||
|
<polygon id="路径-31" fill="#239423" opacity="0.654732114" points="4.38568434e-12 12.6008923 0.160472351 17.8734201 4.87839422 15.0627453"></polygon>
|
||||||
|
<polygon id="路径-31" fill="#239423" opacity="0.654732114" points="26.7872186 0 26.7872186 4.83278959 31.2495312 2.44572521"></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="plane" transform="translate(11.8034, 0)">
|
||||||
|
<polygon id="路径-24" fill="#95E12E" points="0 0 70.245185 32.3035659 49.7255057 32.8634519"></polygon>
|
||||||
|
<polygon id="路径-24" stroke="#B9FF5A" fill="#95E12E" points="7.17383201e-12 0 70.245185 32.3035659 49.7255057 32.8634519"></polygon>
|
||||||
|
<polygon id="路径-25" fill="url(#linearGradient06-48)" points="0 0 33.7862589 57.628645 49.7255057 32.8634519"></polygon>
|
||||||
|
<polygon id="路径-23" fill="url(#linearGradient06-49)" points="0 0 14.1384439 55.7470028 29.0017286 39.7826682"></polygon>
|
||||||
|
<polygon id="路径-26" fill="#41711D" points="28.4990655 40.2865408 22.9090371 46.3757127 33.7862589 57.628645"></polygon>
|
||||||
|
<polyline id="路径-27" stroke="url(#linearGradient06-50)" points="28.7383454 39.8333629 33.7862589 57.044391 49.7255057 32.8634519"></polyline>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="竖线" transform="translate(1.8276, 28.3874)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.74609811" x="0" y="0" width="1" height="31.6787154"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.653225127" x="17.6669759" y="4.26444246" width="1" height="31.6787154"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.74609811" x="24.3682426" y="12.1841213" width="1" height="31.6787154"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.653225127" x="58.4837823" y="14.0117395" width="1" height="31.6787154"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.653225127" x="66.4034612" y="4.26444246" width="1" height="31.6787154"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-51)" opacity="0.653225127" x="84.0704371" y="0" width="1" height="31.6787154"></rect>
|
||||||
|
</g>
|
||||||
|
<g id="悬浮短线" transform="translate(9.3023, 5.383)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-52)" transform="translate(56.6562, 54.8285) scale(-1, 1) translate(-56.6562, -54.8285)" x="56.046958" y="50.5641034" width="1.21841213" height="8.52888492"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-53)" x="13.4025334" y="67.0126672" width="1.8276182" height="5.48285459"></rect>
|
||||||
|
<rect id="矩形备份-3" fill="url(#linearGradient06-54)" x="53.6101338" y="0" width="1" height="4.26444246"></rect>
|
||||||
|
<rect id="矩形备份-4" fill="url(#linearGradient06-55)" x="26.8050669" y="12.1841213" width="1.21841213" height="6.09206066"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-54)" x="0" y="44.4720428" width="1" height="4.26444246"></rect>
|
||||||
|
<rect id="矩形" fill="url(#linearGradient06-54)" x="52.3917216" y="29.8510972" width="1" height="4.26444246"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { getUUID } from '@/utils'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const filterId = `border-box-04-filterId-${getUUID()}`
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const {
|
||||||
|
colors,
|
||||||
|
dur,
|
||||||
|
borderTitle,
|
||||||
|
borderTitleColor,
|
||||||
|
borderTitleSize,
|
||||||
|
borderTitleHeight,
|
||||||
|
borderTitleWidth,
|
||||||
|
backgroundColor
|
||||||
|
} = toRefs(props.chartConfig.option)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-04') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('borderTitleColor');
|
||||||
|
font-size: v-bind('borderTitleSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles07Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dur: 0.5,
|
||||||
|
borderTitle: '图标',
|
||||||
|
borderTitleWidth: 124,
|
||||||
|
borderTitleHeight: 140,
|
||||||
|
borderTitleSize: 18,
|
||||||
|
borderTitleColor: '#fff',
|
||||||
|
colors: ['#8aaafb', '#1f33a2'],
|
||||||
|
backgroundColor: '#00000000'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles07Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles07Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<CollapseItem name="边框" :expanded="true">
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles07Config: ConfigType = {
|
||||||
|
key: 'Titles07',
|
||||||
|
chartKey: 'VTitles07',
|
||||||
|
conKey: 'VCTitles07',
|
||||||
|
title: '图标-04',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'sjzx.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,398 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-04">
|
||||||
|
<svg :width="w" :height="h">
|
||||||
|
<title>数据中心-蓝色@2x</title>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="124" height="140"></rect>
|
||||||
|
<linearGradient x1="50.3709284%" y1="50.0988276%" x2="49.5795758%" y2="50%" id="linearGradient07-3">
|
||||||
|
<stop stop-color="#3575BF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#1D57BD" offset="42.1166717%"></stop>
|
||||||
|
<stop stop-color="#4F45AF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1414.0%" y="-35.0%" width="2928.0%" height="170.0%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient07-5">
|
||||||
|
<stop stop-color="#101C64" offset="0%"></stop>
|
||||||
|
<stop stop-color="#101E6A" offset="42.9050845%"></stop>
|
||||||
|
<stop stop-color="#1F26A8" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient07-6">
|
||||||
|
<stop stop-color="#274E31" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#112616" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="66.4107302%" x2="-2.44750621%" y2="33.2687883%" id="linearGradient07-7">
|
||||||
|
<stop stop-color="#273D4E" stop-opacity="0.644626858" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0955F7" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-24.9%" y="-34.4%" width="149.8%" height="168.7%" filterUnits="objectBoundingBox" id="filter-8">
|
||||||
|
<feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-9" points="15.3542731 11.7538156 18.0979332 13.2161716 18.0979332 17.1415501 15.3542731 15.6478885"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-10">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.137254902 0 0 0 0 0.325490196 0 0 0 0 0.894117647 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-11" points="2.35427315 5.75381561 5.09793317 7.21617164 5.09793317 11.1415501 2.35427315 9.64788847"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-12">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.137254902 0 0 0 0 0.325490196 0 0 0 0 0.894117647 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-13" points="22.4934067 15.0715584 25.2370667 16.5339144 25.2370667 20.4592929 22.4934067 18.9656312"></polygon>
|
||||||
|
<filter x="-255.1%" y="-92.8%" width="610.3%" height="359.8%" filterUnits="objectBoundingBox" id="filter-14">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.0156862745 0 0 0 0 0.48627451 0 0 0 0 0.905882353 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0%" y2="63.9699335%" id="linearGradient07-15">
|
||||||
|
<stop stop-color="#0CA0DB" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C9EDB" offset="0%"></stop>
|
||||||
|
<stop stop-color="#1131DB" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon id="path-16" points="3.05258592 25.1836925 20.2668445 17.6926412 20.2668445 20.0945106 3.05258592 27.5634037"></polygon>
|
||||||
|
<filter x="-34.9%" y="-60.8%" width="169.7%" height="221.6%" filterUnits="objectBoundingBox" id="filter-17">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.133333333 0 0 0 0 0.321568627 0 0 0 0 0.88627451 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="97.6494632%" y1="0%" x2="9.83107636%" y2="100%" id="linearGradient07-18">
|
||||||
|
<stop stop-color="#103BE3" offset="0%"></stop>
|
||||||
|
<stop stop-color="#132CD8" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="87.8859068%" y1="-4.01678446%" x2="68.7073904%" y2="78.148201%" id="linearGradient07-19">
|
||||||
|
<stop stop-color="#1136C9" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0C1047" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="27.9511376%" y1="28.704808%" x2="171.528591%" y2="171.554467%" id="linearGradient07-20">
|
||||||
|
<stop stop-color="#224CF9" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2DDF59" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.7247659%" y1="29.8397752%" x2="165.196661%" y2="160.286157%" id="linearGradient07-21">
|
||||||
|
<stop stop-color="#1138E0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0E3112" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="29.1228576%" y1="28.1607792%" x2="217.257821%" y2="210.571279%" id="linearGradient07-22">
|
||||||
|
<stop stop-color="#03A2F3" offset="0%"></stop>
|
||||||
|
<stop stop-color="#59F192" stop-opacity="0.293515505" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="59.253267%" y1="59.1004853%" x2="27.3129577%" y2="28.4885818%" id="linearGradient07-23">
|
||||||
|
<stop stop-color="#0B1221" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#11113F" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<filter x="-1414.0%" y="-35.0%" width="2928.0%" height="170.0%" filterUnits="objectBoundingBox" id="filter-24">
|
||||||
|
<feGaussianBlur stdDeviation="2" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<filter x="-24.9%" y="-34.4%" width="149.8%" height="168.7%" filterUnits="objectBoundingBox" id="filter-25">
|
||||||
|
<feGaussianBlur stdDeviation="5" in="SourceGraphic"></feGaussianBlur>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-26" points="15.3542731 11.7538156 18.0979332 13.2161716 18.0979332 17.1415501 15.3542731 15.6478885"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-27">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.137254902 0 0 0 0 0.325490196 0 0 0 0 0.894117647 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-28" points="2.35427315 5.75381561 5.09793317 7.21617164 5.09793317 11.1415501 2.35427315 9.64788847"></polygon>
|
||||||
|
<filter x="-346.3%" y="-182.5%" width="792.5%" height="465.2%" filterUnits="objectBoundingBox" id="filter-29">
|
||||||
|
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="3" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.137254902 0 0 0 0 0.325490196 0 0 0 0 0.894117647 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-30" points="22.4934067 15.0715584 25.2370667 16.5339144 25.2370667 20.4592929 22.4934067 18.9656312"></polygon>
|
||||||
|
<filter x="-255.1%" y="-92.8%" width="610.3%" height="359.8%" filterUnits="objectBoundingBox" id="filter-31">
|
||||||
|
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.0156862745 0 0 0 0 0.48627451 0 0 0 0 0.905882353 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon id="path-32" points="3.05258592 25.1836925 20.2668445 17.6926412 20.2668445 20.0945106 3.05258592 27.5634037"></polygon>
|
||||||
|
<filter x="-34.9%" y="-60.8%" width="169.7%" height="221.6%" filterUnits="objectBoundingBox" id="filter-33">
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0.133333333 0 0 0 0 0.321568627 0 0 0 0 0.88627451 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="75.3775392%" y1="6.74213036%" x2="22.1289889%" y2="83.8625052%" id="linearGradient07-34">
|
||||||
|
<stop stop-color="#142DD8" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0F34C4" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="0.427331458%" y2="50%" id="linearGradient07-35">
|
||||||
|
<stop stop-color="#1036D1" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0BA0E4" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="65.2001746%" x2="0%" y2="35.4945148%" id="linearGradient07-36">
|
||||||
|
<stop stop-color="#1034CF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0D1041" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="70.6087247%" y1="26.0622154%" x2="23.8941219%" y2="74.3530954%" id="linearGradient07-37">
|
||||||
|
<stop stop-color="#0F195B" stop-opacity="0.405738137" offset="0%"></stop>
|
||||||
|
<stop stop-color="#101A5E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="62.9896259%" x2="8.69923902%" y2="34.0486729%" id="linearGradient07-38">
|
||||||
|
<stop stop-color="#0BA0E4" offset="0%"></stop>
|
||||||
|
<stop stop-color="#1030BE" stop-opacity="0.861185567" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="69.1154578%" x2="7.45139897%" y2="33.2618541%" id="linearGradient07-39">
|
||||||
|
<stop stop-color="#0B93E1" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0D134C" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient07-40">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#1DD7FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="-2.27373675e-11%" y1="-1.13686838e-11%" x2="100%" y2="95.6363223%" id="linearGradient07-41">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#B5FFF9" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="98.26855%" y1="49.7568692%" x2="2.37678796%" y2="36.2917156%" id="linearGradient07-42">
|
||||||
|
<stop stop-color="#9EDAFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#16A5FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="69.2383719%" x2="10.5412631%" y2="33.1813426%" id="linearGradient07-43">
|
||||||
|
<stop stop-color="#90D4FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#16A5FF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="70.4303864%" y1="25.6136865%" x2="22.6819855%" y2="73.3831608%" id="linearGradient07-44">
|
||||||
|
<stop stop-color="#0C1041" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0A86F6" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="0.143582004%" y1="0.137316548%" x2="100%" y2="95.6363223%" id="linearGradient07-45">
|
||||||
|
<stop stop-color="#FFFFFF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFFFFF" offset="49.4210623%"></stop>
|
||||||
|
<stop stop-color="#8BFBF2" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="70.4303864%" y1="25.6136865%" x2="36.949344%" y2="62.1079692%" id="linearGradient07-46">
|
||||||
|
<stop stop-color="#100DEB" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#029EFF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient07-47">
|
||||||
|
<stop stop-color="#0AA9FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#06309E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient07-48">
|
||||||
|
<stop stop-color="#0AA9FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#06309E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient07-49">
|
||||||
|
<stop stop-color="#0AA9FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#06309E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="1.19774025%" x2="50%" y2="100%" id="linearGradient07-50">
|
||||||
|
<stop stop-color="#0AA9FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#06309E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient07-51">
|
||||||
|
<stop stop-color="#1D1940" offset="0%"></stop>
|
||||||
|
<stop stop-color="#2675EF" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-导航页-图标区" transform="translate(-383, -214)">
|
||||||
|
<g id="数据中心-蓝色" transform="translate(383, 214)">
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="蒙版"></g>
|
||||||
|
<g id="阴影" opacity="0.179451" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(-1, 32.7811)">
|
||||||
|
<line x1="62.8247673" y1="89.59826" x2="62.8247673" y2="106.733218" id="竖线" stroke="url(#linearGradient07-3)" stroke-width="6" fill="none" filter="url(#filter-4)"></line>
|
||||||
|
<line x1="123.685881" y1="63.1636348" x2="123.685881" y2="80.2985926" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M48.6583042,53.4533321 L102.482654,32.0477324 C103.509035,31.6395471 104.671981,32.140694 105.080167,33.1670753 C105.25588,33.6089064 105.26843,34.0988867 105.115567,34.5491341 L84.7743128,94.4626565 C84.5823137,95.0281745 84.1476336,95.4782989 83.5891608,95.6899174 L24.4447149,118.101138 C23.4118127,118.492529 22.257195,117.972482 21.8658041,116.939579 C21.6962863,116.492213 21.6927455,115.998901 21.855824,115.549147 L41.8115237,60.5133597 C42.9803283,57.2899157 45.4722122,54.7204206 48.6583042,53.4533321 Z" id="内线" stroke="#3441BF" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.4396, 75.0458) rotate(226) translate(-63.4396, -75.0458)"></path>
|
||||||
|
<path d="M48.6583042,48.5352623 L102.482654,27.1296626 C103.509035,26.7214773 104.671981,27.2226242 105.080167,28.2490055 C105.25588,28.6908366 105.26843,29.1808169 105.115567,29.6310643 L84.7743128,89.5445867 C84.5823137,90.1101047 84.1476336,90.5602291 83.5891608,90.7718476 L24.4447149,113.183068 C23.4118127,113.574459 22.257195,113.054412 21.8658041,112.02151 C21.6962863,111.574143 21.6927455,111.080831 21.855824,110.631077 L41.8115237,55.5952899 C42.9803283,52.3718459 45.4722122,49.8023508 48.6583042,48.5352623 Z" id="内线" stroke="#1146BA" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.4396, 70.1277) rotate(226) translate(-63.4396, -70.1277)"></path>
|
||||||
|
<path d="M2.669074,63.4937805 L58.2483181,89.1614491 C61.4408752,90.6358394 65.118287,90.6416182 68.3154622,89.177269 L124.391302,63.4937805 L124.391302,63.4937805 L124.391302,78.9973103 L66.2039539,105.89755 C64.349229,106.73515 62.2241811,106.736267 60.3685772,105.900615 L60.3685911,105.900621 L60.3685911,105.900621 L2.669074,79.4778552 L2.669074,63.4937805 Z" id="路径-14" stroke="none" fill="url(#linearGradient07-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-6)" fill-rule="evenodd" points="3.28383273 64.1085393 63.5301878 92.3874406 63.5301878 107.756409 3.28383273 79.4775074"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-7)" fill-rule="evenodd" filter="url(#filter-8)" points="4.28383273 64.1085393 64.5301878 91.1579232 64.5301878 107.756409 4.28383273 79.4775074"></polygon>
|
||||||
|
<line x1="2.88579165" y1="63.1636348" x2="2.88579165" y2="80.2985926" id="竖线" stroke="#245BC7" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(7.4396, 68.0204)">
|
||||||
|
<polyline id="路径-3" stroke="#00B0EB" points="2.7370236 -8.45399917e-15 2.7370236 3.56242597 22.1284368 12.2796563 22.8684812 15.4657317"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#0CB5D8" points="23.838356 9.41653706 24.8777319 13.7438965 33.2768517 17.7225019 37.4558372 15.4354924"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#0CB5D8" points="0 14.2516326 2.23745221 12.8939349 31.6046843 26.4577738 31.6046843 28.6788586"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
|
||||||
|
<use stroke="#0DC5F5" stroke-width="1" fill="#0BB4D8" fill-rule="evenodd" xlink:href="#path-9"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
|
||||||
|
<use stroke="#0DC5F5" stroke-width="1" fill="#0BB4D8" fill-rule="evenodd" xlink:href="#path-11"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
|
||||||
|
<use fill="#047CE7" fill-rule="evenodd" xlink:href="#path-13"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(70.905, 69.6169)">
|
||||||
|
<polyline id="路径-10" stroke="#0CB5D8" points="0 19.4910862 2.61601035 22.4117735 23.5851224 12.7899947 24.0247297 10.6998999 41.1332186 2.6859122 41.1332186 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#0CB4D8" points="1.13321297 34.3981291 1.13321297 31.892758 26.3344402 20.3959275 26.9841422 18.287569"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#0CB4D8" points="29.312311 18.9330212 36.825121 15.306722 39.8519364 16.7283804"></polyline>
|
||||||
|
<line x1="41.1332186" y1="11.6011371" x2="41.1332186" y2="16.4965776" id="路径-13" stroke="#0CB4D8"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-17)" xlink:href="#path-16"></use>
|
||||||
|
<use fill="url(#linearGradient07-15)" fill-rule="evenodd" xlink:href="#path-16"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0F0E32" points="20.9004199 17.4496311 38.1490206 9.67646782 38.1490206 12.056179 20.9004199 19.8293423"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M22.9180752,123.604134 C22.2830895,123.844745 21.5732782,123.525042 21.3326673,122.890056 C21.2284547,122.615033 21.226278,122.311766 21.3265319,122.035276 L42.5622667,63.4692819 C43.2807995,61.4876416 44.8127069,59.908022 46.7713848,59.1290684 L104.076353,36.3392491 C104.70733,36.0883136 105.422261,36.3963981 105.673196,37.0273749" id="形状" stroke="url(#linearGradient07-18)" stroke-width="2" fill="none" transform="translate(63.463, 79.9681) rotate(226) translate(-63.463, -79.9681)"></path>
|
||||||
|
<path d="M47.9285506,41.0631347 L102.482654,19.3673166 C103.509035,18.9591313 104.671981,19.4602782 105.080167,20.4866595 C105.25588,20.9284907 105.268431,21.418471 105.115567,21.8687183 L84.518475,82.5357906 C84.3264758,83.1013086 83.8917958,83.551433 83.3333229,83.7630515 L23.4447149,106.456253 C22.4118127,106.847644 21.257195,106.327596 20.8658041,105.294694 C20.6962863,104.847327 20.6927455,104.354015 20.855824,103.904261 L41.0817701,48.1231623 C42.2505747,44.8997183 44.7424586,42.3302232 47.9285506,41.0631347 Z" id="面" stroke="none" fill="url(#linearGradient07-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(62.9396, 62.8831) rotate(226) translate(-62.9396, -62.8831)"></path>
|
||||||
|
<path d="M48.198797,41.3533531 L103.482654,19.3673166 C104.509035,18.9591313 105.671981,19.4602782 106.080167,20.4866595 C106.25588,20.9284907 106.268431,21.418471 106.115567,21.8687183 L85.2626371,83.2893404 C85.070638,83.8548584 84.6359579,84.3049828 84.0774851,84.5166012 L23.4447149,107.491783 C22.4118127,107.883174 21.257195,107.363126 20.8658041,106.330224 C20.6962863,105.882858 20.6927455,105.389546 20.855824,104.939792 L41.3520164,48.4133806 C42.520821,45.1899366 45.0127049,42.6204415 48.198797,41.3533531 Z" id="线" stroke="url(#linearGradient07-20)" stroke-width="1" fill="none" transform="translate(63.4396, 63.4009) rotate(226) translate(-63.4396, -63.4009)"></path>
|
||||||
|
<path d="M51.3170289,44.7885628 L95.7203082,27.1296626 C96.7466895,26.7214773 97.9096355,27.2226242 98.3178208,28.2490055 C98.4935342,28.6908366 98.5060846,29.1808169 98.353221,29.6310643 L81.3148167,79.8163093 C81.1228175,80.3818274 80.6881375,80.8319517 80.1296646,81.0435702 L30.5923021,99.8144413 C29.5593999,100.205832 28.4047822,99.6857846 28.0133913,98.6528824 C27.8438736,98.2055157 27.8403327,97.7122039 28.0034113,97.26245 L44.4702484,51.8485904 C45.639053,48.6251463 48.1309369,46.0556512 51.3170289,44.7885628 Z" id="面" stroke="none" fill="url(#linearGradient07-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(63.1322, 63.4434) rotate(226) translate(-63.1322, -63.4434)"></path>
|
||||||
|
<path d="M51.3170289,44.7885628 L95.7203082,27.1296626 C96.7466895,26.7214773 97.9096355,27.2226242 98.3178208,28.2490055 C98.4935342,28.6908366 98.5060846,29.1808169 98.353221,29.6310643 L81.3148167,79.8163093 C81.1228175,80.3818274 80.6881375,80.8319517 80.1296646,81.0435702 L30.5923021,99.8144413 C29.5593999,100.205832 28.4047822,99.6857846 28.0133913,98.6528824 C27.8438736,98.2055157 27.8403327,97.7122039 28.0034113,97.26245 L44.4702484,51.8485904 C45.639053,48.6251463 48.1309369,46.0556512 51.3170289,44.7885628 Z" id="线" stroke="url(#linearGradient07-22)" stroke-width="1.2" fill="none" transform="translate(63.1322, 63.4434) rotate(226) translate(-63.1322, -63.4434)"></path>
|
||||||
|
<path d="M54.0739523,48.8146871 L86.7218416,35.8844985 C87.548827,35.5569711 88.4847444,35.9618618 88.8122717,36.7888471 C88.9532319,37.1447624 88.9628068,37.5392497 88.8392798,37.9015845 L76.2121282,74.9401083 C76.0569215,75.3953675 75.7063595,75.7574298 75.2563455,75.9272458 L38.5334827,89.7848842 C37.7012811,90.0989215 36.7720709,89.6788663 36.4580336,88.8466647 C36.322027,88.4862459 36.319712,88.0890154 36.4515087,87.7270359 L48.552042,54.4929393 C49.496806,51.8981465 51.5065411,49.8315097 54.0739523,48.8146871 Z" id="面" stroke="none" fill="url(#linearGradient07-23)" fill-rule="evenodd" opacity="0.922354562" transform="translate(62.608, 62.8118) rotate(226) translate(-62.608, -62.8118)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="18.6528009" cy="63.4937805" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#0D9FD4" fill-rule="evenodd" cx="53.0792895" cy="69.6413678" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#0D9FD4" fill-rule="evenodd" cx="87.5057781" cy="61.0347456" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="底座" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(-1, 11.7811)">
|
||||||
|
<line x1="62.8247673" y1="89.59826" x2="62.8247673" y2="106.733218" id="竖线" stroke="url(#linearGradient07-3)" stroke-width="6" fill="none" filter="url(#filter-24)"></line>
|
||||||
|
<line x1="123.685881" y1="63.1636348" x2="123.685881" y2="80.2985926" id="竖线" stroke="#4C7721" stroke-width="1" fill="none"></line>
|
||||||
|
<path d="M48.6583042,53.4533321 L102.482654,32.0477324 C103.509035,31.6395471 104.671981,32.140694 105.080167,33.1670753 C105.25588,33.6089064 105.26843,34.0988867 105.115567,34.5491341 L84.7743128,94.4626565 C84.5823137,95.0281745 84.1476336,95.4782989 83.5891608,95.6899174 L24.4447149,118.101138 C23.4118127,118.492529 22.257195,117.972482 21.8658041,116.939579 C21.6962863,116.492213 21.6927455,115.998901 21.855824,115.549147 L41.8115237,60.5133597 C42.9803283,57.2899157 45.4722122,54.7204206 48.6583042,53.4533321 Z" id="内线" stroke="#3441BF" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.4396, 75.0458) rotate(226) translate(-63.4396, -75.0458)"></path>
|
||||||
|
<path d="M48.6583042,48.5352623 L102.482654,27.1296626 C103.509035,26.7214773 104.671981,27.2226242 105.080167,28.2490055 C105.25588,28.6908366 105.26843,29.1808169 105.115567,29.6310643 L84.7743128,89.5445867 C84.5823137,90.1101047 84.1476336,90.5602291 83.5891608,90.7718476 L24.4447149,113.183068 C23.4118127,113.574459 22.257195,113.054412 21.8658041,112.02151 C21.6962863,111.574143 21.6927455,111.080831 21.855824,110.631077 L41.8115237,55.5952899 C42.9803283,52.3718459 45.4722122,49.8023508 48.6583042,48.5352623 Z" id="内线" stroke="#1146BA" stroke-width="1" fill="none" opacity="0.499497" transform="translate(63.4396, 70.1277) rotate(226) translate(-63.4396, -70.1277)"></path>
|
||||||
|
<path d="M2.669074,63.4937805 L58.2483181,89.1614491 C61.4408752,90.6358394 65.118287,90.6416182 68.3154622,89.177269 L124.391302,63.4937805 L124.391302,63.4937805 L124.391302,78.9973103 L66.2039539,105.89755 C64.349229,106.73515 62.2241811,106.736267 60.3685772,105.900615 L60.3685911,105.900621 L60.3685911,105.900621 L2.669074,79.4778552 L2.669074,63.4937805 Z" id="路径-14" stroke="none" fill="url(#linearGradient07-5)" fill-rule="nonzero" opacity="0.847157"></path>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-6)" fill-rule="evenodd" points="3.28383273 64.1085393 63.5301878 92.3874406 63.5301878 107.756409 3.28383273 79.4775074"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-7)" fill-rule="evenodd" filter="url(#filter-25)" points="4.28383273 64.1085393 64.5301878 91.1579232 64.5301878 107.756409 4.28383273 79.4775074"></polygon>
|
||||||
|
<line x1="2.88579165" y1="63.1636348" x2="2.88579165" y2="80.2985926" id="竖线" stroke="#245BC7" stroke-width="1" fill="none"></line>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(7.4396, 68.0204)">
|
||||||
|
<polyline id="路径-3" stroke="#00B0EB" points="2.7370236 -8.45399917e-15 2.7370236 3.56242597 22.1284368 12.2796563 22.8684812 15.4657317"></polyline>
|
||||||
|
<polyline id="路径-8" stroke="#62E4FF" points="23.838356 9.41653706 24.8777319 13.7438965 33.2768517 17.7225019 37.4558372 15.4354924"></polyline>
|
||||||
|
<polyline id="路径-9" stroke="#0CB5D8" points="0 14.2516326 2.23745221 12.8939349 31.6046843 26.4577738 31.6046843 28.6788586"></polyline>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-27)" xlink:href="#path-26"></use>
|
||||||
|
<use stroke="#0DC5F5" stroke-width="1" fill="#0BB4D8" fill-rule="evenodd" xlink:href="#path-26"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-29)" xlink:href="#path-28"></use>
|
||||||
|
<use stroke="#0DC5F5" stroke-width="1" fill="#0BB4D8" fill-rule="evenodd" xlink:href="#path-28"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-31)" xlink:href="#path-30"></use>
|
||||||
|
<use fill="#047CE7" fill-rule="evenodd" xlink:href="#path-30"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="装饰" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(70.905, 69.6169)">
|
||||||
|
<polyline id="路径-10" stroke="#0CB5D8" points="0 19.4910862 2.61601035 22.4117735 23.5851224 12.7899947 24.0247297 10.6998999 41.1332186 2.6859122 41.1332186 0"></polyline>
|
||||||
|
<polyline id="路径-11" stroke="#0CB4D8" points="1.13321297 34.3981291 1.13321297 31.892758 26.3344402 20.3959275 26.9841422 18.287569"></polyline>
|
||||||
|
<polyline id="路径-12" stroke="#0CB4D8" points="29.312311 18.9330212 36.825121 15.306722 39.8519364 16.7283804"></polyline>
|
||||||
|
<line x1="41.1332186" y1="11.6011371" x2="41.1332186" y2="16.4965776" id="路径-13" stroke="#0CB4D8"></line>
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-33)" xlink:href="#path-32"></use>
|
||||||
|
<use fill="url(#linearGradient07-15)" fill-rule="evenodd" xlink:href="#path-32"></use>
|
||||||
|
</g>
|
||||||
|
<polygon id="矩形" fill="#0F0E32" points="20.9004199 17.4496311 38.1490206 9.67646782 38.1490206 12.056179 20.9004199 19.8293423"></polygon>
|
||||||
|
</g>
|
||||||
|
<path d="M22.9180752,123.604134 C22.2830895,123.844745 21.5732782,123.525042 21.3326673,122.890056 C21.2284547,122.615033 21.226278,122.311766 21.3265319,122.035276 L42.5622667,63.4692819 C43.2807995,61.4876416 44.8127069,59.908022 46.7713848,59.1290684 L104.076353,36.3392491 C104.70733,36.0883136 105.422261,36.3963981 105.673196,37.0273749" id="形状" stroke="url(#linearGradient07-18)" stroke-width="3" fill="none" transform="translate(63.463, 79.9681) rotate(226) translate(-63.463, -79.9681)"></path>
|
||||||
|
<path d="M47.9285506,41.0631347 L102.482654,19.3673166 C103.509035,18.9591313 104.671981,19.4602782 105.080167,20.4866595 C105.25588,20.9284907 105.268431,21.418471 105.115567,21.8687183 L84.518475,82.5357906 C84.3264758,83.1013086 83.8917958,83.551433 83.3333229,83.7630515 L23.4447149,106.456253 C22.4118127,106.847644 21.257195,106.327596 20.8658041,105.294694 C20.6962863,104.847327 20.6927455,104.354015 20.855824,103.904261 L41.0817701,48.1231623 C42.2505747,44.8997183 44.7424586,42.3302232 47.9285506,41.0631347 Z" id="面" stroke="none" fill="url(#linearGradient07-19)" fill-rule="evenodd" opacity="0.896899" transform="translate(62.9396, 62.8831) rotate(226) translate(-62.9396, -62.8831)"></path>
|
||||||
|
<path d="M48.198797,41.3533531 L103.482654,19.3673166 C104.509035,18.9591313 105.671981,19.4602782 106.080167,20.4866595 C106.25588,20.9284907 106.268431,21.418471 106.115567,21.8687183 L85.2626371,83.2893404 C85.070638,83.8548584 84.6359579,84.3049828 84.0774851,84.5166012 L23.4447149,107.491783 C22.4118127,107.883174 21.257195,107.363126 20.8658041,106.330224 C20.6962863,105.882858 20.6927455,105.389546 20.855824,104.939792 L41.3520164,48.4133806 C42.520821,45.1899366 45.0127049,42.6204415 48.198797,41.3533531 Z" id="线" stroke="url(#linearGradient07-20)" stroke-width="1" fill="none" transform="translate(63.4396, 63.4009) rotate(226) translate(-63.4396, -63.4009)"></path>
|
||||||
|
<path d="M51.3170289,44.7885628 L95.7203082,27.1296626 C96.7466895,26.7214773 97.9096355,27.2226242 98.3178208,28.2490055 C98.4935342,28.6908366 98.5060846,29.1808169 98.353221,29.6310643 L81.3148167,79.8163093 C81.1228175,80.3818274 80.6881375,80.8319517 80.1296646,81.0435702 L30.5923021,99.8144413 C29.5593999,100.205832 28.4047822,99.6857846 28.0133913,98.6528824 C27.8438736,98.2055157 27.8403327,97.7122039 28.0034113,97.26245 L44.4702484,51.8485904 C45.639053,48.6251463 48.1309369,46.0556512 51.3170289,44.7885628 Z" id="面" stroke="none" fill="url(#linearGradient07-21)" fill-rule="evenodd" opacity="0.907099406" transform="translate(63.1322, 63.4434) rotate(226) translate(-63.1322, -63.4434)"></path>
|
||||||
|
<path d="M51.3170289,44.7885628 L95.7203082,27.1296626 C96.7466895,26.7214773 97.9096355,27.2226242 98.3178208,28.2490055 C98.4935342,28.6908366 98.5060846,29.1808169 98.353221,29.6310643 L81.3148167,79.8163093 C81.1228175,80.3818274 80.6881375,80.8319517 80.1296646,81.0435702 L30.5923021,99.8144413 C29.5593999,100.205832 28.4047822,99.6857846 28.0133913,98.6528824 C27.8438736,98.2055157 27.8403327,97.7122039 28.0034113,97.26245 L44.4702484,51.8485904 C45.639053,48.6251463 48.1309369,46.0556512 51.3170289,44.7885628 Z" id="线" stroke="url(#linearGradient07-22)" stroke-width="1.2" fill="none" transform="translate(63.1322, 63.4434) rotate(226) translate(-63.1322, -63.4434)"></path>
|
||||||
|
<path d="M54.0739523,47.8146871 L86.7218416,34.8844985 C87.548827,34.5569711 88.4847444,34.9618618 88.8122717,35.7888471 C88.9532319,36.1447624 88.9628068,36.5392497 88.8392798,36.9015845 L76.2121282,73.9401083 C76.0569215,74.3953675 75.7063595,74.7574298 75.2563455,74.9272458 L38.5334827,88.7848842 C37.7012811,89.0989215 36.7720709,88.6788663 36.4580336,87.8466647 C36.322027,87.4862459 36.319712,87.0890154 36.4515087,86.7270359 L48.552042,53.4929393 C49.496806,50.8981465 51.5065411,48.8315097 54.0739523,47.8146871 Z" id="面" stroke="none" fill="url(#linearGradient07-23)" fill-rule="evenodd" opacity="0.922354562" transform="translate(62.608, 61.8118) rotate(226) translate(-62.608, -61.8118)"></path>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#F8F204" fill-rule="evenodd" cx="18.6528009" cy="63.4937805" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#0D9FD4" fill-rule="evenodd" cx="53.0792895" cy="69.6413678" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
<ellipse id="椭圆形" stroke="none" fill="#0D9FD4" fill-rule="evenodd" cx="87.5057781" cy="61.0347456" rx="1.22951745" ry="1"></ellipse>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="icon" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(18.8823, -9.4371)">
|
||||||
|
<polygon id="外边框" stroke="url(#linearGradient07-34)" stroke-width="1" fill="none" opacity="0.299882" points="42.8421368 0.542968217 86 21.0423533 86 70.3030673 42.7734416 90.8664283 0.427061367 70.3030673 0.427061367 20.5918722"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-35)" fill-rule="evenodd" points="0.597147465 65.4934572 42.8421368 85.7170862 42.8421368 90.5736508 0.708387267 70.127794"></polygon>
|
||||||
|
<polygon id="矩形" stroke="none" fill="url(#linearGradient07-36)" fill-rule="evenodd" transform="translate(64.247, 77.9624) scale(-1, 1) translate(-64.247, -77.9624)" points="42.8421368 65.3511826 85.6519177 85.7170862 85.6519177 90.5736508 42.8421368 70.1283623"></polygon>
|
||||||
|
<g id="横切面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(0, 20.2378)">
|
||||||
|
<polygon id="面" fill="#3F7814" transform="translate(42.8168, 45.8354) rotate(-45) translate(-42.8168, -45.8354)" points="12.9671581 15.9857994 55.3827296 33.4801782 72.6663973 75.6850385 28.9648769 59.6574721"></polygon>
|
||||||
|
<polygon id="线" stroke="#0AA9F6" transform="translate(42.8168, 45.8354) rotate(-45) translate(-42.8168, -45.8354)" points="12.9671581 15.9857994 55.3827296 33.4801782 72.6663973 75.6850385 28.9648769 59.6574721"></polygon>
|
||||||
|
<line x1="7.82448798" y1="34.3411893" x2="0" y2="45.835419" id="路径-19" stroke="#0A9FEB"></line>
|
||||||
|
<line x1="85.4028525" y1="34.3589764" x2="77.1777248" y2="45.9435184" id="路径-19备份" stroke="#0AA9F6" transform="translate(81.2903, 40.1512) scale(-1, 1) translate(-81.2903, -40.1512)"></line>
|
||||||
|
<polygon id="面" fill="#1E44DA" transform="translate(42.5182, 34.191) rotate(-45) translate(-42.5182, -34.191)" points="18.3414853 10.0143248 52.6960048 24.1839082 66.6949226 58.3677621 31.298848 45.3862243"></polygon>
|
||||||
|
<polygon id="线" stroke="#0AA9F6" transform="translate(42.5511, 34.191) rotate(-45) translate(-42.5511, -34.191)" points="18.3743893 10.0143248 52.7289088 24.1839082 66.7278266 58.3677621 31.4242977 45.5881075"></polygon>
|
||||||
|
<polygon id="面" fill="url(#linearGradient07-37)" opacity="0.577495757" transform="translate(42.8168, 37.0295) rotate(-45) translate(-42.8168, -37.0295)" points="27.8958447 22.1085368 49.0981216 30.853454 57.7377106 51.9504027 35.8926264 43.9387011"></polygon>
|
||||||
|
<g id="编组-7" transform="translate(0.4539, 34.3412)">
|
||||||
|
<polygon id="矩形" fill="url(#linearGradient07-38)" points="7.37058994 0 42.3039805 16.109144 42.3039805 30.8030742 0 11.092731"></polygon>
|
||||||
|
<polygon id="矩形" fill="url(#linearGradient07-39)" transform="translate(63.3188, 15.4603) scale(-1, 1) translate(-63.3188, -15.4603)" points="50.2190695 0.117491632 84.3455576 16.109144 84.3455576 30.8030742 42.2920375 11.2785377"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="横切面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(16.123, 22.9289)">
|
||||||
|
<polygon id="面" fill="#3F7814" transform="translate(26.6502, 28.5291) rotate(-45) translate(-26.6502, -28.5291)" points="8.07108632 9.9499648 34.4716079 20.8389075 45.2293987 47.1082772 18.02847 37.1323155"></polygon>
|
||||||
|
<polygon id="线" stroke="#16A5FF" transform="translate(26.6502, 28.5291) rotate(-45) translate(-26.6502, -28.5291)" points="8.07108632 9.9499648 34.4716079 20.8389075 45.2293987 47.1082772 18.02847 37.1323155"></polygon>
|
||||||
|
<line x1="4.87015869" y1="21.3748225" x2="0" y2="28.529121" id="路径-19" stroke="#16A5FF"></line>
|
||||||
|
<line x1="53.1568897" y1="21.3858936" x2="48.0373627" y2="28.5964048" id="路径-19备份" stroke="#16A5FF" transform="translate(50.5971, 24.9911) scale(-1, 1) translate(-50.5971, -24.9911)"></line>
|
||||||
|
<polygon id="面" fill="url(#linearGradient07-40)" transform="translate(26.4644, 21.2814) rotate(-45) translate(-26.4644, -21.2814)" points="11.4162031 6.23316834 32.7993227 15.0526745 41.5126022 36.3295675 19.4811925 28.2495309"></polygon>
|
||||||
|
<polygon id="线" stroke="#16A5FF" transform="translate(26.4849, 21.2814) rotate(-45) translate(-26.4849, -21.2814)" points="11.4366834 6.23316834 32.8198029 15.0526745 41.5330825 36.3295675 19.5592756 28.3751881"></polygon>
|
||||||
|
<polygon id="面" fill="url(#linearGradient07-41)" transform="translate(26.6502, 20.7238) rotate(-45) translate(-26.6502, -20.7238)" points="17.3630774 11.4366834 30.5599094 16.8797405 35.9374076 30.0110135 22.3404761 25.0243283"></polygon>
|
||||||
|
<g id="编组-7" transform="translate(0.2825, 21.2814)">
|
||||||
|
<polygon id="矩形" fill="url(#linearGradient07-42)" points="4.58764111 0.0934545597 26.3310646 10.1201922 26.3310646 19.2660649 0 6.99785014"></polygon>
|
||||||
|
<polygon id="矩形" fill="url(#linearGradient07-43)" transform="translate(39.4831, 9.633) scale(-1, 1) translate(-39.4831, -9.633)" points="31.104407 3.42234062e-14 52.6426196 10.1201922 52.6426196 19.2660649 26.323631 7.07049611"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<polygon id="线" stroke="url(#linearGradient07-44)" stroke-width="2" fill="none" transform="translate(42.5511, 42.7884) rotate(-45) translate(-42.5511, -42.7884)" points="18.3743893 18.6117248 52.7289088 32.7813082 66.7278266 66.9651621 31.4242977 54.1855075"></polygon>
|
||||||
|
<polygon id="面" stroke="none" fill="url(#linearGradient07-45)" fill-rule="evenodd" transform="translate(42.4747, 34.397) rotate(-45) translate(-42.4747, -34.397)" points="32.2917641 24.2141156 46.7613939 30.1821405 52.6575369 44.5798884 37.749219 39.1122513"></polygon>
|
||||||
|
<polygon id="路径-21" stroke="none" fill="#D7FFFB" fill-rule="evenodd" points="42.518204 18.7695789 28.0738744 34.397002 42.518204 28.431581"></polygon>
|
||||||
|
<polygon id="路径-21" stroke="none" fill="#B2E889" fill-rule="evenodd" transform="translate(49.7391, 26.5833) scale(-1, 1) translate(-49.7391, -26.5833)" points="56.961229 18.7695789 42.5168995 34.397002 56.961229 28.431581"></polygon>
|
||||||
|
<polygon id="路径-22" stroke="none" fill="#DFFDFF" fill-rule="evenodd" opacity="0.688876197" points="42.5168995 18.7695789 42.4674506 41.0725714 56.961229 34.397002"></polygon>
|
||||||
|
<polygon id="顶线" stroke="url(#linearGradient07-46)" stroke-width="1" fill="none" transform="translate(42.1933, 25.3239) rotate(-45) translate(-42.1933, -25.3239)" points="24.2866016 7.41718569 49.7315373 17.9119952 60.0999421 43.2305262 33.9521154 33.765178"></polygon>
|
||||||
|
<g id="悬浮短线" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(27.5405, 10.2387)">
|
||||||
|
<rect id="矩形" fill="url(#linearGradient07-47)" x="2.9140577" y="52.4530385" width="1.59301821" height="8.74217309"></rect>
|
||||||
|
<rect id="矩形备份-6" fill="url(#linearGradient07-48)" x="26.2265193" y="62.1665642" width="1.19476366" height="8.74217309"></rect>
|
||||||
|
<rect id="矩形备份-7" fill="url(#linearGradient07-49)" x="18.4556987" y="0" width="1" height="7.10745779"></rect>
|
||||||
|
<rect id="矩形备份-8" fill="url(#linearGradient07-50)" x="0" y="6.79946796" width="1" height="3.5537289"></rect>
|
||||||
|
<rect id="矩形备份-9" fill="url(#linearGradient07-50)" x="31.0832821" y="12.6275833" width="1" height="3.5537289"></rect>
|
||||||
|
</g>
|
||||||
|
<polyline id="路径-34" stroke="url(#linearGradient07-51)" stroke-width="0.5" fill="none" points="0.603040867 21.1899651 42.39747 40.1186417 85.6519177 21.1899651"></polyline>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { getUUID } from '@/utils'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const filterId = `border-box-04-filterId-${getUUID()}`
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const {
|
||||||
|
colors,
|
||||||
|
dur,
|
||||||
|
borderTitle,
|
||||||
|
borderTitleColor,
|
||||||
|
borderTitleSize,
|
||||||
|
borderTitleHeight,
|
||||||
|
borderTitleWidth,
|
||||||
|
backgroundColor
|
||||||
|
} = toRefs(props.chartConfig.option)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-04') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
color: v-bind('borderTitleColor');
|
||||||
|
font-size: v-bind('borderTitleSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles08Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dur: 0.5,
|
||||||
|
borderTitle: '图标',
|
||||||
|
borderTitleWidth: 124,
|
||||||
|
borderTitleHeight: 140,
|
||||||
|
borderTitleSize: 18,
|
||||||
|
borderTitleColor: '#fff',
|
||||||
|
colors: ['#8aaafb', '#1f33a2'],
|
||||||
|
backgroundColor: '#00000000'
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles08Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 124, h: 140, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles08Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<CollapseItem name="边框" :expanded="true">
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import {
|
||||||
|
CollapseItem,
|
||||||
|
SettingItemBox,
|
||||||
|
SettingItem
|
||||||
|
} from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles08Config: ConfigType = {
|
||||||
|
key: 'Titles08',
|
||||||
|
chartKey: 'VTitles08',
|
||||||
|
conKey: 'VCTitles08',
|
||||||
|
title: '图标-05',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'wlpt.png',
|
||||||
|
};
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { Titles09Config } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = Titles09Config.key
|
||||||
|
public attr = { ...chartInitConfig, w: 1920, h: 98, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(Titles09Config)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const Titles09Config: ConfigType = {
|
||||||
|
key: 'Titles09',
|
||||||
|
chartKey: 'VTitles09',
|
||||||
|
conKey: 'VCTitles09',
|
||||||
|
title: '标题',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'title01.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-title-09">
|
||||||
|
<img :width="w" :height="h" src="/src/assets/images/chart/decorates/title01.png" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('title-09') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { TitlesTextConfig } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
colors: ['#1DC1F533', '#1DC1F5FF'],
|
||||||
|
dataset: '我是标题',
|
||||||
|
textSize: 32
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = TitlesTextConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(TitlesTextConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="内容" :expanded="true">
|
||||||
|
<SettingItemBox name="文字" alone>
|
||||||
|
<SettingItem>
|
||||||
|
<n-input v-model:value="optionData.dataset" size="small"></n-input>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox
|
||||||
|
:name="`颜色-${index + 1}`"
|
||||||
|
v-for="(item, index) in optionData.colors"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.colors[index]"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-button
|
||||||
|
size="small"
|
||||||
|
@click="optionData.colors[index] = option.colors[index]"
|
||||||
|
>
|
||||||
|
恢复默认
|
||||||
|
</n-button>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItem name="大小">
|
||||||
|
<n-input-number v-model:value="optionData.textSize" size="small" :min="12"></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const TitlesTextConfig: ConfigType = {
|
||||||
|
key: 'TitlesText',
|
||||||
|
chartKey: 'VTitlesText',
|
||||||
|
conKey: 'VCTitlesText',
|
||||||
|
title: '我是标题',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'decorates06.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-border-06">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" :width="w" :height="h">
|
||||||
|
|
||||||
|
</svg>
|
||||||
|
<span class="text">{{ dataset }}</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, toRefs } from 'vue'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { getUUID } from '@/utils'
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const id = getUUID()
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const { colors, dataset, textSize } = toRefs(props.chartConfig.option)
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('border-06') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fill {
|
||||||
|
fill: v-bind('colors[0]');
|
||||||
|
}
|
||||||
|
.fill-none {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
.stroke {
|
||||||
|
stroke: v-bind('colors[1]');
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
font-size: v-bind('textSize+"px"');
|
||||||
|
background: linear-gradient(to bottom, v-bind('colors[0]'), v-bind('colors[1]'));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent; /* 兼容旧版浏览器 */
|
||||||
|
background-clip: text; /* 标准语法 */
|
||||||
|
color: transparent; /* 标准语法 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { WeatherConfig } from './index'
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dataset: '天气温度',
|
||||||
|
textColor: '#fff',
|
||||||
|
textSize: 28,
|
||||||
|
colors: '#03A9F4',
|
||||||
|
size: 64,
|
||||||
|
rotate: 0 // 旋转角度
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = WeatherConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 200, h: 50, zIndex: 1 }
|
||||||
|
public chartConfig = cloneDeep(WeatherConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,65 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="内容" expanded>
|
||||||
|
<SettingItemBox name="文字" alone>
|
||||||
|
<SettingItem>
|
||||||
|
<n-input v-model:value="optionData.dataset" size="small"></n-input>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
|
||||||
|
<SettingItemBox name="样式">
|
||||||
|
<SettingItem name="颜色">
|
||||||
|
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.textColor"></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="大小">
|
||||||
|
<n-input-number v-model:value="optionData.textSize" size="small" :min="12"></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
<collapse-item name="属性" :expanded="true">
|
||||||
|
<setting-item-box name="样式">
|
||||||
|
<setting-item name="颜色">
|
||||||
|
<n-color-picker size="small" :modes="['hex']" v-model:value="optionData.colors"></n-color-picker>
|
||||||
|
</setting-item>
|
||||||
|
<setting-item name="尺寸">
|
||||||
|
<n-input-number v-model:value="optionData.size" size="small" :min="0" placeholder="尺寸"></n-input-number>
|
||||||
|
</setting-item>
|
||||||
|
</setting-item-box>
|
||||||
|
<setting-item-box name="快捷旋转">
|
||||||
|
<setting-item name="也可使用通用的【变换】来旋转">
|
||||||
|
<n-select v-model:value="optionData.rotate" size="small" :options="rotateMode"></n-select>
|
||||||
|
</setting-item>
|
||||||
|
</setting-item-box>
|
||||||
|
</collapse-item>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType } from 'vue'
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const rotateMode = [
|
||||||
|
{
|
||||||
|
value: 0,
|
||||||
|
label: '0°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 90,
|
||||||
|
label: '90°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 180,
|
||||||
|
label: '180°'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 270,
|
||||||
|
label: '270°'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d';
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d';
|
||||||
|
|
||||||
|
export const WeatherConfig: ConfigType = {
|
||||||
|
key: 'Weather',
|
||||||
|
chartKey: 'VWeather',
|
||||||
|
conKey: 'VCWeather',
|
||||||
|
title: '天气',
|
||||||
|
category: ChatCategoryEnum.TITLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TITLE,
|
||||||
|
package: PackagesCategoryEnum.DECORATES,
|
||||||
|
chartFrame: ChartFrameEnum.STATIC,
|
||||||
|
image: 'sun.png',
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,121 @@
|
||||||
|
<template>
|
||||||
|
<div class="go-border-06">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" :width="w" :height="h">
|
||||||
|
|
||||||
|
</svg>
|
||||||
|
<div class="box">
|
||||||
|
<GoIconify
|
||||||
|
:icon="weatherIcon || ''"
|
||||||
|
:color="colors"
|
||||||
|
:width="size"
|
||||||
|
:rotate="rotate"
|
||||||
|
/>
|
||||||
|
<span class="text">{{ Weather }} °C</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, PropType, onMounted, toRefs } from 'vue';
|
||||||
|
import axios from 'axios';
|
||||||
|
import dayjs from 'dayjs';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
import { GoIconify } from '@/components/GoIconify';
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const weatherIcon = ref()
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr)
|
||||||
|
const { colors, dataset, textSize, textColor, size, rotate } = toRefs(props.chartConfig.option)
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getWeather()
|
||||||
|
});
|
||||||
|
|
||||||
|
const currentTime = ref(dayjs().locale('zh-cn').format('YYYY年M月D日 dddd HH:mm:ss'));
|
||||||
|
const Weather = ref('');
|
||||||
|
async function getWeather() {
|
||||||
|
try {
|
||||||
|
//高德天气查询
|
||||||
|
axios({
|
||||||
|
method: 'get',
|
||||||
|
url: `https://restapi.amap.com/v3/weather/weatherInfo?city=371300&key=ae4fb485fa25f5884b9cd7c1101687c4`,
|
||||||
|
}).then((res) => {
|
||||||
|
console.log('aaa', res.data)
|
||||||
|
Weather.value = res.data.lives[0].temperature;
|
||||||
|
if(res.data.lives[0].weather == '阴'){
|
||||||
|
weatherIcon.value = "wi:cloud"
|
||||||
|
}else if(res.data.lives[0].weather == '晴'){
|
||||||
|
weatherIcon.value = "wi:day-sunny"
|
||||||
|
}else{
|
||||||
|
weatherIcon.value = "wi:umbrella"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
// 备用
|
||||||
|
// http://www.tianqiapi.com/index/doc?version=v63
|
||||||
|
// 若次数试用用尽，注册账号后，切换appid和appsecret即可
|
||||||
|
axios({
|
||||||
|
method: 'get',
|
||||||
|
url: `http://v0.yiketianqi.com/api?unescape=1&version=v63&appid=88136471&appsecret=Hw4GLOcA&city=临沂`,
|
||||||
|
}).then((res) => {
|
||||||
|
Weather.value = res.data.tem;
|
||||||
|
console.log('rrrr',res)
|
||||||
|
if(res.data.wea == '阴'){
|
||||||
|
weatherIcon.value = "wi:cloud"
|
||||||
|
}else if(res.data.wea == '晴'){
|
||||||
|
weatherIcon.value = "wi:day-sunny"
|
||||||
|
}else{
|
||||||
|
weatherIcon.value = "wi:umbrella"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateTime() {
|
||||||
|
currentTime.value = dayjs().locale('zh-cn').format('YYYY年M月D日 dddd HH:mm');
|
||||||
|
console.log('currentTime', currentTime)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@include go('border-06') {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fill {
|
||||||
|
fill: v-bind('colors[0]');
|
||||||
|
}
|
||||||
|
.fill-none {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
.stroke {
|
||||||
|
stroke: v-bind('colors[1]');
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
margin-left: 10px;
|
||||||
|
color: v-bind('textColor');
|
||||||
|
font-size: v-bind('textSize+"px"');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -1,9 +1,34 @@
|
||||||
|
import { Background01Config } from './Background01/index';
|
||||||
|
import { Background02Config } from './Background02/index';
|
||||||
|
import { Background03Config } from './Background03/index';
|
||||||
import { Titles01Config } from './Titles01/index';
|
import { Titles01Config } from './Titles01/index';
|
||||||
import { Titles02Config } from './Titles02/index';
|
import { Titles02Config } from './Titles02/index';
|
||||||
import { Titles03Config } from './Titles03/index';
|
import { Titles03Config } from './Titles03/index';
|
||||||
|
import { Titles04Config } from './Titles04/index';
|
||||||
|
import { Titles05Config } from './Titles05/index';
|
||||||
|
import { Titles06Config } from './Titles06/index';
|
||||||
|
import { Titles07Config } from './Titles07/index';
|
||||||
|
import { Titles08Config } from './Titles08/index';
|
||||||
|
import { Titles09Config } from './Titles09/index';
|
||||||
|
import { TitlesTextConfig } from './TitlesText/index';
|
||||||
|
import { WeatherConfig } from './Weather/index';
|
||||||
|
import { DateConfig } from './Date/index';
|
||||||
|
|
||||||
|
|
||||||
export default [
|
export default [
|
||||||
|
Background01Config,
|
||||||
|
Background02Config,
|
||||||
|
Background03Config,
|
||||||
|
Titles09Config,
|
||||||
Titles01Config,
|
Titles01Config,
|
||||||
|
TitlesTextConfig,
|
||||||
|
WeatherConfig,
|
||||||
|
DateConfig,
|
||||||
Titles02Config,
|
Titles02Config,
|
||||||
Titles03Config
|
Titles03Config,
|
||||||
|
Titles04Config,
|
||||||
|
Titles05Config,
|
||||||
|
Titles06Config,
|
||||||
|
Titles07Config,
|
||||||
|
Titles08Config,
|
||||||
];
|
];
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,8 @@ import { StorageEnum } from '@/enums/storageEnum'
|
||||||
import { FileTypeEnum } from '@/enums/fileTypeEnum'
|
import { FileTypeEnum } from '@/enums/fileTypeEnum'
|
||||||
import { backgroundImageSize } from '@/settings/designSetting'
|
import { backgroundImageSize } from '@/settings/designSetting'
|
||||||
import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
|
import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
|
||||||
|
import { photoModalStore } from '@/store/modules/photoModal'
|
||||||
|
const photoModalStateStore = photoModalStore()
|
||||||
|
|
||||||
const StoreKey = StorageEnum.GO_USER_MEDIA_PHOTOS
|
const StoreKey = StorageEnum.GO_USER_MEDIA_PHOTOS
|
||||||
|
|
||||||
|
|
@ -58,32 +60,7 @@ const addConfig = {
|
||||||
configEvents: {
|
configEvents: {
|
||||||
// 点击上传事件
|
// 点击上传事件
|
||||||
addHandle: (photoConfig: ConfigType) => {
|
addHandle: (photoConfig: ConfigType) => {
|
||||||
goDialog({
|
photoModalStateStore.changeOpenState(true)
|
||||||
message: `图片需小于 ${backgroundImageSize}M 且只暂存在浏览器中。当前图片暂存上限5M，超过不再缓存新图片，请自行对接后端接口！现编译成 base64 进行渲染，对接后端后请使用【URL地址】进行交互！`,
|
|
||||||
transformOrigin: 'center',
|
|
||||||
onPositiveCallback: () => {
|
|
||||||
uploadFile((e: UploadCompletedEventType) => {
|
|
||||||
// 和上传组件一样配置，更换标题，图片，预设数据
|
|
||||||
const packagesStore = usePackagesStore()
|
|
||||||
const newPhoto = {
|
|
||||||
...ImageConfig,
|
|
||||||
category: ChatCategoryEnum.PRIVATE,
|
|
||||||
categoryName: ChatCategoryEnumName.PRIVATE,
|
|
||||||
package: PackagesCategoryEnum.PHOTOS,
|
|
||||||
chartFrame: ChartFrameEnum.STATIC,
|
|
||||||
title: e.fileName,
|
|
||||||
image: e.url,
|
|
||||||
dataset: e.url,
|
|
||||||
redirectComponent: `${ImageConfig.package}/${ImageConfig.category}/${ImageConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
|
|
||||||
}
|
|
||||||
userPhotosList.unshift(newPhoto)
|
|
||||||
// 存储在本地数据中
|
|
||||||
setLocalStorage(StoreKey, userPhotosList)
|
|
||||||
// 插入到上传按钮前的位置
|
|
||||||
packagesStore.addPhotos(newPhoto, 1)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<svg
|
<svg
|
||||||
:width="props.w"
|
:width="props.w"
|
||||||
:height="props.h"
|
:height="props.h"
|
||||||
viewBox="0 0 400 40"
|
:viewBox="`0 0 ${props.w} ${props.h}`"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
|
|
||||||
|
|
@ -7,14 +7,7 @@
|
||||||
@mouseenter="item.mouseFlag = false"
|
@mouseenter="item.mouseFlag = false"
|
||||||
@mouseleave="item.mouseFlag = true"
|
@mouseleave="item.mouseFlag = true"
|
||||||
>
|
>
|
||||||
<Xinxi1
|
<Xinxi
|
||||||
v-if="item.mouseFlag"
|
|
||||||
:style="{ marginBottom: `${option.dataStyle.listStyle.marginbottom}px` }"
|
|
||||||
:item="item"
|
|
||||||
:listStyle="option.dataStyle.listStyle"
|
|
||||||
/>
|
|
||||||
<Xinxi2
|
|
||||||
v-else
|
|
||||||
:style="{ marginBottom: `${option.dataStyle.listStyle.marginbottom}px` }"
|
:style="{ marginBottom: `${option.dataStyle.listStyle.marginbottom}px` }"
|
||||||
:item="item"
|
:item="item"
|
||||||
:listStyle="option.dataStyle.listStyle"
|
:listStyle="option.dataStyle.listStyle"
|
||||||
|
|
@ -30,8 +23,7 @@
|
||||||
import { icon } from '@/plugins';
|
import { icon } from '@/plugins';
|
||||||
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||||
import { useChartDataFetch } from '@/hooks';
|
import { useChartDataFetch } from '@/hooks';
|
||||||
import Xinxi1 from './svg/xinxi1.vue';
|
import Xinxi from './svg/xinxi.vue';
|
||||||
import Xinxi2 from './svg/xinxi2.vue';
|
|
||||||
import dayjs from 'dayjs';
|
import dayjs from 'dayjs';
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,111 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<svg
|
<svg
|
||||||
|
v-if="props.item.mouseFlag"
|
||||||
|
width="363px"
|
||||||
|
height="28px"
|
||||||
|
viewBox="0 0 363 28"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="-60.5860633%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#172600" stop-opacity="0.4" offset="0.0191215035%"></stop>
|
||||||
|
<stop stop-color="#3D6644" stop-opacity="0.8" offset="62.775896%"></stop>
|
||||||
|
<stop stop-color="#80FF95" stop-opacity="0.9" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="100%" y1="100%" x2="1.71863581e-15%" y2="100%" id="linearGradient-2">
|
||||||
|
<stop stop-color="#295233" offset="0.0191215035%"></stop>
|
||||||
|
<stop stop-color="#386644" offset="31.280489%"></stop>
|
||||||
|
<stop stop-color="#AAF2C8" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-火情线索-切图版" transform="translate(-1512, -850)">
|
||||||
|
<g id="可视化" transform="translate(-8, -1)">
|
||||||
|
<g id="模块" transform="translate(53, 92)">
|
||||||
|
<g id="标题模块--右侧1" transform="translate(1450.5, 703)">
|
||||||
|
<g id="编组-47" transform="translate(16.9878, 56)">
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-1)"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="362"
|
||||||
|
height="28"
|
||||||
|
></rect>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-2)"
|
||||||
|
x="0"
|
||||||
|
y="26"
|
||||||
|
width="362"
|
||||||
|
height="2"
|
||||||
|
></rect>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
stroke="#FBC636"
|
||||||
|
fill-opacity="0.5"
|
||||||
|
fill="#1B2026"
|
||||||
|
transform="translate(3.5122, 1) scale(-1, 1) translate(-3.5122, -1)"
|
||||||
|
x="0.51221881"
|
||||||
|
y="0.5"
|
||||||
|
width="6"
|
||||||
|
height="1"
|
||||||
|
></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<image
|
||||||
|
v-if="['01', '02', '03'].includes(props.item.key)"
|
||||||
|
x="4%"
|
||||||
|
y="0"
|
||||||
|
width="25"
|
||||||
|
height="25"
|
||||||
|
:href="`/src/assets/images/chart/tables/${props.item.key}.png`"
|
||||||
|
/>
|
||||||
|
<text
|
||||||
|
v-else
|
||||||
|
x="5%"
|
||||||
|
y="20"
|
||||||
|
:fill="props.listStyle.titleColor"
|
||||||
|
:font-size="props.listStyle.titleFontSize"
|
||||||
|
>
|
||||||
|
{{ props.item.key }}
|
||||||
|
</text>
|
||||||
|
<text
|
||||||
|
x="15%"
|
||||||
|
y="20"
|
||||||
|
:fill="props.listStyle.titleColor"
|
||||||
|
:font-size="props.listStyle.titleFontSize"
|
||||||
|
>
|
||||||
|
{{ props.item.title }}
|
||||||
|
</text>
|
||||||
|
<text
|
||||||
|
x="37%"
|
||||||
|
y="20"
|
||||||
|
:fill="props.listStyle.timeColor"
|
||||||
|
:font-size="props.listStyle.timeFontSize"
|
||||||
|
>
|
||||||
|
{{ dayjs(props.item.time, 'HH:mm:ss').hour() }} 小时
|
||||||
|
{{ dayjs(props.item.time, 'HH:mm:ss').minute() }} 分钟
|
||||||
|
{{ dayjs(props.item.time, 'HH:mm:ss').second() }} 秒
|
||||||
|
</text>
|
||||||
|
<text
|
||||||
|
x="85%"
|
||||||
|
y="20"
|
||||||
|
:fill="props.listStyle.numColor"
|
||||||
|
:font-size="props.listStyle.numFontSize"
|
||||||
|
>
|
||||||
|
{{ props.item.num }}
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
<svg
|
||||||
|
v-if="!props.item.mouseFlag"
|
||||||
width="363px"
|
width="363px"
|
||||||
height="28px"
|
height="28px"
|
||||||
viewBox="0 0 363 28"
|
viewBox="0 0 363 28"
|
||||||
|
|
@ -1,112 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<svg
|
|
||||||
width="363px"
|
|
||||||
height="28px"
|
|
||||||
viewBox="0 0 363 28"
|
|
||||||
version="1.1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
>
|
|
||||||
<defs>
|
|
||||||
<linearGradient x1="100%" y1="50%" x2="-60.5860633%" y2="50%" id="linearGradient-1">
|
|
||||||
<stop stop-color="#172600" stop-opacity="0.4" offset="0.0191215035%"></stop>
|
|
||||||
<stop stop-color="#3D6644" stop-opacity="0.8" offset="62.775896%"></stop>
|
|
||||||
<stop stop-color="#80FF95" stop-opacity="0.9" offset="100%"></stop>
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient x1="100%" y1="100%" x2="1.71863581e-15%" y2="100%" id="linearGradient-2">
|
|
||||||
<stop stop-color="#295233" offset="0.0191215035%"></stop>
|
|
||||||
<stop stop-color="#386644" offset="31.280489%"></stop>
|
|
||||||
<stop stop-color="#AAF2C8" offset="100%"></stop>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
||||||
<g id="林业防火-智感-火情线索-切图版" transform="translate(-1512, -850)">
|
|
||||||
<g id="可视化" transform="translate(-8, -1)">
|
|
||||||
<g id="模块" transform="translate(53, 92)">
|
|
||||||
<g id="标题模块--右侧1" transform="translate(1450.5, 703)">
|
|
||||||
<g id="编组-47" transform="translate(16.9878, 56)">
|
|
||||||
<rect
|
|
||||||
id="矩形"
|
|
||||||
fill="url(#linearGradient-1)"
|
|
||||||
x="0"
|
|
||||||
y="0"
|
|
||||||
width="362"
|
|
||||||
height="28"
|
|
||||||
></rect>
|
|
||||||
<rect
|
|
||||||
id="矩形"
|
|
||||||
fill="url(#linearGradient-2)"
|
|
||||||
x="0"
|
|
||||||
y="26"
|
|
||||||
width="362"
|
|
||||||
height="2"
|
|
||||||
></rect>
|
|
||||||
<rect
|
|
||||||
id="矩形"
|
|
||||||
stroke="#FBC636"
|
|
||||||
fill-opacity="0.5"
|
|
||||||
fill="#1B2026"
|
|
||||||
transform="translate(3.5122, 1) scale(-1, 1) translate(-3.5122, -1)"
|
|
||||||
x="0.51221881"
|
|
||||||
y="0.5"
|
|
||||||
width="6"
|
|
||||||
height="1"
|
|
||||||
></rect>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<image
|
|
||||||
v-if="['01', '02', '03'].includes(props.item.key)"
|
|
||||||
x="4%"
|
|
||||||
y="0"
|
|
||||||
width="25"
|
|
||||||
height="25"
|
|
||||||
:href="`/src/assets/images/chart/tables/${props.item.key}.png`"
|
|
||||||
/>
|
|
||||||
<text
|
|
||||||
v-else
|
|
||||||
x="5%"
|
|
||||||
y="20"
|
|
||||||
:fill="props.listStyle.titleColor"
|
|
||||||
:font-size="props.listStyle.titleFontSize"
|
|
||||||
>
|
|
||||||
{{ props.item.key }}
|
|
||||||
</text>
|
|
||||||
<text
|
|
||||||
x="15%"
|
|
||||||
y="20"
|
|
||||||
:fill="props.listStyle.titleColor"
|
|
||||||
:font-size="props.listStyle.titleFontSize"
|
|
||||||
>
|
|
||||||
{{ props.item.title }}
|
|
||||||
</text>
|
|
||||||
<text
|
|
||||||
x="37%"
|
|
||||||
y="20"
|
|
||||||
:fill="props.listStyle.timeColor"
|
|
||||||
:font-size="props.listStyle.timeFontSize"
|
|
||||||
>
|
|
||||||
{{ dayjs(props.item.time, 'HH:mm:ss').hour() }} 小时
|
|
||||||
{{ dayjs(props.item.time, 'HH:mm:ss').minute() }} 分钟
|
|
||||||
{{ dayjs(props.item.time, 'HH:mm:ss').second() }} 秒
|
|
||||||
</text>
|
|
||||||
<text
|
|
||||||
x="85%"
|
|
||||||
y="20"
|
|
||||||
:fill="props.listStyle.numColor"
|
|
||||||
:font-size="props.listStyle.numFontSize"
|
|
||||||
>
|
|
||||||
{{ props.item.num }}
|
|
||||||
</text>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import dayjs from 'dayjs';
|
|
||||||
const props = defineProps(['item', 'listStyle']);
|
|
||||||
</script>
|
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { ModalButtonConfig } from './index'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
buttonName: '辅助决策',
|
||||||
|
buttonStyle:{
|
||||||
|
color: 'yellow',
|
||||||
|
fontsize: 16,
|
||||||
|
fontcolor: '#FFFFFF',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = ModalButtonConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 125, h: 45, zIndex: 5 }
|
||||||
|
public chartConfig = cloneDeep(ModalButtonConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,65 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="按钮设置" :expanded="true">
|
||||||
|
<SettingItemBox :alone="true" name="按钮内容">
|
||||||
|
<SettingItem :alone="true">
|
||||||
|
<n-input v-model:value="optionData.buttonName" type="text" size="small" />
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="内容设置">
|
||||||
|
<!-- <SettingItem name="按钮颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.buttonStyle.color"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem> -->
|
||||||
|
<SettingItem name="按钮常用颜色">
|
||||||
|
<n-select v-model:value="optionData.buttonStyle.color" :options="colorList" size="small" />
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="按钮字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.buttonStyle.fontsize"
|
||||||
|
type="text"
|
||||||
|
:min="0"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="按钮字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.buttonStyle.fontcolor"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, watch, ref } from 'vue';
|
||||||
|
import { option } from './config';
|
||||||
|
import { cloneDeep } from 'lodash-es';
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const colorList = [
|
||||||
|
{
|
||||||
|
value: 'red',
|
||||||
|
label: '红色',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'green',
|
||||||
|
label: '绿色',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'yellow',
|
||||||
|
label: '黄色',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||||
|
|
||||||
|
export const ModalButtonConfig: ConfigType = {
|
||||||
|
key: 'ModalButton',
|
||||||
|
chartKey: 'VModalButton',
|
||||||
|
conKey: 'VCModalButton',
|
||||||
|
title: '重复报警弹窗按钮',
|
||||||
|
category: ChatCategoryEnum.TABLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TABLE,
|
||||||
|
package: PackagesCategoryEnum.TABLES,
|
||||||
|
chartFrame: ChartFrameEnum.COMMON,
|
||||||
|
image: 'ModalButton.png'
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<template>
|
||||||
|
<div class="ModalButton">
|
||||||
|
<n-button text>
|
||||||
|
<Button :buttonName="option.buttonName" :buttonStyle="option.buttonStyle" />
|
||||||
|
</n-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, PropType, toRefs, watch, reactive, ref } from 'vue';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
import { icon } from '@/plugins';
|
||||||
|
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||||
|
import { useChartDataFetch } from '@/hooks';
|
||||||
|
import Button from './svg/button.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr);
|
||||||
|
|
||||||
|
const option = reactive({
|
||||||
|
buttonName: props.chartConfig.option.buttonName,
|
||||||
|
buttonStyle: props.chartConfig.option.buttonStyle,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.ModalButton {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
width: v-bind('`${w}px`');
|
||||||
|
height: v-bind('`${h}px`');
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,363 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 黄色 -->
|
||||||
|
<svg
|
||||||
|
v-if="props.buttonStyle.color == 'yellow'"
|
||||||
|
width="121px"
|
||||||
|
height="44px"
|
||||||
|
viewBox="0 0 121 44"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="120.597701" height="43" rx="3"></rect>
|
||||||
|
<filter
|
||||||
|
x="-3.3%"
|
||||||
|
y="-9.3%"
|
||||||
|
width="106.6%"
|
||||||
|
height="118.6%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-2"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="2"
|
||||||
|
operator="erode"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadInner1"
|
||||||
|
></feMorphology>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="3"
|
||||||
|
in="shadowSpreadInner1"
|
||||||
|
result="shadowBlurInner1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
|
||||||
|
<feComposite
|
||||||
|
in="shadowOffsetInner1"
|
||||||
|
in2="SourceAlpha"
|
||||||
|
operator="arithmetic"
|
||||||
|
k2="-1"
|
||||||
|
k3="1"
|
||||||
|
result="shadowInnerInner1"
|
||||||
|
></feComposite>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 1 0 0 0 0 0.54437983 0 0 0 0 0 0 0 0 1 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowInnerInner1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.5930705%" id="linearGradient-3">
|
||||||
|
<stop stop-color="#FF8D00" offset="0%"></stop>
|
||||||
|
<stop stop-color="#7D3700" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.7555179%" y1="50%" x2="0.659186059%" y2="50%" id="linearGradient-4">
|
||||||
|
<stop stop-color="#FF8900" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#FFB200" offset="52.4037608%"></stop>
|
||||||
|
<stop stop-color="#FF8900" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-重复报警弹窗-切图版" transform="translate(-1172, -769)">
|
||||||
|
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="编组-56" transform="translate(997, 604)">
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="#582900" fill-rule="evenodd" xlink:href="#path-1"></use>
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-2)"
|
||||||
|
xlink:href="#path-1"
|
||||||
|
></use>
|
||||||
|
<rect
|
||||||
|
stroke="#FF8900"
|
||||||
|
stroke-width="0.619047619"
|
||||||
|
stroke-linejoin="square"
|
||||||
|
x="0.30952381"
|
||||||
|
y="0.30952381"
|
||||||
|
width="119.978654"
|
||||||
|
height="42.3809524"
|
||||||
|
rx="3"
|
||||||
|
></rect>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="M2.68679754,0 L117.920714,2.22044605e-15 C118.472999,9.96743133e-15 118.920714,0.44771525 118.920714,1 C118.920714,1.28969745 118.795083,1.56515805 118.576335,1.75508987 L92.5517241,24.3514589 L92.5517241,24.3514589 L28.045977,24.2338973 L2.03298651,1.75665787 C1.6150959,1.39556801 1.56904981,0.764079571 1.93013967,0.346188968 C2.12009371,0.126354469 2.39626399,-1.9450313e-15 2.68679754,-1.99840144e-15 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-3)"
|
||||||
|
opacity="0.480172294"
|
||||||
|
></path>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-4)"
|
||||||
|
x="25.5110522"
|
||||||
|
y="41.7453581"
|
||||||
|
width="64.9372237"
|
||||||
|
height="1.15959328"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M1.1431884,11.0333921 L2.99339771,13.9775503 C3.05540759,14.0762239 3.08830455,14.1903976 3.08830455,14.3069382 L3.08830455,28.6930618 C3.08830455,28.8096024 3.05540759,28.9237761 2.99339771,29.0224497 L1.1431884,31.9666079 C0.961272471,32.2560829 0.579134657,32.3432767 0.2896597,32.1613608 C0.109400696,32.0480799 9.89920443e-15,31.8501188 1.11022302e-14,31.63722 L1.33226763e-15,11.36278 C1.29039811e-15,11.0208894 0.27715706,10.7437324 0.619047619,10.7437324 C0.831946351,10.7437324 1.0299075,10.8531331 1.1431884,11.0333921 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="#FF8000"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M118.652585,11.0333921 L120.502794,13.9775503 C120.564804,14.0762239 120.597701,14.1903976 120.597701,14.3069382 L120.597701,28.6930618 C120.597701,28.8096024 120.564804,28.9237761 120.502794,29.0224497 L118.652585,31.9666079 C118.470669,32.2560829 118.088531,32.3432767 117.799056,32.1613608 C117.618797,32.0480799 117.509397,31.8501188 117.509397,31.63722 L117.509397,11.36278 C117.509397,11.0208894 117.786554,10.7437324 118.128444,10.7437324 C118.341343,10.7437324 118.539304,10.8531331 118.652585,11.0333921 Z"
|
||||||
|
id="矩形备份-102"
|
||||||
|
fill="#FF8500"
|
||||||
|
transform="translate(119.0535, 21.5) scale(-1, 1) translate(-119.0535, -21.5)"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<text
|
||||||
|
x="50%"
|
||||||
|
y="60%"
|
||||||
|
text-anchor="middle"
|
||||||
|
:font-size="props.buttonStyle.fontsize"
|
||||||
|
:fill="props.buttonStyle.fontcolor"
|
||||||
|
>
|
||||||
|
{{ props.buttonName }}
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
<!-- 绿色 -->
|
||||||
|
<svg
|
||||||
|
v-if="props.buttonStyle.color == 'green'"
|
||||||
|
width="141px"
|
||||||
|
height="44px"
|
||||||
|
viewBox="0 0 141 44"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="140" height="43" rx="3"></rect>
|
||||||
|
<filter
|
||||||
|
x="-2.9%"
|
||||||
|
y="-9.3%"
|
||||||
|
width="105.7%"
|
||||||
|
height="118.6%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-2"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="2"
|
||||||
|
operator="erode"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadInner1"
|
||||||
|
></feMorphology>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="3"
|
||||||
|
in="shadowSpreadInner1"
|
||||||
|
result="shadowBlurInner1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
|
||||||
|
<feComposite
|
||||||
|
in="shadowOffsetInner1"
|
||||||
|
in2="SourceAlpha"
|
||||||
|
operator="arithmetic"
|
||||||
|
k2="-1"
|
||||||
|
k3="1"
|
||||||
|
result="shadowInnerInner1"
|
||||||
|
></feComposite>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0.986280859 0 0 0 0 0.225739002 0 0 0 0.646634615 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowInnerInner1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
|
||||||
|
<stop stop-color="#00F535" offset="0%"></stop>
|
||||||
|
<stop stop-color="#003310" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.7555179%" y1="50%" x2="0%" y2="50%" id="linearGradient-4">
|
||||||
|
<stop stop-color="#00FF2F" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#00F535" offset="50.8795251%"></stop>
|
||||||
|
<stop stop-color="#00FF4B" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-重复报警弹窗-切图版" transform="translate(-1304, -769)">
|
||||||
|
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="编组-60" transform="translate(1129, 604)">
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="#003310" fill-rule="evenodd" xlink:href="#path-1"></use>
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-2)"
|
||||||
|
xlink:href="#path-1"
|
||||||
|
></use>
|
||||||
|
<rect
|
||||||
|
stroke-opacity="0.237161276"
|
||||||
|
stroke="#00FC3A"
|
||||||
|
stroke-width="0.619047619"
|
||||||
|
stroke-linejoin="square"
|
||||||
|
x="0.30952381"
|
||||||
|
y="0.30952381"
|
||||||
|
width="139.380952"
|
||||||
|
height="42.3809524"
|
||||||
|
rx="3"
|
||||||
|
></rect>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="M13.7235102,0 L129.28651,0 C129.838794,-1.01453063e-16 130.28651,0.44771525 130.28651,1 C130.28651,1.29278268 130.158199,1.57085816 129.935435,1.76085221 L103.860465,24 L103.860465,24 L39.1395349,23.8841352 L13.0764041,1.76239998 C12.6553422,1.40501316 12.6037234,0.773955801 12.9611102,0.352893921 C13.1511117,0.129040077 13.4298928,-1.94446482e-15 13.7235102,-1.99840144e-15 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-3)"
|
||||||
|
opacity="0.480172294"
|
||||||
|
></path>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-4)"
|
||||||
|
x="39"
|
||||||
|
y="42"
|
||||||
|
width="65"
|
||||||
|
height="1"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M1.14987657,10.916461 L2.91178133,13.8529689 C2.96950706,13.9491784 3,14.0592676 3,14.1714663 L3,28.8285337 C3,28.9407324 2.96950706,29.0508216 2.91178133,29.1470311 L1.14987657,32.083539 C0.973975331,32.3767078 0.593718983,32.4717719 0.300550247,32.2958706 C0.114089754,32.1839943 -5.44758227e-15,31.9824901 -4.21884749e-15,31.7650417 L3.33066907e-16,11.2349583 C2.91197389e-16,10.8930678 0.27715706,10.6159107 0.619047619,10.6159107 C0.836496051,10.6159107 1.03800028,10.7300005 1.14987657,10.916461 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="#00F635"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M138.149877,10.916461 L139.911781,13.8529689 C139.969507,13.9491784 140,14.0592676 140,14.1714663 L140,28.8285337 C140,28.9407324 139.969507,29.0508216 139.911781,29.1470311 L138.149877,32.083539 C137.973975,32.3767078 137.593719,32.4717719 137.30055,32.2958706 C137.11409,32.1839943 137,31.9824901 137,31.7650417 L137,11.2349583 C137,10.8930678 137.277157,10.6159107 137.619048,10.6159107 C137.836496,10.6159107 138.038,10.7300005 138.149877,10.916461 Z"
|
||||||
|
id="矩形备份-102"
|
||||||
|
fill="#00F635"
|
||||||
|
transform="translate(138.5, 21.5) scale(-1, 1) translate(-138.5, -21.5)"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<text
|
||||||
|
x="50%"
|
||||||
|
y="60%"
|
||||||
|
text-anchor="middle"
|
||||||
|
:font-size="props.buttonStyle.fontsize"
|
||||||
|
:fill="props.buttonStyle.fontcolor"
|
||||||
|
>
|
||||||
|
{{ props.buttonName }}
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
<!-- 红色 -->
|
||||||
|
<svg
|
||||||
|
v-if="props.buttonStyle.color == 'red'"
|
||||||
|
width="121px"
|
||||||
|
height="44px"
|
||||||
|
viewBox="0 0 121 44"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="120.597701" height="43" rx="3"></rect>
|
||||||
|
<filter
|
||||||
|
x="-3.3%"
|
||||||
|
y="-9.3%"
|
||||||
|
width="106.6%"
|
||||||
|
height="118.6%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-2"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="2"
|
||||||
|
operator="erode"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadInner1"
|
||||||
|
></feMorphology>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="3"
|
||||||
|
in="shadowSpreadInner1"
|
||||||
|
result="shadowBlurInner1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
|
||||||
|
<feComposite
|
||||||
|
in="shadowOffsetInner1"
|
||||||
|
in2="SourceAlpha"
|
||||||
|
operator="arithmetic"
|
||||||
|
k2="-1"
|
||||||
|
k3="1"
|
||||||
|
result="shadowInnerInner1"
|
||||||
|
></feComposite>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 0.942860246 0 0 0 0 0.150684834 0 0 0 0 0.150564581 0 0 0 1 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowInnerInner1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
|
||||||
|
<stop stop-color="#F02626" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F02626" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="99.7555179%" y1="50%" x2="0%" y2="50%" id="linearGradient-4">
|
||||||
|
<stop stop-color="#FB6C69" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F02626" offset="50.8795251%"></stop>
|
||||||
|
<stop stop-color="#F9413E" stop-opacity="0" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-重复报警弹窗-切图版" transform="translate(-1456, -769)">
|
||||||
|
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="编组-61" transform="translate(1281, 604)">
|
||||||
|
<g id="矩形">
|
||||||
|
<use fill="#270304" fill-rule="evenodd" xlink:href="#path-1"></use>
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-2)"
|
||||||
|
xlink:href="#path-1"
|
||||||
|
></use>
|
||||||
|
<rect
|
||||||
|
stroke="#F02626"
|
||||||
|
stroke-width="0.619047619"
|
||||||
|
stroke-linejoin="square"
|
||||||
|
x="0.30952381"
|
||||||
|
y="0.30952381"
|
||||||
|
width="119.978654"
|
||||||
|
height="42.3809524"
|
||||||
|
rx="3"
|
||||||
|
></rect>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="M2.68679754,0 L117.920714,2.22044605e-15 C118.472999,9.96743133e-15 118.920714,0.44771525 118.920714,1 C118.920714,1.28969745 118.795083,1.56515805 118.576335,1.75508987 L92.5517241,24.3514589 L92.5517241,24.3514589 L28.045977,24.2338973 L2.03298651,1.75665787 C1.6150959,1.39556801 1.56904981,0.764079571 1.93013967,0.346188968 C2.12009371,0.126354469 2.39626399,-1.9450313e-15 2.68679754,-1.99840144e-15 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-3)"
|
||||||
|
opacity="0.480172294"
|
||||||
|
></path>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-4)"
|
||||||
|
x="40.5857648"
|
||||||
|
y="41.7453581"
|
||||||
|
width="64.9372237"
|
||||||
|
height="1.15959328"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M1.1431884,11.0333921 L2.99339771,13.9775503 C3.05540759,14.0762239 3.08830455,14.1903976 3.08830455,14.3069382 L3.08830455,28.6930618 C3.08830455,28.8096024 3.05540759,28.9237761 2.99339771,29.0224497 L1.1431884,31.9666079 C0.961272471,32.2560829 0.579134657,32.3432767 0.2896597,32.1613608 C0.109400696,32.0480799 9.89920443e-15,31.8501188 1.11022302e-14,31.63722 L1.33226763e-15,11.36278 C1.29039811e-15,11.0208894 0.27715706,10.7437324 0.619047619,10.7437324 C0.831946351,10.7437324 1.0299075,10.8531331 1.1431884,11.0333921 Z"
|
||||||
|
id="矩形"
|
||||||
|
fill="#F02626"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M118.652585,11.0333921 L120.502794,13.9775503 C120.564804,14.0762239 120.597701,14.1903976 120.597701,14.3069382 L120.597701,28.6930618 C120.597701,28.8096024 120.564804,28.9237761 120.502794,29.0224497 L118.652585,31.9666079 C118.470669,32.2560829 118.088531,32.3432767 117.799056,32.1613608 C117.618797,32.0480799 117.509397,31.8501188 117.509397,31.63722 L117.509397,11.36278 C117.509397,11.0208894 117.786554,10.7437324 118.128444,10.7437324 C118.341343,10.7437324 118.539304,10.8531331 118.652585,11.0333921 Z"
|
||||||
|
id="矩形备份-102"
|
||||||
|
fill="#F02626"
|
||||||
|
transform="translate(119.0535, 21.5) scale(-1, 1) translate(-119.0535, -21.5)"
|
||||||
|
></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<text
|
||||||
|
x="50%"
|
||||||
|
y="60%"
|
||||||
|
text-anchor="middle"
|
||||||
|
:font-size="props.buttonStyle.fontsize"
|
||||||
|
:fill="props.buttonStyle.fontcolor"
|
||||||
|
>
|
||||||
|
{{ props.buttonName }}
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps(['buttonName', 'buttonStyle']);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { ModalFrameConfig } from './index'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
showModal: true,
|
||||||
|
frameStyle:{
|
||||||
|
color: 'yellow',
|
||||||
|
fontsize: 16,
|
||||||
|
fontcolor: '#FFFFFF',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = ModalFrameConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 1490, h: 712, zIndex: 5 }
|
||||||
|
public chartConfig = cloneDeep(ModalFrameConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="按钮设置" :expanded="true">
|
||||||
|
<SettingItemBox name="内容设置">
|
||||||
|
<SettingItem name="按钮常用颜色">
|
||||||
|
<n-select v-model:value="optionData.frameStyle.color" :options="colorList" size="small" />
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="按钮字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.frameStyle.fontsize"
|
||||||
|
type="text"
|
||||||
|
:min="0"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="按钮字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.frameStyle.fontcolor"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, watch, ref } from 'vue';
|
||||||
|
import { option } from './config';
|
||||||
|
import { cloneDeep } from 'lodash-es';
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const colorList = [
|
||||||
|
{
|
||||||
|
value: 'red',
|
||||||
|
label: '红色',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'green',
|
||||||
|
label: '绿色',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'yellow',
|
||||||
|
label: '黄色',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||||
|
|
||||||
|
export const ModalFrameConfig: ConfigType = {
|
||||||
|
key: 'ModalFrame',
|
||||||
|
chartKey: 'VModalFrame',
|
||||||
|
conKey: 'VCModalFrame',
|
||||||
|
title: '重复报警弹窗框架',
|
||||||
|
category: ChatCategoryEnum.TABLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TABLE,
|
||||||
|
package: PackagesCategoryEnum.TABLES,
|
||||||
|
chartFrame: ChartFrameEnum.COMMON,
|
||||||
|
image: 'ModalFrame.png'
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<template>
|
||||||
|
<div class="ModalFrame">
|
||||||
|
<n-modal v-model:show="showModal">
|
||||||
|
<Frame />
|
||||||
|
</n-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, PropType, toRefs, watch, reactive, ref } from 'vue';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
import { icon } from '@/plugins';
|
||||||
|
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||||
|
import { useChartDataFetch } from '@/hooks';
|
||||||
|
import Frame from './svg/frame.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr);
|
||||||
|
|
||||||
|
const option = reactive({
|
||||||
|
showModal: props.chartConfig.option.showModal,
|
||||||
|
buttonStyle: props.chartConfig.option.buttonStyle,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.ModalFrame {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
width: v-bind('`${w}px`');
|
||||||
|
height: v-bind('`${h}px`');
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,246 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
width="1490px"
|
||||||
|
height="712px"
|
||||||
|
viewBox="0 0 1490 712"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<title>编组 63</title>
|
||||||
|
<defs>
|
||||||
|
<path
|
||||||
|
d="M20.3704527,674.366621 L252.212468,674.358212 L252.212468,674.358212 L261.073687,667.147278 L978.344908,667.147278 L982.663265,675.641788 L1439.80733,675.029117 C1451.81077,675.01303 1461.53296,665.277801 1461.53296,653.274347 L1461.53296,4.46630114 L1461.53296,4.46630114 L25.4892271,4.46630114 C13.4743887,4.46630114 3.73443777,14.2062521 3.73443777,26.2210905 L3.73383433,657.73121 C3.73383433,666.919027 11.1820319,674.367225 20.3698493,674.367225 C20.3700504,674.367225 20.3702516,674.367225 20.3704527,674.367225 Z"
|
||||||
|
id="path-1"
|
||||||
|
></path>
|
||||||
|
<filter
|
||||||
|
x="-2.3%"
|
||||||
|
y="-2.7%"
|
||||||
|
width="104.5%"
|
||||||
|
height="110.6%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-2"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="0.639846743"
|
||||||
|
operator="dilate"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadOuter1"
|
||||||
|
></feMorphology>
|
||||||
|
<feOffset dx="0" dy="20" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="7.5"
|
||||||
|
in="shadowOffsetOuter1"
|
||||||
|
result="shadowBlurOuter1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feComposite
|
||||||
|
in="shadowBlurOuter1"
|
||||||
|
in2="SourceAlpha"
|
||||||
|
operator="out"
|
||||||
|
result="shadowBlurOuter1"
|
||||||
|
></feComposite>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowBlurOuter1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
|
||||||
|
<stop stop-color="#344534" offset="0%"></stop>
|
||||||
|
<stop stop-color="#647B64" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<polygon
|
||||||
|
id="path-4"
|
||||||
|
points="-1.00972311e-14 -4.20781315e-13 14.0704612 -4.20781315e-13 16.8354658 2.40668967 2.76500463 2.40668967"
|
||||||
|
></polygon>
|
||||||
|
<filter
|
||||||
|
x="-107.9%"
|
||||||
|
y="-685.6%"
|
||||||
|
width="315.9%"
|
||||||
|
height="1471.2%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-5"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="0.5"
|
||||||
|
operator="dilate"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadOuter1"
|
||||||
|
></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="5"
|
||||||
|
in="shadowOffsetOuter1"
|
||||||
|
result="shadowBlurOuter1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 1 0 0 0 0 0.462494493 0 0 0 0 0 0 0 0 0.7 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowBlurOuter1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<polygon
|
||||||
|
id="path-6"
|
||||||
|
points="20.0745787 6.12769321e-14 34.1450399 6.12769321e-14 36.9100445 2.40668967 22.8395833 2.40668967"
|
||||||
|
></polygon>
|
||||||
|
<filter
|
||||||
|
x="-107.9%"
|
||||||
|
y="-685.6%"
|
||||||
|
width="315.9%"
|
||||||
|
height="1471.2%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-7"
|
||||||
|
>
|
||||||
|
<feMorphology
|
||||||
|
radius="0.5"
|
||||||
|
operator="dilate"
|
||||||
|
in="SourceAlpha"
|
||||||
|
result="shadowSpreadOuter1"
|
||||||
|
></feMorphology>
|
||||||
|
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="5"
|
||||||
|
in="shadowOffsetOuter1"
|
||||||
|
result="shadowBlurOuter1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 1 0 0 0 0 0.462494493 0 0 0 0 0 0 0 0 0.7 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowBlurOuter1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
<linearGradient
|
||||||
|
x1="50.3209681%"
|
||||||
|
y1="99.6790319%"
|
||||||
|
x2="50.3209681%"
|
||||||
|
y2="0.320968094%"
|
||||||
|
id="linearGradient-8"
|
||||||
|
>
|
||||||
|
<stop stop-color="#25673D" stop-opacity="0.8" offset="0.00819493007%"></stop>
|
||||||
|
<stop stop-color="#3E674A" offset="38.6691434%"></stop>
|
||||||
|
<stop stop-color="#8BE8A3" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
x1="50.3209681%"
|
||||||
|
y1="99.6790319%"
|
||||||
|
x2="50.3209681%"
|
||||||
|
y2="0.320968094%"
|
||||||
|
id="linearGradient-9"
|
||||||
|
>
|
||||||
|
<stop stop-color="#25673D" stop-opacity="0.8" offset="0.00819493007%"></stop>
|
||||||
|
<stop stop-color="#3E674A" offset="38.6691434%"></stop>
|
||||||
|
<stop stop-color="#8BE8A3" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-重复报警弹窗-切图版" transform="translate(-163, -165)">
|
||||||
|
<g id="编组-63" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="路径-22">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
|
||||||
|
<use
|
||||||
|
stroke="#435A4E"
|
||||||
|
stroke-width="1.27969349"
|
||||||
|
fill-opacity="0.85"
|
||||||
|
fill="#161A1A"
|
||||||
|
fill-rule="evenodd"
|
||||||
|
xlink:href="#path-1"
|
||||||
|
></use>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="编组-5"
|
||||||
|
transform="translate(272.4837, 17.9031) scale(-1, 1) rotate(-180) translate(-272.4837, -17.9031)translate(173.9905, 15.9835)"
|
||||||
|
>
|
||||||
|
<line
|
||||||
|
x1="-5.06780004e-13"
|
||||||
|
y1="1.91954023"
|
||||||
|
x2="196.976869"
|
||||||
|
y2="1.91954023"
|
||||||
|
id="路径-6"
|
||||||
|
stroke="url(#linearGradient-3)"
|
||||||
|
stroke-width="1.27969349"
|
||||||
|
opacity="0.399999976"
|
||||||
|
></line>
|
||||||
|
<path
|
||||||
|
d="M142.951484,3.83908046 C144.011153,3.83908046 144.870183,2.97967303 144.870183,1.91954023 C144.870183,0.859407434 144.011153,0 142.951484,0 C141.891816,0 141.032785,0.859407434 141.032785,1.91954023 C141.032785,2.97967303 141.891816,3.83908046 142.951484,3.83908046 Z"
|
||||||
|
id="椭圆形"
|
||||||
|
fill="#4A5C4A"
|
||||||
|
></path>
|
||||||
|
<ellipse
|
||||||
|
id="椭圆形"
|
||||||
|
fill="#4A5C4A"
|
||||||
|
cx="70.0409125"
|
||||||
|
cy="1.91954023"
|
||||||
|
rx="1.91869926"
|
||||||
|
ry="1.91954023"
|
||||||
|
></ellipse>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="M27.8558101,681.176833 L255.732625,681.176833 L255.732625,681.176833 L263.371139,673.956886 L982.055832,674.050869 L985.750917,681.176833 L1446.02674,681.1852 C1460.16185,681.1852 1471.62062,669.726434 1471.62062,655.59133 C1471.62062,655.58854 1471.62061,655.585751 1471.62061,655.582961 L1471.40147,10.958752 L1471.40147,10.958752 L31.6527623,10.8661705 C19.6379239,10.8653979 9.89734666,20.6047225 9.89657406,32.6195609 C9.89657305,32.6352119 9.89658893,32.650863 9.89662171,32.666514 L11.2198316,664.575653 C11.2390422,673.749849 18.6815939,681.176833 27.8558101,681.176833 Z"
|
||||||
|
id="路径-22"
|
||||||
|
stroke="#7CA791"
|
||||||
|
stroke-width="1.27969349"
|
||||||
|
></path>
|
||||||
|
<g
|
||||||
|
id="黄色棱形"
|
||||||
|
transform="translate(285.0126, 679.9735) scale(1, -1) translate(-285.0126, -679.9735)translate(266.5576, 678.7701)"
|
||||||
|
>
|
||||||
|
<g id="矩形">
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-5)"
|
||||||
|
xlink:href="#path-4"
|
||||||
|
></use>
|
||||||
|
<use fill="#FFE4AC" fill-rule="evenodd" xlink:href="#path-4"></use>
|
||||||
|
</g>
|
||||||
|
<g id="矩形" opacity="0.399999976">
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-7)"
|
||||||
|
xlink:href="#path-6"
|
||||||
|
></use>
|
||||||
|
<use fill="#FFE4AC" fill-rule="evenodd" xlink:href="#path-6"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g id="编组" transform="translate(89.9289, 1.4324)" fill="#4D815D">
|
||||||
|
<polygon
|
||||||
|
id="矩形"
|
||||||
|
points="-1.54661681e-14 -6.4452071e-13 21.5520588 -6.4452071e-13 25.7872819 3.68638359 4.2352231 3.68638359"
|
||||||
|
></polygon>
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="编组备份"
|
||||||
|
opacity="0.59407988"
|
||||||
|
transform="translate(122.9289, 1.4324)"
|
||||||
|
fill="#4D815D"
|
||||||
|
>
|
||||||
|
<polygon
|
||||||
|
id="矩形"
|
||||||
|
points="-1.54661681e-14 -6.4452071e-13 21.5520588 -6.4452071e-13 25.7872819 3.68638359 4.2352231 3.68638359"
|
||||||
|
></polygon>
|
||||||
|
</g>
|
||||||
|
<g id="装饰线">
|
||||||
|
<polygon
|
||||||
|
id="路径-21"
|
||||||
|
fill="url(#linearGradient-8)"
|
||||||
|
points="2.35823221e-12 60.2770337 -3.17252598e-14 26.2109979 26.1995145 8.19751628e-13 76.7951252 8.19751628e-13 82.9729196 4.73651289 29.0862279 4.73651289 4.73443777 29.0989765 4.73443777 66.9457595"
|
||||||
|
></polygon>
|
||||||
|
<polygon
|
||||||
|
id="路径-21"
|
||||||
|
fill="url(#linearGradient-9)"
|
||||||
|
transform="translate(1434.9569, 588.0012) scale(-1, -1) translate(-1434.9569, -588.0012)"
|
||||||
|
points="1394.91379 679.775264 1394.91379 514.161091 1419.3415 491.002367 1470.26556 491.002367 1475 494.294891 1423.67157 494.294891 1398.20487 519.772752 1398.20487 685"
|
||||||
|
></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps(['w', 'h']);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { ModalFrameCloseConfig } from './index'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = ModalFrameCloseConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 52, h: 30, zIndex: 5 }
|
||||||
|
public chartConfig = cloneDeep(ModalFrameCloseConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<template></template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, watch, ref } from 'vue';
|
||||||
|
import { option } from './config';
|
||||||
|
import { cloneDeep } from 'lodash-es';
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||||
|
|
||||||
|
export const ModalFrameCloseConfig: ConfigType = {
|
||||||
|
key: 'ModalFrameClose',
|
||||||
|
chartKey: 'VModalFrameClose',
|
||||||
|
conKey: 'VCModalFrameClose',
|
||||||
|
title: '重复报警弹窗关闭按钮',
|
||||||
|
category: ChatCategoryEnum.TABLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TABLE,
|
||||||
|
package: PackagesCategoryEnum.TABLES,
|
||||||
|
chartFrame: ChartFrameEnum.COMMON,
|
||||||
|
image: 'ModalFrameClose.png'
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<template>
|
||||||
|
<div class="ModalFrameClose">
|
||||||
|
<n-button text>
|
||||||
|
<Button :w="w" :h="h" />
|
||||||
|
</n-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, PropType, toRefs, watch, reactive, ref } from 'vue';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
import { icon } from '@/plugins';
|
||||||
|
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||||
|
import { useChartDataFetch } from '@/hooks';
|
||||||
|
import Button from './svg/button.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr);
|
||||||
|
|
||||||
|
const option = reactive({});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.ModalFrameClose {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
width: v-bind('`${w}px`');
|
||||||
|
height: v-bind('`${h}px`');
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
:width="props.w"
|
||||||
|
:height="props.h"
|
||||||
|
:viewBox="`0 0 ${props.w} ${props.h}`"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<path
|
||||||
|
d="M37.4145826,17.552873 C37.7704392,17.9087377 37.909417,18.4274219 37.7791645,18.9135422 C37.6489119,19.3996625 37.2692174,19.7793656 36.7831083,19.9096212 C36.2969991,20.0398767 35.7783268,19.9008957 35.4224702,19.545031 L32.1949665,16.3156936 L28.9657031,19.545031 C28.4155964,20.0946642 27.5240913,20.0942703 26.9744706,19.544151 C26.4248499,18.9940318 26.4252439,18.1025062 26.9753505,17.552873 L30.204614,14.3252954 L26.9753505,11.0977179 C26.6194939,10.7421675 26.4803484,10.2237738 26.6103287,9.73781074 C26.740309,9.25184764 27.1196681,8.87214447 27.605505,8.74173174 C28.0913419,8.61131902 28.6098465,8.75000954 28.9657031,9.10555992 L32.1949665,12.3348973 L35.4224702,9.10555992 C35.7783268,8.74969517 36.2969991,8.61071416 36.7831083,8.7409697 C37.2692174,8.87122524 37.6489119,9.25092841 37.7791645,9.7370487 C37.909417,10.223169 37.7704392,10.7418532 37.4145826,11.0977179 L34.1853191,14.3252954 L37.4145826,17.552873 Z"
|
||||||
|
id="path-1"
|
||||||
|
></path>
|
||||||
|
<filter
|
||||||
|
x="-26.6%"
|
||||||
|
y="-26.6%"
|
||||||
|
width="153.3%"
|
||||||
|
height="153.3%"
|
||||||
|
filterUnits="objectBoundingBox"
|
||||||
|
id="filter-2"
|
||||||
|
>
|
||||||
|
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur
|
||||||
|
stdDeviation="1"
|
||||||
|
in="shadowOffsetOuter1"
|
||||||
|
result="shadowBlurOuter1"
|
||||||
|
></feGaussianBlur>
|
||||||
|
<feColorMatrix
|
||||||
|
values="0 0 0 0 0 0 0 0 0 0.208047569 0 0 0 0 0.0613686219 0 0 0 1 0"
|
||||||
|
type="matrix"
|
||||||
|
in="shadowBlurOuter1"
|
||||||
|
></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g
|
||||||
|
id="林业防火-智感-重复报警弹窗-切图版"
|
||||||
|
transform="translate(-1596, -175)"
|
||||||
|
fill-rule="nonzero"
|
||||||
|
>
|
||||||
|
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="文字" transform="translate(64.7326, 10.2458)">
|
||||||
|
<g id="编组-62" transform="translate(1356.6879, 0)">
|
||||||
|
<path
|
||||||
|
d="M0,0 L16.4866044,27.8390432 C17.0497068,28.627131 18.0567376,29.1100832 19.1444648,29.1137009 L47.7125903,29.1137009 C49.4244221,29.1137009 50.812136,27.9385478 50.812136,26.4889231 L50.812136,0 L0,0 Z"
|
||||||
|
id="形状"
|
||||||
|
fill="#005516"
|
||||||
|
></path>
|
||||||
|
<g id="路径">
|
||||||
|
<use
|
||||||
|
fill="black"
|
||||||
|
fill-opacity="1"
|
||||||
|
filter="url(#filter-2)"
|
||||||
|
xlink:href="#path-1"
|
||||||
|
></use>
|
||||||
|
<use fill="#FFFFFF" xlink:href="#path-1"></use>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps(['w', 'h']);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { ModalHeadConfig } from './index'
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
title: '组件标题栏',
|
||||||
|
titleStyle: {
|
||||||
|
x: 40,
|
||||||
|
y: 23,
|
||||||
|
fontcolor: '#FFFFFF',
|
||||||
|
fontsize: 20
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = ModalHeadConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 321, h: 31, zIndex: -1 }
|
||||||
|
public chartConfig = cloneDeep(ModalHeadConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,56 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="标题设置" :expanded="true">
|
||||||
|
<n-tag type="primary">若配置无响应，请在预览页面查看效果</n-tag>
|
||||||
|
<SettingItemBox :alone="true" name="标题名称">
|
||||||
|
<SettingItem :alone="true">
|
||||||
|
<n-input v-model:value="optionData.title" type="text" size="small" />
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="标题设置">
|
||||||
|
<SettingItem name="标题横坐标位置">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.titleStyle.x"
|
||||||
|
:min="0"
|
||||||
|
size="small"
|
||||||
|
placeholder="宽度"
|
||||||
|
></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="标题纵坐标位置">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.titleStyle.y"
|
||||||
|
:min="0"
|
||||||
|
size="small"
|
||||||
|
placeholder="高度"
|
||||||
|
></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="标题字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.titleStyle.fontcolor"
|
||||||
|
></n-color-picker>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="标题字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.titleStyle.fontsize"
|
||||||
|
:min="0"
|
||||||
|
size="small"
|
||||||
|
></n-input-number>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, watch, ref } from 'vue';
|
||||||
|
import { option } from './config';
|
||||||
|
import { cloneDeep } from 'lodash-es';
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||||
|
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||||
|
|
||||||
|
export const ModalHeadConfig: ConfigType = {
|
||||||
|
key: 'ModalHead',
|
||||||
|
chartKey: 'VModalHead',
|
||||||
|
conKey: 'VCModalHead',
|
||||||
|
title: '重复报警弹窗内部组件标题栏',
|
||||||
|
category: ChatCategoryEnum.TABLE,
|
||||||
|
categoryName: ChatCategoryEnumName.TABLE,
|
||||||
|
package: PackagesCategoryEnum.TABLES,
|
||||||
|
chartFrame: ChartFrameEnum.COMMON,
|
||||||
|
image: 'ModalHead.png'
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
<template>
|
||||||
|
<div class="title">
|
||||||
|
<Title :title="option.title" :w="w" :h="h" :titleStyle="option.titleStyle" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed, PropType, toRefs, watch, reactive, ref } from 'vue';
|
||||||
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
|
import { icon } from '@/plugins';
|
||||||
|
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
|
||||||
|
import { useChartDataFetch } from '@/hooks';
|
||||||
|
import Title from './svg/title.vue';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
chartConfig: {
|
||||||
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const { w, h } = toRefs(props.chartConfig.attr);
|
||||||
|
|
||||||
|
const option = reactive({
|
||||||
|
title: props.chartConfig.option.title,
|
||||||
|
titleStyle: props.chartConfig.option.titleStyle,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.title {
|
||||||
|
width: v-bind('`${w}px`');
|
||||||
|
height: v-bind('`${h}px`');
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
:width="props.w"
|
||||||
|
:height="props.h"
|
||||||
|
:viewBox="`0 0 ${props.w} ${props.h}`"
|
||||||
|
version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
>
|
||||||
|
<title>编组 54</title>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="100%" y1="50%" x2="2.30946189%" y2="50%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#1F6B55" stop-opacity="0" offset="0%"></stop>
|
||||||
|
<stop stop-color="#0A392A" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="监测平台" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="林业防火-智感-重复报警弹窗-切图版" transform="translate(-240, -212)">
|
||||||
|
<g id="弹窗----" transform="translate(175.2674, 165.0542)">
|
||||||
|
<g id="文字" transform="translate(64.7326, 10.2458)">
|
||||||
|
<g id="预警信息-" transform="translate(0, 36.7)">
|
||||||
|
<g id="编组-54" transform="translate(0, 0.3)">
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="url(#linearGradient-1)"
|
||||||
|
transform="translate(160.5, 15) scale(1, -1) translate(-160.5, -15)"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="321"
|
||||||
|
height="30"
|
||||||
|
></rect>
|
||||||
|
<rect
|
||||||
|
id="矩形"
|
||||||
|
fill="#00611A"
|
||||||
|
transform="translate(1.5, 15) scale(1, -1) translate(-1.5, -15)"
|
||||||
|
x="0"
|
||||||
|
y="0"
|
||||||
|
width="3"
|
||||||
|
height="30"
|
||||||
|
></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<text
|
||||||
|
:x="props.titleStyle.x"
|
||||||
|
:y="props.titleStyle.y"
|
||||||
|
:font-size="props.titleStyle.fontsize"
|
||||||
|
:fill="props.titleStyle.fontcolor"
|
||||||
|
>
|
||||||
|
{{ props.title }}
|
||||||
|
</text>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
const props = defineProps(['title', 'w', 'h', 'titleStyle']);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
import cloneDeep from 'lodash/cloneDeep'
|
||||||
|
import { PublicConfigClass } from '@/packages/public'
|
||||||
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { chartInitConfig } from '@/settings/designSetting'
|
||||||
|
import { ModalTimeLineConfig } from './index'
|
||||||
|
import dataJson from './data.json'
|
||||||
|
|
||||||
|
const { source } = dataJson;
|
||||||
|
|
||||||
|
export const option = {
|
||||||
|
dataset: source,
|
||||||
|
dataStyle: {
|
||||||
|
// 时间线设置
|
||||||
|
background: '#0C2411',
|
||||||
|
bordercolor: '#0C2411',
|
||||||
|
size: 'medium',
|
||||||
|
iconsize: 16,
|
||||||
|
margintop: 0,
|
||||||
|
marginleft: 0,
|
||||||
|
// 最新内容设置
|
||||||
|
titleColorFirst: '#D27100',
|
||||||
|
titleFontSizeFirst: 16,
|
||||||
|
timeColorFirst: '#FFFFFF',
|
||||||
|
timeFontSizeFirst: 16,
|
||||||
|
contentColorFirst: '#D27100',
|
||||||
|
contentFontSizeFirst: 16,
|
||||||
|
// 文本内容设置
|
||||||
|
titleColor: '#06936A',
|
||||||
|
titleFontSize: 16,
|
||||||
|
timeColor: '#FFFFFF',
|
||||||
|
timeFontSize: 16,
|
||||||
|
contentColor: '#06936A',
|
||||||
|
contentFontSize: 16,
|
||||||
|
// 图片-适应方式
|
||||||
|
imagefit: 'contain',
|
||||||
|
imageborderRadius: 10,
|
||||||
|
imagewidth: 150,
|
||||||
|
imageheight: 150,
|
||||||
|
imageMarginTop: 10,
|
||||||
|
imagealign: 'left',
|
||||||
|
// 视频-循环播放
|
||||||
|
videoloop: true,
|
||||||
|
// 视频-静音
|
||||||
|
videomuted: true,
|
||||||
|
// 视频-适应方式
|
||||||
|
videofit: 'contain',
|
||||||
|
videowidth: 200,
|
||||||
|
videoheight: 150,
|
||||||
|
videoMarginTop: 10,
|
||||||
|
videoalign: 'left',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
|
public key = ModalTimeLineConfig.key
|
||||||
|
public attr = { ...chartInitConfig, w: 250, h: 450, zIndex: 5 }
|
||||||
|
public chartConfig = cloneDeep(ModalTimeLineConfig)
|
||||||
|
public option = cloneDeep(option)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,281 @@
|
||||||
|
<template>
|
||||||
|
<CollapseItem name="内容设置" :expanded="true">
|
||||||
|
<SettingItemBox name="时间线设置">
|
||||||
|
<SettingItem name="背景颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.background"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="边界颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.bordercolor"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="时间线大小">
|
||||||
|
<n-select
|
||||||
|
v-model:value="optionData.dataStyle.size"
|
||||||
|
size="small"
|
||||||
|
:options="[
|
||||||
|
{ label: '中', value: 'medium' },
|
||||||
|
{ label: '大', value: 'large' },
|
||||||
|
]"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="图标大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.iconsize"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="上方边距">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.margintop"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="左侧边距">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.marginleft"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="最新内容设置">
|
||||||
|
<SettingItem name="标题字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.titleColorFirst"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="标题字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.titleFontSizeFirst"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="时间字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.timeColorFirst"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="时间字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.timeFontSizeFirst"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="文本字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.contentColorFirst"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="文本字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.contentFontSizeFirst"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="文本内容设置">
|
||||||
|
<SettingItem name="标题字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.titleColor"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="标题字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.titleFontSize"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="时间字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.timeColor"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="时间字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.timeFontSize"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="文本字体颜色">
|
||||||
|
<n-color-picker
|
||||||
|
size="small"
|
||||||
|
:modes="['hex']"
|
||||||
|
v-model:value="optionData.dataStyle.contentColor"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="文本字体大小">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.contentFontSize"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="图片设置">
|
||||||
|
<SettingItem name="图片类型">
|
||||||
|
<n-select v-model:value="optionData.dataStyle.imagefit" size="small" :options="fitList" />
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="图片圆角">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.imageborderRadius"
|
||||||
|
size="small"
|
||||||
|
:min="0"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="图片宽度">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.imagewidth"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="图片高度">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.imageheight"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="上边距离">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.imageMarginTop"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="水平对齐">
|
||||||
|
<n-select
|
||||||
|
v-model:value="optionData.dataStyle.imagealign"
|
||||||
|
size="small"
|
||||||
|
:options="textAlignOptions"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
<SettingItemBox name="视频设置">
|
||||||
|
<SettingItem>
|
||||||
|
<n-checkbox v-model:checked="optionData.dataStyle.videoloop" size="small">
|
||||||
|
循环播放
|
||||||
|
</n-checkbox>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem>
|
||||||
|
<n-checkbox v-model:checked="optionData.dataStyle.videomuted" size="small">
|
||||||
|
静音
|
||||||
|
</n-checkbox>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="视频类型">
|
||||||
|
<n-select v-model:value="optionData.dataStyle.videofit" size="small" :options="fitList" />
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="视频宽度">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.videowidth"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="视频高度">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.videoheight"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="上边距离">
|
||||||
|
<n-input-number
|
||||||
|
v-model:value="optionData.dataStyle.videoMarginTop"
|
||||||
|
min="0"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
<SettingItem name="水平对齐">
|
||||||
|
<n-select
|
||||||
|
v-model:value="optionData.dataStyle.videoalign"
|
||||||
|
size="small"
|
||||||
|
:options="textAlignOptions"
|
||||||
|
/>
|
||||||
|
</SettingItem>
|
||||||
|
</SettingItemBox>
|
||||||
|
</CollapseItem>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { PropType, watch, ref } from 'vue';
|
||||||
|
import { option } from './config';
|
||||||
|
import { cloneDeep } from 'lodash-es';
|
||||||
|
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting';
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
optionData: {
|
||||||
|
type: Object as PropType<typeof option>,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// 适应类型
|
||||||
|
const fitList = [
|
||||||
|
{
|
||||||
|
value: 'fill',
|
||||||
|
label: 'fill',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'contain',
|
||||||
|
label: 'contain',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'cover',
|
||||||
|
label: 'cover',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'scale-down',
|
||||||
|
label: 'scale-down',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'none',
|
||||||
|
label: 'none',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const textAlignOptions = [
|
||||||
|
{ label: '左对齐', value: 'left' },
|
||||||
|
{ label: '居中', value: 'center' },
|
||||||
|
{ label: '右对齐', value: 'right' },
|
||||||
|
];
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
{
|
||||||
|
"source": [
|
||||||
|
{
|
||||||
|
"title":"临沂市",
|
||||||
|
"type": "success",
|
||||||
|
"content": "临沂市，山东省辖地级市，位于山东省东南部，地跨北纬34°22′～36°13′，东经117°24′～119°11′之间，属温带季风气候，四季分明，雨热同季，地势自北而南有沂山、蒙山、尼山3条主要山脉延伸，控制着沂沭河上游及其支流的流向，向南构成的扇状临郯苍平原是山东三平原之一。",
|
||||||
|
"time": "2025-02-11 01:27:14",
|
||||||
|
"imageurl": "/src/assets/logo.png",
|
||||||
|
"videourl": "/src/assets/videos/earth.mp4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title":"临沂市",
|
||||||
|
"type": "success",
|
||||||
|
"content": "",
|
||||||
|
"time": "2025-02-11 01:27:14"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title":"临沂市",
|
||||||
|
"type": "success",
|
||||||
|
"content": "7142",
|
||||||
|
"time": "2025-02-11 01:27:14"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title":"临沂市",
|
||||||
|
"type": "success",
|
||||||
|
"content": "7142",
|
||||||
|
"time": "2025-02-11 01:27:14"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title":"临沂市",
|
||||||
|
"type": "success",
|
||||||
|
"content": "7142",
|
||||||
|
"time": "2025-02-11 01:27:14"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue