mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-27 03:01:14 +08:00
5ee184fdfd
* 更新var.scss，提取empty的fill-color
将fill的color提取出来，作为变量，方便后续修改，修改如下：
'fill-color-0': var(--el-color-white),
'fill-color-1': #FCFCFD,
'fill-color-2': #F8F9FB,
'fill-color-3': #F7F8FC,
'fill-color-4': #EEEFF3,
'fill-color-5': #EDEEF2,
'fill-color-6': #E9EBEF,
'fill-color-7': #E5E7E9,
'fill-color-8': #E0E3E9,
'fill-color-9': #D5D7DE,
* 修改Empty的fillcolor作为变量引用，方便后续的色彩搭配更改
修改Empty的fillcolor作为变量引用，方便后续的色彩搭配更改
* 修改rate下的配色提取到变量里
修改rate下的配色提取到变量里，提取如下：
'void-color': #c6d1de,
'rate-color': #F7BA2A,
* 提取rate的色彩作为变量
提取rate的色彩作为变量
* 修改rate的色彩变量
修改和提取rate变量为：
'void-color': #c6d1de,
'star-color': #F7BA2A,
'disable-void-color': #EFF2F7,
'text-color': #1f2d3d,
* replace space to enter
替換空格为回车
* lint change
lint change
* Missing Pretty error
color 颜色小写
* Add CustomStyles infomation
Add CustomStyles infomation
* Change CustomStyles
Change CustomStyles
* Add CustomStyles
Add CustomStyles
* Change rate to empty
Change rate to empty
* Modify CustomStyles after Bottom content
Modify CustomStyles after Bottom content
* Change Custom styles
Change Custom styles
* feat: format rate.md
133 lines
4.4 KiB
Vue
133 lines
4.4 KiB
Vue
<template>
|
|
<svg
|
|
viewBox="0 0 79 86"
|
|
version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
>
|
|
<defs>
|
|
<linearGradient
|
|
:id="`linearGradient-1-${id}`"
|
|
x1="38.8503086%"
|
|
y1="0%"
|
|
x2="61.1496914%"
|
|
y2="100%"
|
|
>
|
|
<stop stop-color="var(--el-empty-fill-color-1)" offset="0%" />
|
|
<stop stop-color="var(--el-empty-fill-color-4)" offset="100%" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
:id="`linearGradient-2-${id}`"
|
|
x1="0%"
|
|
y1="9.5%"
|
|
x2="100%"
|
|
y2="90.5%"
|
|
>
|
|
<stop stop-color="var(--el-empty-fill-color-1)" offset="0%" />
|
|
<stop stop-color="var(--el-empty-fill-color-6)" offset="100%" />
|
|
</linearGradient>
|
|
<rect :id="`path-3-${id}`" x="0" y="0" width="17" height="36" />
|
|
</defs>
|
|
<g
|
|
id="Illustrations"
|
|
stroke="none"
|
|
stroke-width="1"
|
|
fill="none"
|
|
fill-rule="evenodd"
|
|
>
|
|
<g id="B-type" transform="translate(-1268.000000, -535.000000)">
|
|
<g id="Group-2" transform="translate(1268.000000, 535.000000)">
|
|
<path
|
|
id="Oval-Copy-2"
|
|
d="M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z"
|
|
fill="var(--el-empty-fill-color-3)"
|
|
/>
|
|
<polygon
|
|
id="Rectangle-Copy-14"
|
|
fill="var(--el-empty-fill-color-7)"
|
|
transform="translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) "
|
|
points="13 58 53 58 42 45 2 45"
|
|
/>
|
|
<g
|
|
id="Group-Copy"
|
|
transform="translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
|
|
>
|
|
<polygon
|
|
id="Rectangle-Copy-10"
|
|
fill="var(--el-empty-fill-color-7)"
|
|
transform="translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) "
|
|
points="2.84078316e-14 3 18 3 23 7 5 7"
|
|
/>
|
|
<polygon
|
|
id="Rectangle-Copy-11"
|
|
fill="var(--el-empty-fill-color-5)"
|
|
points="-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
|
|
/>
|
|
<rect
|
|
id="Rectangle-Copy-12"
|
|
:fill="`url(#linearGradient-1-${id})`"
|
|
transform="translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) "
|
|
x="38"
|
|
y="7"
|
|
width="17"
|
|
height="36"
|
|
/>
|
|
<polygon
|
|
id="Rectangle-Copy-13"
|
|
fill="var(--el-empty-fill-color-2)"
|
|
transform="translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) "
|
|
points="24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
|
|
/>
|
|
</g>
|
|
<rect
|
|
id="Rectangle-Copy-15"
|
|
:fill="`url(#linearGradient-2-${id})`"
|
|
x="13"
|
|
y="45"
|
|
width="40"
|
|
height="36"
|
|
/>
|
|
<g id="Rectangle-Copy-17" transform="translate(53.000000, 45.000000)">
|
|
<mask :id="`mask-4-${id}`" fill="var(--el-empty-fill-color-0)">
|
|
<use :xlink:href="`#path-3-${id}`" />
|
|
</mask>
|
|
<use
|
|
id="Mask"
|
|
fill="var(--el-empty-fill-color-8)"
|
|
transform="translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) "
|
|
:xlink:href="`#path-3-${id}`"
|
|
/>
|
|
<polygon
|
|
id="Rectangle-Copy"
|
|
fill="var(--el-empty-fill-color-9)"
|
|
:mask="`url(#mask-4-${id})`"
|
|
transform="translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) "
|
|
points="7 0 24 0 20 18 -1.70530257e-13 16"
|
|
/>
|
|
</g>
|
|
<polygon
|
|
id="Rectangle-Copy-18"
|
|
fill="var(--el-empty-fill-color-2)"
|
|
transform="translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) "
|
|
points="62 45 79 45 70 58 53 58"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue'
|
|
|
|
let id = 0
|
|
export default defineComponent({
|
|
name: 'ImgEmpty',
|
|
setup() {
|
|
return {
|
|
id: ++id,
|
|
}
|
|
},
|
|
})
|
|
</script>
|