xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎈 perf(优化商城):

Browse Source
This commit is contained in:
cheng
2022-12-01 11:30:43 +08:00
parent c9b4dbdec3
commit 513bb1fc28
9 changed files with 62 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sideBar/index.module.scss
+21 -7
View File
@@ -13,21 +13,35 @@
color: transparent;
}
.sideBar_select_title {
height: 100px;
height: 100%;
width: 100%;
font-size: $font_size;
margin: 13px 0;
// padding: 13px 0;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.6);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 400;
&:nth-child(1) {
margin: 0;
}
&:nth-last-child(1) {
margin: 0;
}
.title_con {
padding: 0 20px;
text-align: center;
// width: 74px;
@include common_ellipsis($params: 4);
}
.sideBar_select_title_item {
height: 100%;
width: 100%;
font-size: $font_size;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 400;
}
}
.sideBar_select_title_select {
background-color: #007aff;
src/components/sideBar/index.tsx
+7 -8
View File
@@ -30,7 +30,7 @@ export default memo(
height = '100vh',
sideBarOnClick,
children,
heightItem = 100,
heightItem = 108,
refresherTriggered = false,
selfOnRefresherRefresh,
selfOnScrolltolower,
@@ -121,13 +121,12 @@ export default memo(
<ScrollView scrollWithAnimation={true} style={{ height }} className={styles.sideBar_select} scrollY scrollIntoView={`tab_${tabId}`}>
{list?.map((item, index) => {
return (
<View
className={classnames(styles.sideBar_select_title, { [styles.sideBar_select_title_select]: selected == item.id })}
onClick={() => clickEvent({ item, index })}
id={`tab_${item.id}`}
key={item.id}
style={{ height: heightItem + 'rpx' }}>
<View className={styles.title_con}>{item.name}</View>
<View className={styles.sideBar_select_title} id={`tab_${item.id}`} key={item.id} style={{ height: `${heightItem}rpx` }}>
<View
className={classnames(styles.sideBar_select_title_item, { [styles.sideBar_select_title_select]: selected == item.id })}
onClick={() => clickEvent({ item, index })}>
<View className={styles.title_con}>{item.name}</View>
</View>
</View>
)
})}