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

商城测试版v5

Browse Source
This commit is contained in:
cheng
2022-07-14 11:47:38 +08:00
parent b8f78eea71
commit da7c834198
7 changed files with 87 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/shopCart/index.module.scss
+28 -11
View File
@@ -54,7 +54,7 @@
padding-bottom: 120px;
.product_item{
display: flex;
justify-content: space-between;
align-items: center;
&:nth-child(n+2) {
margin-top: 37px;
}
@@ -80,14 +80,11 @@
margin-left: 20px;
padding-right: 10px;
box-sizing: border-box;
.title{
font-size: $font_size;
color: $color_font_one;
@include common_ellipsis;
}
.subtitle{
color: $color_font_two;
font-size: $font_size_medium;
margin: 10px 0;
}
.tag{
font-size: $font_size_min;
@@ -106,9 +103,7 @@
}
.count{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
.btn_count{
width: 235px;
height: 64px;
@@ -118,6 +113,25 @@
display: flex;
align-items: center;
}
.long{
color: $color_main;
font-size: $font_size_medium;
}
}
.product_item_name{
display: flex;
flex-direction: column;
flex: 1;
color: #3C3C3C;
}
.product_item_name_header{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
margin-left: 20px;
font-size: 28px;
.price{
font-size: $font_size;
font-weight: 700;
@@ -126,9 +140,12 @@
font-size: $font_size_min;
}
}
.long{
color: $color_main;
font-size: $font_size_medium;
.title{
font-size: $font_size;
color: $color_font_one;
padding-right: 10px;
@include common_ellipsis;
flex: 1;
}
}
}
src/components/shopCart/index.tsx
+23 -20
View File
@@ -307,26 +307,29 @@ export default ({show = false, onClose}: param) => {
<View className={styles.img}>
<Image mode="aspectFill" src={formatImgUrl(item.texture_url)}/>
</View>
<View className={styles.des}>
<View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View>
<View className={styles.subtitle}>{item.product_color_code +' ' + item.product_color_name}</View>
<View className={styles.tag}>{item.sale_mode_name}</View>
</View>
<View className={styles.count}>
<View className={styles.price}><text>￥</text>{formatPirce(item.sale_price)}<text>/{selectList[item.sale_mode].eunit}</text></View>
{/* <View className={styles.long}>×{formatCount(item)}{selectList[selectIndex].unit}</View> */}
<View className={styles.btn_count}>
<Counter
onBlue={(e) => getInputValue(e, item)}
defaultNum={formatCount(item)}
step={selectList[selectIndex].step}
digits={selectList[selectIndex].digits}
onClickBtn={(e) => getInputValue(e, item)}
unit={formatUnit(item)}
minNum={selectList[selectIndex].minNum}
maxNum={selectList[selectIndex].maxNum}
disable={UpdateShoppingCartLoading}
/>
<View className={styles.product_item_name}>
<View className={styles.product_item_name_header}>
<View className={styles.title}>{formatHashTag(item.product_code, item.product_name)}</View>
<View className={styles.price}><text>￥</text>{formatPirce(item.sale_price)}<text>/{selectList[item.sale_mode].eunit}</text></View>
</View>
<View className={styles.count}>
<View className={styles.des}>
<View className={styles.subtitle}>{item.product_color_code +' ' + item.product_color_name}</View>
<View className={styles.tag}>{item.sale_mode_name}</View>
</View>
<View className={styles.btn_count}>
<Counter
onBlue={(e) => getInputValue(e, item)}
defaultNum={formatCount(item)}
step={selectList[selectIndex].step}
digits={selectList[selectIndex].digits}
onClickBtn={(e) => getInputValue(e, item)}
unit={formatUnit(item)}
minNum={selectList[selectIndex].minNum}
maxNum={selectList[selectIndex].maxNum}
disable={UpdateShoppingCartLoading}
/>
</View>
</View>
</View>
</View>