🦄 refactor(ID1000779): 八、收藏功能；
【八、收藏功能；】 https://www.tapd.cn/53459131/prong/stories/view/1153459131001000779
This commit is contained in:
xuan
@@ -0,0 +1,3 @@
|
||||
.icon {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,177 @@
|
||||
import React, { useState, useEffect, FC } from "react";
|
||||
import { Block, View } from "@tarojs/components";
|
||||
import "./iconfont.scss";
|
||||
import Taro from "@tarojs/taro";
|
||||
import classnames from "classnames";
|
||||
|
||||
const SystemWidth = Taro.getSystemInfoSync().windowWidth
|
||||
const quot = '"'
|
||||
|
||||
function hex2rgb(hex) {
|
||||
const rgb: number[] = [];
|
||||
|
||||
hex = hex.substr(1);
|
||||
|
||||
if (hex.length === 3) {
|
||||
hex = hex.replace(/(.)/g, "$1$1");
|
||||
}
|
||||
|
||||
hex.replace(/../g, function(color: string) {
|
||||
rgb.push(parseInt(color, 0x10));
|
||||
return color;
|
||||
});
|
||||
|
||||
return "rgb(" + rgb.join(",") + ")";
|
||||
}
|
||||
|
||||
export type IconNames = 'icon-xinzengshoucangjia' | 'icon-qingchusousuo' | 'icon-xuanzechenggong' | 'icon-gongnengtubiao-saomiao' | 'icon-bianjizidingyimadan' | 'icon-zidingyimadanyulan' | 'icon-yuanshimadanyulan' | 'icon-xiala' | 'icon-shangla' | 'icon-qingchuxinxi' | 'icon-sousuo' | 'icon-guanli' | 'icon-bianji' | 'icon-shoucangjia' | 'icon-shezhi' | 'icon-tishi' | 'icon-erweima' | 'icon-dianjishoucang' | 'icon-gouwuche' | 'icon-shoucangchenggong' | 'icon-fenxiangshangpin' | 'icon-kefu' | 'icon-xinzenganniu' | 'icon-jianshaoanniu' | 'icon-daifahuo2' | 'icon-daishouhuo2' | 'icon-tuikuan-shouhou' | 'icon-daipeibu2' | 'icon-daifukuan2';
|
||||
|
||||
type PropsType = {
|
||||
name: IconNames;
|
||||
size?: number;
|
||||
color?: string | string[];
|
||||
customStyle?: React.CSSProperties;
|
||||
customClassName?: string;
|
||||
};
|
||||
|
||||
const IconFont:FC<PropsType> = ({
|
||||
name,
|
||||
size = 36,
|
||||
color,
|
||||
customStyle = {},
|
||||
customClassName = ""
|
||||
}) => {
|
||||
const [colors, setColors] = useState<PropsType['color']>()
|
||||
const [isStr, setIsStr] = useState(true)
|
||||
const [svgSize, setSvgSize] = useState(() => (size / 750) * SystemWidth)
|
||||
|
||||
useEffect(() => {
|
||||
setIsStr(typeof color === 'string')
|
||||
if (typeof color === 'string') {
|
||||
setColors(color.indexOf('#') === 0 ? hex2rgb(color) : color)
|
||||
} else {
|
||||
setColors(
|
||||
color?.map(function (item) {
|
||||
return item.indexOf('#') === 0 ? hex2rgb(item) : item
|
||||
})
|
||||
)
|
||||
}
|
||||
return () => {}
|
||||
}, [color])
|
||||
|
||||
useEffect(() => {
|
||||
setSvgSize((size / 750) * SystemWidth)
|
||||
}, [size])
|
||||
|
||||
// 也可以使用 if (name === 'xxx') { return <view> } 来渲染，但是测试发现在ios下会有问题，报错 Maximum call stack啥的。下面这个写法没问题
|
||||
return (
|
||||
<Block>
|
||||
{/* icon-alipay */}
|
||||
{/* {name === "icon-alipay" && (
|
||||
<View
|
||||
style={{
|
||||
backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M192 692.736c0-69.632 51.2-106.496 88.064-111.104 111.104-18.432 264.192 74.24 264.192 74.24-69.632 88.064-166.912 134.144-241.152 134.144-65.024-4.608-111.104-41.472-111.104-97.28z' fill='${(isStr
|
||||
? colors
|
||||
: colors[0]) ||
|
||||
"rgb(91,139,212)"}' /%3E%3Cpath d='M979.456 729.6c-13.824-4.608-329.216-101.888-319.488-111.104 46.592-55.808 78.848-185.344 78.848-185.344v-27.648h-185.344V335.872h226.816v-41.472h-226.816V192.512H460.8v97.28H257.024v41.472H460.8v69.632H298.496v27.648h333.824c0 13.824-23.04 106.496-46.08 148.48-4.608-9.216-153.088-60.416-236.544-65.024-88.064 4.608-157.696 32.256-189.952 97.28-46.592 120.32 27.648 241.152 194.56 241.152 27.648 0 162.304-13.824 264.192-153.088 27.648 13.824 185.344 92.672 282.624 143.872-92.672 111.104-231.936 180.736-389.12 180.736-280.576 1.024-508.928-226.304-509.44-506.88v-3.072C1.024 231.424 227.84 3.072 508.928 2.56h3.072c280.576-1.024 508.928 226.304 509.44 506.88v3.072c4.608 82.944-13.824 152.576-41.984 217.088z' fill='${(isStr
|
||||
? colors
|
||||
: colors[1]) ||
|
||||
"rgb(91,139,212)"}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`,
|
||||
...customStyle
|
||||
}}
|
||||
className={classnames(icon, customClassName)}
|
||||
/>
|
||||
)} */}
|
||||
{/* icon-xinzengshoucangjia */}
|
||||
|
||||
{ name === 'icon-xinzengshoucangjia' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 458.105263h1024v107.789474H0z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(213,213,213)'}' /%3E%3Cpath d='M458.105263 1024V0h107.789474v1024z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(213,213,213)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-qingchusousuo */}
|
||||
|
||||
{ name === 'icon-qingchusousuo' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 96A176.0256 176.0256 0 0 1 687.2832 256h160.7168a32 32 0 0 1 0 64h-32v544a64 64 0 0 1-64 64h-480a64 64 0 0 1-64-64V320h-32a32 32 0 0 1 0-64h160.7168A176.0256 176.0256 0 0 1 512 96z m240 224h-480v544h480V320z m-336 128c17.664 0 32 14.336 32 32v224a32 32 0 0 1-64 0v-224c0-17.664 14.336-32 32-32z m192 0c17.664 0 32 14.336 32 32v224a32 32 0 0 1-64 0v-224c0-17.664 14.336-32 32-32zM512 160A112.0256 112.0256 0 0 0 401.152 256h221.696A112.0256 112.0256 0 0 0 512 160z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.5' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-xuanzechenggong */}
|
||||
|
||||
{ name === 'icon-xuanzechenggong' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1422 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M1337.193078 33.364407a113.774617 113.774617 0 0 1 0 160.877309L572.912086 958.579595a113.774617 113.774617 0 0 1-160.877309 0L33.335963 579.823894a113.774617 113.774617 0 0 1 160.877309-160.877309l298.260159 298.203272L1176.258882 33.364407a113.774617 113.774617 0 0 1 154.733479-5.802506l6.257604 5.802506z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-gongnengtubiao-saomiao */}
|
||||
|
||||
{ name === 'icon-gongnengtubiao-saomiao' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M176 640v208h208v64H144a32 32 0 0 1-32-32V640h64z m736 0v240a32 32 0 0 1-32 32H640v-64h208V640h64z m0-160v64H112v-64h800z m-32-368a32 32 0 0 1 32 32v240h-64V176H640v-64h240z m-496 0v64H176v208h-64V144a32 32 0 0 1 32-32h240z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,51,51)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-bianjizidingyimadan */}
|
||||
|
||||
{ name === 'icon-bianjizidingyimadan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M545.391304 244.869565v233.739131H779.130435v66.782608H545.391304V779.130435h-66.782608V545.391304H244.869565v-66.782608h233.739131V244.869565h66.782608z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-zidingyimadanyulan */}
|
||||
|
||||
{ name === 'icon-zidingyimadanyulan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M823.652174 222.608696v267.130434H200.347826V222.608696h623.304348z m-556.521739 66.782608v133.565218h133.565217v-133.565218h-133.565217z m200.347826 133.565218h289.391304v-133.565218H467.478261v133.565218z m356.173913 111.304348v267.130434H200.347826V534.26087h623.304348z m-422.956522 66.782608h-133.565217v133.565218h133.565217v-133.565218z m356.173913 0H467.478261v133.565218h289.391304v-133.565218z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-yuanshimadanyulan */}
|
||||
|
||||
{ name === 'icon-yuanshimadanyulan' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m89.043478 0l845.913044 0q89.043478 0 89.043478 89.043478l0 845.913044q0 89.043478-89.043478 89.043478l-845.913044 0q-89.043478 0-89.043478-89.043478l0-845.913044q0-89.043478 89.043478-89.043478Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(231,240,255)'}' /%3E%3Cpath d='M756.869565 200.347826a22.26087 22.26087 0 0 1 22.26087 22.26087v578.782608a22.26087 22.26087 0 0 1-22.26087 22.26087H267.130435a22.26087 22.26087 0 0 1-22.26087-22.26087V222.608696a22.26087 22.26087 0 0 1 22.26087-22.26087h489.73913z m-44.521739 66.782609H311.652174v489.73913h400.695652V267.130435z m-66.782609 244.869565v66.782609H378.434783v-66.782609h267.130434z m0-133.565217v66.782608H378.434783v-66.782608h267.130434z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-xiala */}
|
||||
|
||||
{ name === 'icon-xiala' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M828.7744 397.7216a32 32 0 0 0-43.4944-1.6128l-1.7408 1.6128L512 669.2608 240.4608 397.7216a32 32 0 0 0-43.4944-1.6128l-1.7408 1.6128a32 32 0 0 0-1.6384 43.52l1.6384 1.7408 294.144 294.144a32 32 0 0 0 43.52 1.6384l1.7408-1.6384 294.144-294.144a32 32 0 0 0 0-45.2608z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.4' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-shangla */}
|
||||
|
||||
{ name === 'icon-shangla' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M828.7744 626.2784a32 32 0 0 1-43.4944 1.6128l-1.7408-1.6128L512 354.7392 240.4608 626.2784a32 32 0 0 1-43.4944 1.6128l-1.7408-1.6128a32 32 0 0 1-1.6384-43.52l1.6384-1.7408 294.144-294.144a32 32 0 0 1 43.52-1.6384l1.7408 1.6384 294.144 294.144a32 32 0 0 1 0 45.2608z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.4' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-qingchuxinxi */}
|
||||
|
||||
{ name === 'icon-qingchuxinxi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 96c229.76 0 416 186.24 416 416S741.76 928 512 928 96 741.76 96 512 282.24 96 512 96z m-113.152 257.6128a32 32 0 1 0-45.2352 45.2608L466.7392 512l-113.152 113.152a32 32 0 0 0-2.304 42.6496l2.304 2.5856a32 32 0 0 0 45.2864 0L512 557.2608l113.152 113.152a32 32 0 0 0 42.6496 2.304l2.5856-2.304a32 32 0 0 0 0-45.2864L557.2608 512l113.152-113.152a32 32 0 0 0 2.304-42.6496l-2.304-2.5856a32 32 0 0 0-45.2864 0L512 466.7392z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.3' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-sousuo */}
|
||||
|
||||
{ name === 'icon-sousuo' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M718.3872 243.2c123.5968 123.6224 130.7904 319.5392 21.5296 451.5328l1.1008 1.024 135.7568 135.7824a32 32 0 0 1-45.2352 45.2352l-135.7824-135.7568-1.024-1.1008c-131.9936 109.2608-327.936 102.0672-451.5072-21.504-131.2256-131.2256-131.2256-343.9872 0-475.1872 131.2-131.2256 343.9616-131.2256 475.1616 0z m-45.2608 45.2608c-106.2144-106.2144-278.4256-106.2144-384.6656 0-106.2144 106.24-106.2144 278.4512 0 384.6656 97.9712 97.9712 253.4144 106.24 360.7552 21.2992l4.7104-3.8144 20.0704-16.6144 16.64-20.0704c87.6544-105.9072 82.0992-261.4528-13.2352-361.088l-4.2752-4.352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.3' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-guanli */}
|
||||
|
||||
{ name === 'icon-guanli' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M800 96c44.1856 0 80 35.84 80 80v672c0 44.1856-35.84 80-80 80H224a80 80 0 0 1-80-80V176c0-44.1856 35.84-80 80-80z m0 64H224a16 16 0 0 0-16 16v672c0 8.832 7.168 16 16 16h576c8.832 0 16-7.168 16-16V176a16 16 0 0 0-16-16zM688 640a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z m0-160a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z m0-160a32 32 0 0 1 0 64h-352a32 32 0 0 1 0-64h352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-bianji */}
|
||||
|
||||
{ name === 'icon-bianji' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M480 112a32 32 0 0 1 0 64H176v672h672V576a32 32 0 0 1 64 0v304a32 32 0 0 1-32 32h-736a32 32 0 0 1-32-32v-736a32 32 0 0 1 32-32H480z m454.624-22.624a32 32 0 0 1 1.888 43.2l-1.888 2.048-400 400a32 32 0 0 1-47.136-43.2l1.888-2.048 400-400a32 32 0 0 1 45.248 0z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(69,129,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-shoucangjia */}
|
||||
|
||||
{ name === 'icon-shoucangjia' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(222,243,253)'}' /%3E%3Cpath d='M768.256 402.6368c8.977067 0.9216 17.92 3.242667 26.897067 6.9632 8.977067 3.720533 16.759467 8.942933 23.364266 15.6672 6.6048 6.741333 11.554133 15.223467 14.848 25.429333 3.310933 10.222933 3.7888 22.528 1.4336 36.9152-0.955733 3.720533-2.833067 12.9024-5.666133 27.528534s-6.144 31.453867-9.898667 50.500266a1786.197333 1786.197333 0 0 1-12.7488 58.862934 952.661333 952.661333 0 0 1-13.448533 51.882666c-2.3552 8.362667-5.7856 16.964267-10.257067 25.770667a96.375467 96.375467 0 0 1-17.3568 24.046933 87.2448 87.2448 0 0 1-25.463466 17.749334c-9.915733 4.6592-21.7088 6.980267-35.396267 6.980266H312.456533c-9.898667 0-20.1728-2.082133-30.788266-6.263466a103.133867 103.133867 0 0 1-29.354667-17.7664 91.869867 91.869867 0 0 1-21.947733-27.869867c-5.666133-10.922667-8.4992-23.108267-8.4992-36.573867v-298.837333c0-28.330667 7.7824-50.517333 23.364266-66.525867C260.778667 281.088 282.7264 273.066667 311.04 273.066667H659.285333c10.376533 0 21.111467 1.979733 32.2048 5.922133 11.093333 3.9424 21.111467 9.403733 30.071467 16.384 8.977067 6.946133 16.2816 15.069867 21.947733 24.3712 5.666133 9.284267 8.4992 19.268267 8.4992 29.952v7.662933h-36.8128c-18.875733 0-40.925867-0.119467-66.167466-0.341333-25.258667-0.238933-52.138667-0.3584-80.6912-0.3584-28.552533 0-55.210667-0.119467-79.9744-0.341333-24.7808-0.238933-46.1312-0.341333-64.0512-0.341334h-32.5632c-12.270933 0-21.828267 3.822933-28.672 11.485867-6.826667 7.662933-12.151467 17.749333-15.9232 30.293333-3.754667 13.482667-8.021333 27.7504-12.731734 42.837334-4.727467 15.104-8.96 29.149867-12.7488 42.154666-4.7104 15.325867-9.437867 30.173867-14.148266 44.578134a38.570667 38.570667 0 0 0-1.416534 9.045333c0 7.901867 2.7136 14.506667 8.1408 19.8656 5.4272 5.341867 12.151467 8.021333 20.1728 8.021333 14.626133 0 24.5248-9.0624 29.730134-27.1872l37.512533-135.133866c61.3376 0.4608 117.486933 0.682667 168.448 0.682666h198.161067z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3Cpath d='M699.733333 699.733333m-187.733333 0a187.733333 187.733333 0 1 0 375.466667 0 187.733333 187.733333 0 1 0-375.466667 0Z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(188,231,254)'}' /%3E%3Cpath d='M716.8 614.4l159.812267 148.394667a188.245333 188.245333 0 0 1-117.2992 115.029333L614.4 716.8l85.333333-17.066667 17.066667-85.333333z' fill='${(isStr ? colors : colors?.[3]) || 'rgb(156,218,253)'}' /%3E%3Cpath d='M716.8 614.4v68.266667h68.266667v34.133333h-68.266667v68.266667h-34.133333v-68.266667h-68.266667v-34.133333h68.266667v-68.266667h34.133333z' fill='${(isStr ? colors : colors?.[4]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-shezhi */}
|
||||
|
||||
{ name === 'icon-shezhi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 21.333333l424.938667 245.333334v490.666666L512 1002.666667 87.061333 757.333333v-490.666666L512 21.333333z m0 98.538667l-339.605333 196.053333V708.053333L512 904.106667l339.584-196.053334V315.925333L512 119.872zM512 341.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 85.333334a85.333333 85.333333 0 1 0 0 170.666666 85.333333 85.333333 0 0 0 0-170.666666z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(46,47,50)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-tishi */}
|
||||
|
||||
{ name === 'icon-tishi' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 64c247.424 0 448 200.576 448 448s-200.576 448-448 448S64 759.424 64 512 264.576 64 512 64z m0 64C299.936 128 128 299.936 128 512s171.936 384 384 384 384-171.936 384-384S724.064 128 512 128z m29.248 556.896V752h-64.32v-67.104h64.32zM515.712 272c42.464 0 76.48 12.096 101.984 36.288 25.536 24.192 38.304 55.104 38.304 92.736 0 22.816-4.672 41.28-14.08 55.488-9.344 14.208-28.256 35.072-56.704 62.592-20.704 20-34.112 36.928-40.256 50.784-6.144 13.888-9.216 34.368-9.216 61.44h-57.536c0-30.72 3.68-55.52 11.008-74.336 7.328-18.816 23.36-40.384 48.16-64.64l25.856-25.504c7.744-7.328 14.016-14.944 18.752-22.912 8.64-13.984 12.928-28.48 12.928-43.52 0-21.12-6.304-39.36-18.912-54.88-12.608-15.456-33.44-23.2-62.56-23.2-35.968 0-60.864 13.312-74.656 40-7.744 14.816-12.16 36.224-13.248 64.192H368c0-46.464 13.12-83.84 39.424-112.096 26.304-28.288 62.4-42.432 108.288-42.432z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.6' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-erweima */}
|
||||
|
||||
{ name === 'icon-erweima' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M362.666667 64a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H106.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V106.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H128v213.333333h213.333333V128z m21.333334 512a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H106.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V682.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H128v213.333333h213.333333V704z m181.333334-640A32 32 0 0 1 554.666667 96v277.333333a32 32 0 0 1-64 0v-277.333333A32 32 0 0 1 522.666667 64z m128 576a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m149.333333 0a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m149.333333 0a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-64 0v-277.333333a32 32 0 0 1 32-32z m-853.333333-149.333333h853.333333a32 32 0 0 1 0 64h-853.333333a32 32 0 0 1 0-64zM938.666667 64a42.666667 42.666667 0 0 1 42.666666 42.666667v256a42.666667 42.666667 0 0 1-42.666666 42.666666H682.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V106.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h256z m-21.333334 64H704v213.333333h213.333333V128z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(45,39,57)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-dianjishoucang */}
|
||||
|
||||
{ name === 'icon-dianjishoucang' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M440.2176 108.9024a79.8208 79.8208 0 0 1 143.5392 0l96.3072 196.352a16.0256 16.0256 0 0 0 12.0576 8.832l215.3472 31.488a80.4608 80.4608 0 0 1 67.6864 91.264 80.7168 80.7168 0 0 1-23.3472 46.08l-155.8016 152.832-44.6976-46.1312 155.8272-152.832a16.128 16.128 0 0 0-8.8832-27.4688l-215.3472-31.488a80.0768 80.0768 0 0 1-60.2624-44.032l-96.2816-196.352a15.9744 15.9744 0 0 0-28.6976 0l-96.3328 196.352a80.0768 80.0768 0 0 1-60.2624 44.032l-215.3472 31.488a16.1792 16.1792 0 0 0-8.8832 27.4688l155.8528 152.832a80.8448 80.8448 0 0 1 23.0144 71.296l-36.7872 215.808a16.2048 16.2048 0 0 0 1.6128 10.24c4.096 7.8592 13.7984 10.88 21.6064 6.7328l192.6144-101.888 29.7984 57.0368-192.6144 101.888a79.7952 79.7952 0 0 1-108.0832-33.792 80.9728 80.9728 0 0 1-8.0384-51.0976l36.7872-215.808a16.1792 16.1792 0 0 0-4.608-14.2592l-155.8272-152.832a80.896 80.896 0 0 1-1.4336-113.92 79.872 79.872 0 0 1 45.7984-23.4752l215.3472-31.488a16.0256 16.0256 0 0 0 12.032-8.8064l96.3072-196.352z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3Cpath d='M576 784h288v64H576z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3Cpath d='M688 960V672h64V960z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-gouwuche */}
|
||||
|
||||
{ name === 'icon-gouwuche' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M288 816m64 0l0 0q64 0 64 64l0 0q0 64-64 64l0 0q-64 0-64-64l0 0q0-64 64-64Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(68,68,68)'}' /%3E%3Cpath d='M696 816m64 0l0 0q64 0 64 64l0 0q0 64-64 64l0 0q-64 0-64-64l0 0q0-64 64-64Z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(68,68,68)'}' /%3E%3Cpath d='M167.765333 152c27.52 0 50.965333 19.989333 55.296 47.168l16.981334 106.432h633.898666c2.133333 0 4.288 0.128 6.421334 0.362667l3.2 0.469333a56 56 0 0 1 45.546666 64.768l-62.378666 358.4a56 56 0 0 1-55.168 46.4h-497.28a56 56 0 0 1-55.296-47.168L175.658667 206.72a8 8 0 0 0-7.893334-6.741333H80a24 24 0 0 1 0-48h87.765333z m138.602667 569.258667a8 8 0 0 0 7.893333 6.741333h497.28a8 8 0 0 0 7.893334-6.613333l62.4-358.4a8 8 0 0 0-6.506667-9.258667l-0.682667-0.106667-626.944-0.021333 58.666667 367.658667z' fill='${(isStr ? colors : colors?.[2]) || 'rgb(68,68,68)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-shoucangchenggong */}
|
||||
|
||||
{ name === 'icon-shoucangchenggong' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M456.8064 119.6288a75.392 75.392 0 0 1 135.9872 0l91.4944 187.6736c3.6608 7.552 10.7776 12.8 19.0208 14.0032l204.544 30.1056c41.472 6.0928 70.1696 45.056 64.1536 87.04a77.1328 77.1328 0 0 1-22.1184 43.9296l-137.1648 135.3728-137.7792 130.7136-93.6192-93.824a25.6 25.6 0 0 0-36.2496 36.1728l111.2832 111.488a25.6 25.6 0 0 0 35.7376 0.512l110.4384-104.8064 27.008 159.4112c6.8352 40.2944-18.688 78.6432-57.5488 87.7568l-4.352 0.896a75.008 75.008 0 0 1-48.128-7.7056L536.576 840.96a25.0112 25.0112 0 0 0-23.5264 0l-182.9632 97.408a75.3664 75.3664 0 0 1-102.4-32.256 77.6192 77.6192 0 0 1-7.6032-48.6912l34.9184-206.2848a25.8048 25.8048 0 0 0-7.2704-22.656l-147.9936-146.0992A77.4656 77.4656 0 0 1 98.304 373.76a75.52 75.52 0 0 1 43.392-22.3744l204.544-30.1056a25.2928 25.2928 0 0 0 19.0464-14.0032z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(247,195,88)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-fenxiangshangpin */}
|
||||
|
||||
{ name === 'icon-fenxiangshangpin' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M542.976 112.896l-3.2 0.0768A64 64 0 0 0 478.976 176.896l-0.0256 117.7344-6.7328 2.176c-160.256 52.48-269.824 119.296-328.2688 202.24-52.992 75.2128-83.6352 180.5568-92.928 315.8272l-0.6656 10.752A64.0256 64.0256 0 0 0 110.4384 893.44c20.4032 1.2032 40.192-7.424 53.1712-23.2192 48.896-59.2896 96.4608-101.8624 142.2592-127.872l5.4272-2.9952c43.8784-23.3984 98.304-34.6112 163.5328-33.28l4.1216 0.1536v155.904a64 64 0 0 0 107.5712 46.8992l368.9728-342.6048a64 64 0 0 0 0-93.7984L586.496 129.9968a64 64 0 0 0-43.5456-17.1008z m0 64l368.9728 342.6304L542.976 862.1312v-186.1888c0-16.6912-12.8-30.5664-29.44-31.8976-95.232-7.7056-175.1552 6.272-239.2576 42.6496l-6.656 3.8656C218.7776 719.616 169.984 763.3152 120.8832 821.504l-6.656 7.9872 0.6656-10.3936c8.5248-124.3904 35.9936-218.7776 81.3824-283.1872 52.1728-74.0864 160-137.1392 324.0192-187.1616a32 32 0 0 0 22.656-30.6176V176.896z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(0,0,0)'}' opacity='.8' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-kefu */}
|
||||
|
||||
{ name === 'icon-kefu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M512 152c162.133333 0 296.448 119.082667 320.256 274.56a84.138667 84.138667 0 0 1 79.744 84.010667v165.653333a84.138667 84.138667 0 0 1-84.138667 84.117333H796.16a84.138667 84.138667 0 0 1-84.138667-84.117333v-165.653333c0-42.24 31.146667-77.226667 71.701334-83.221334C760.746667 298.133333 647.829333 200 512 200c-135.829333 0-248.746667 98.133333-271.722667 227.370667a84.138667 84.138667 0 0 1 71.722667 83.2v165.653333a84.16 84.16 0 0 1-66.474667 82.261333 126.293333 126.293333 0 0 0 116.736 78.037334h69.866667a83.370667 83.370667 0 0 1 163.136 20.330666l0.064 3.818667a83.328 83.328 0 0 1-163.2 23.850667h-69.866667a174.336 174.336 0 0 1-165.269333-118.826667l-1.706667-5.376-3.477333-0.085333a84.138667 84.138667 0 0 1-79.808-84.010667v-165.653333a84.138667 84.138667 0 0 1 79.786667-84.032C215.573333 271.082667 349.866667 152 512 152z m0 673.045333c-18.666667 0-33.941333 14.464-35.242667 32.810667l-0.085333 2.816a35.328 35.328 0 0 0 70.570667 2.517333l0.085333-2.816c0-19.52-15.808-35.328-35.328-35.328z m324.010667-349.696v1.173334h-48l-0.021334-1.173334a36.138667 36.138667 0 0 0-27.989333 35.2v165.674667c0 19.946667 16.170667 36.117333 36.138667 36.117333h31.722666c19.968 0 36.138667-16.170667 36.138667-36.117333v-165.653333c0-17.152-11.946667-31.530667-27.989333-35.2zM160 510.549333v165.674667c0 17.152 11.946667 31.530667 28.010667 35.2v-1.173333h48l0.021333 1.173333a36.138667 36.138667 0 0 0 27.968-35.2v-165.653333c0-17.152-11.946667-31.530667-27.989333-35.2v1.152h-48l-0.021334-1.173334a36.138667 36.138667 0 0 0-27.989333 35.2z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(68,68,68)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-xinzenganniu */}
|
||||
|
||||
{ name === 'icon-xinzenganniu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M0 0m341.333333 0l341.333334 0q341.333333 0 341.333333 341.333333l0 341.333334q0 341.333333-341.333333 341.333333l-341.333334 0q-341.333333 0-341.333333-341.333333l0-341.333334q0-341.333333 341.333333-341.333333Z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3Cpath d='M512 256a32 32 0 0 1 32 32l-0.021333 192H736a32 32 0 0 1 0 64h-192.021333l0.021333 192a32 32 0 0 1-64 0l-0.021333-192H288a32 32 0 0 1 0-64h191.978667l0.021333-192A32 32 0 0 1 512 256z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(255,255,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-jianshaoanniu */}
|
||||
|
||||
{ name === 'icon-jianshaoanniu' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M675.84 10.24H348.16C161.52576 10.24 10.24 161.52576 10.24 348.16v327.68c0 186.63424 151.28576 337.92 337.92 337.92h327.68c186.63424 0 337.92-151.28576 337.92-337.92V348.16C1013.76 161.52576 862.47424 10.24 675.84 10.24z m0 20.48c175.3088 0 317.44 142.1312 317.44 317.44v327.68c0 175.3088-142.1312 317.44-317.44 317.44H348.16C172.8512 993.28 30.72 851.1488 30.72 675.84V348.16C30.72 172.8512 172.8512 30.72 348.16 30.72h327.68z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(51,127,255)'}' /%3E%3Cpath d='M296.96 481.28m30.72 0l368.64 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-368.64 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(51,127,255)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-daifahuo2 */}
|
||||
|
||||
{ name === 'icon-daifahuo2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M864 416a32 32 0 0 1 32 32v416a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V448a32 32 0 0 1 32-32h704z m-80 320H528a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z m0-128H608a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M748.8 192a32 32 0 0 1 28.24 16.944L896 432v16a32 32 0 0 0-32-32H160a32 32 0 0 0-32 32v-16l118.96-223.056A32 32 0 0 1 275.2 192h473.6z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-daishouhuo2 */}
|
||||
|
||||
{ name === 'icon-daishouhuo2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M904 240a32 32 0 0 1 32 32v541.152a32 32 0 0 1-32 32h-79.76a114.016 114.016 0 0 0-111.248-88.88 114.016 114.016 0 0 0-111.232 88.864H416.24a114.016 114.016 0 0 0-111.248-88.864 114.016 114.016 0 0 0-111.232 88.864H128a32 32 0 0 1-32-32V535.472a32 32 0 0 1 6.656-19.52l133.744-173.6a32 32 0 0 1 25.344-12.48H456V272a32 32 0 0 1 32-32h416zM712.992 804.272a66.016 66.016 0 0 1 61.088 40.864h-122.16a66.016 66.016 0 0 1 61.088-40.864z m-408 0a66.016 66.016 0 0 1 61.088 40.864h-122.16a66.016 66.016 0 0 1 61.088-40.864z m61.008-388.48h-36.016a36 36 0 0 0-28.784 14.368l-107.92 143.68a36 36 0 0 0 28.8 57.6h143.92a36 36 0 0 0 36-36v-143.664a36 36 0 0 0-36-36z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M305.008 804.272a65.92 65.92 0 0 1 66 65.872 65.92 65.92 0 0 1-66 65.856 65.92 65.92 0 0 1-66-65.856 65.92 65.92 0 0 1 65.984-65.872zM713.008 804.272a65.92 65.92 0 0 1 65.984 65.872 65.92 65.92 0 0 1-65.984 65.856 65.92 65.92 0 0 1-66.016-65.856 65.92 65.92 0 0 1 66.016-65.872z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-tuikuan-shouhou */}
|
||||
|
||||
{ name === 'icon-tuikuan-shouhou' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M848 384a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H176a32 32 0 0 1-32-32V416a32 32 0 0 1 32-32h672z m-376.448 112H384l11.264 13.312 68.608 132.608h-71.168l-6.656 48.64h77.312l-13.312 95.232h77.824l13.312-95.232h77.824l6.656-48.64h-71.168L670.72 496h-83.504l-71.12 98.816L471.552 496z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' opacity='.95' /%3E%3Cpath d='M335.536 148.56a32 32 0 0 1 35.12 53.44l-2.192 1.44L307.488 240H832a32 32 0 0 1 31.92 29.6L864 272a32 32 0 0 1-29.6 31.92L832 304H192c-31.616 0-43.68-40.576-18.528-58.112l2.064-1.328 160-96z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-daipeibu2 */}
|
||||
|
||||
{ name === 'icon-daipeibu2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M864 496v317.088A34.912 34.912 0 0 1 829.088 848H290.912A34.912 34.912 0 0 1 256 813.088V496h608zM256 274.912c0-19.28 15.632-34.912 34.912-34.912h538.176c19.28 0 34.912 15.632 34.912 34.912V432H256v-157.088z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M240 144a16 16 0 0 1 16 16v668.112c7.84 5.28 14.624 12.032 19.888 19.888H864a32 32 0 0 1 32 32v16a32 32 0 0 1-32 32H275.872A72 72 0 1 1 176 828.144V224L128 224a16 16 0 0 1-16-16v-48a16 16 0 0 1 16-16h112z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
{/* icon-daifukuan2 */}
|
||||
|
||||
{ name === 'icon-daifukuan2' && (<View style={{backgroundImage: `url(${quot}data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='${svgSize}px' height='${svgSize}px'%3E%3Cpath d='M848 368a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H176a32 32 0 0 1-32-32V400a32 32 0 0 1 32-32h672zM512 688H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h272a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z' fill='${(isStr ? colors : colors?.[0]) || 'rgb(64,123,244)'}' /%3E%3Cpath d='M765.664 216.496L812 368H160.688l565.024-172.736a32 32 0 0 1 39.952 21.248z' fill='${(isStr ? colors : colors?.[1]) || 'rgb(142,186,251)'}' /%3E%3C/svg%3E${quot})`, width: `${svgSize}px`, height: `${svgSize}px`, ...customStyle}} className={classnames("icon", customClassName)} />) }
|
||||
|
||||
</Block>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconFont
|
||||
Reference in New Issue
Block a user