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

🌈 style(性能测评):修改样式

Browse Source
This commit is contained in:
Haiyi 2023-03-14 14:49:07 +08:00
parent 254f060671
commit 6eab3ca0b0
2 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/details/index.module.scss
View File

@ -184,8 +184,9 @@ page {
margin-bottom: 25xp;
}
.scroll_box {
margin: 20px;
padding-top: 30px;
width: 100%;
// width: 100%;
border-radius: 16px;
height: 450px;
background-color: #fff;
@ -266,7 +267,8 @@ page {
.tag_box {
padding-top: 30px;
// padding-bottom: 30px;
width: 100%;
// width: 100%;
margin: 20px;
border-radius: 16px;
background-color: #fff;
margin-top: 25px;

54
src/pages/details/index.tsx
View File

@ -408,33 +408,6 @@ const Details = (props: Params) => {
</View>
</View>
</View>
{!!productInfo?.product_screw_id
&& <View style={{ margin: '20rpx' }}>
<Recommend onClick={openProduct} data={recommendData} />
</View>}
<View className={styles.product_color}>
<View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
<View className={styles.list}>
{productInfo?.product_color_list?.map((item) => {
return (
<View key={item.id} className={styles.item} onClick={() => handleClickProductColor(item)}>
<View className={styles.item_color}>
<LabAndImg
value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
round
name={formatRemoveHashTag(item.code)}
/>
</View>
<View className={styles.item_name}>{item.name}</View>
<View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg{
(item!.last_bulk_price && item!.bulk_price !== item!.last_bulk_price) ? (item.bulk_price > item.last_bulk_price) ? <Text style={{ color: 'red', marginLeft: '10rpx' }}>↑</Text> : <Text style={{ color: 'green', marginLeft: '10rpx' }}>↓</Text> : null
}</View>
</View>
)
})}
</View>
</View>
{
videoList.length > 0 && <View className={styles.scroll_box}>
<View className={styles.title}>性能测评</View>
@ -491,6 +464,33 @@ const Details = (props: Params) => {
</View>
</View>
}
{!!productInfo?.product_screw_id
&& <View style={{ margin: '20rpx' }}>
<Recommend onClick={openProduct} data={recommendData} />
</View>}
<View className={styles.product_color}>
<View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
<View className={styles.list}>
{productInfo?.product_color_list?.map((item) => {
return (
<View key={item.id} className={styles.item} onClick={() => handleClickProductColor(item)}>
<View className={styles.item_color}>
<LabAndImg
value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
round
name={formatRemoveHashTag(item.code)}
/>
</View>
<View className={styles.item_name}>{item.name}</View>
<View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg{
(item!.last_bulk_price && item!.bulk_price !== item!.last_bulk_price) ? (item.bulk_price > item.last_bulk_price) ? <Text style={{ color: 'red', marginLeft: '10rpx' }}>↑</Text> : <Text style={{ color: 'green', marginLeft: '10rpx' }}>↓</Text> : null
}</View>
</View>
)
})}
</View>
</View>
<View className={styles.product_detail}>
<RichText nodes={html}></RichText>
</View>