🎈 perf(优化我的页面icon):

This commit is contained in:
czm 2022-12-14 14:34:34 +08:00
parent 6354f4b530
commit a7416a81f5
4 changed files with 31 additions and 3 deletions

View File

@ -0,0 +1,3 @@
.svg {
display: flex;
}

View File

@ -0,0 +1,25 @@
import { View } from '@tarojs/components'
import classNames from 'classnames'
import styles from './index.module.scss'
interface Pram {
name: string
style?: object
}
function SvgIcon(params: Pram) {
const { name = '', style } = params
return (
<View className={classNames(styles.svg, `${name}`)} style={style}>
<View className="path1" style={style}></View>
<View className="path2" style={style}></View>
<View className="path3" style={style}></View>
<View className="path4" style={style}></View>
<View className="path5" style={style}></View>
<View className="path6" style={style}></View>
<View className="path7" style={style}></View>
<View className="path8" style={style}></View>
<View className="path9" style={style}></View>
</View>
)
}
export default SvgIcon

View File

@ -10,6 +10,7 @@ import { formatImgUrl, formatPriceDiv } from '@/common/fotmat'
import { userassets, userorderStatistics } from '@/api/mine' import { userassets, userorderStatistics } from '@/api/mine'
import useLogin from '@/use/useLogin' import useLogin from '@/use/useLogin'
import IconFont from '@/components/iconfont/iconfont' import IconFont from '@/components/iconfont/iconfont'
import SvgIconfont from '@/components/svgIconfont'
import MoveBtn from '@/components/moveBtn' import MoveBtn from '@/components/moveBtn'
import { BASE_URL } from '@/common/constant' import { BASE_URL } from '@/common/constant'
@ -58,7 +59,7 @@ export default () => {
const menuList = [ const menuList = [
{ label: '地址管理', icon: 'icon-dizhiguanli', callback: () => goLink('/pages/addressManager/index') }, { label: '地址管理', icon: 'icon-dizhiguanli', callback: () => goLink('/pages/addressManager/index') },
{ label: '码单管理', icon: 'icon-yanseduibi', callback: () => goLink('/pages/weightList/index') }, { label: '码单管理', icon: 'icon-mdgl', icon_status: 'local', callback: () => goLink('/pages/weightList/index') },
{ label: '颜色对比', icon: 'icon-yanseduibi', callback: () => goLink('/pages/sampleComparison/index') }, { label: '颜色对比', icon: 'icon-yanseduibi', callback: () => goLink('/pages/sampleComparison/index') },
{ label: '我的客服', icon: 'icon-wodekefu', text: '7x24小时服务', callback: () => (set_customer_service_show(true)) }, { label: '我的客服', icon: 'icon-wodekefu', text: '7x24小时服务', callback: () => (set_customer_service_show(true)) },
] ]
@ -166,7 +167,7 @@ export default () => {
<View className={styles.list_con}> <View className={styles.list_con}>
{menuList.map((item, index) => { {menuList.map((item, index) => {
return <View key={index} className={styles.list_item} onClick={item?.callback}> return <View key={index} className={styles.list_item} onClick={item?.callback}>
<IconFont name={item.icon as any} size={70} /> {item.icon_status != 'local' ? <IconFont name={item.icon as any} size={70} /> : <SvgIconfont name={item.icon as any} style={{ fontSize: '70rpx' }} />}
<View className={styles.list_item_con}> <View className={styles.list_item_con}>
<Text>{item.label}</Text> <Text>{item.label}</Text>
<View className={styles.title_more_kf}> <View className={styles.title_more_kf}>

View File

@ -6,7 +6,6 @@
format('woff'); format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
[class^='icon-'], [class^='icon-'],
[class*=' icon-'] { [class*=' icon-'] {