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

🌈 style(搜索): 优化搜索页样式

Browse Source
This commit is contained in:
xuan 2023-03-06 10:49:23 +08:00
parent b5b33a27ea
commit 33705db7ab
2 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/searchList/searchList.module.scss
View File

@ -129,12 +129,12 @@ page {
.product_list { .product_list {
.product_item { .product_item {
display: flex; display: flex;
justify-content: space-between;
background-color: #fff; background-color: #fff;
padding: 24px 0; padding: 24px 0;
margin: 0 32px; margin: 0 32px;
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
.product_img { .product_img {
flex-shrink: 0;
width: 152px; width: 152px;
height: 152px; height: 152px;
border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px;
@ -204,13 +204,7 @@ page {
color: #ee7500; color: #ee7500;
} }
} }
.bottom {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.introduce { .introduce {
width: 60%;
font-size: $font_size_medium; font-size: $font_size_medium;
color: $color_font_two; color: $color_font_two;
@include common_ellipsis(); @include common_ellipsis();
@ -220,7 +214,6 @@ page {
justify-content: flex-end; justify-content: flex-end;
color: $color_money; color: $color_money;
align-items: baseline; align-items: baseline;
width: 40%;
margin-top: 8px; margin-top: 8px;
font-weight: 550; font-weight: 550;
&_unit { &_unit {

10
src/pages/searchList/searchList.tsx
View File

@ -256,12 +256,10 @@ export default () => {
&& <Tag customClassName={styles.tag_g} circle type="primary" size="small">配套螺纹</Tag> && <Tag customClassName={styles.tag_g} circle type="primary" size="small">配套螺纹</Tag>
} }
</View> </View>
<View className={styles.bottom}> <View className={styles.introduce}>{item.component}</View>
<View className={styles.introduce}>{item.component}</View> <View className={styles.price}>
<View className={styles.price}> <View className={styles.price_unit}>¥</View>
<View className={styles.price_unit}>¥</View> <View className={styles.price_num}>{formatPriceDiv(item.lowest_price).toLocaleString()}起</View>
<View className={styles.price_num}>{formatPriceDiv(item.lowest_price).toLocaleString()}起</View>
</View>
</View> </View>
</View> </View>
</View> </View>