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

订单列表页面完成

Browse Source
This commit is contained in:
cheng
2022-05-19 20:31:53 +08:00
parent 7e5481a7e1
commit f30e174e3e
35 changed files with 1008 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/product/index.module.scss
+3 -5
View File
@@ -25,21 +25,19 @@
border-radius: 10px;
}
.num{
width: 100px;
height: 36px;
padding: 5px 10px;
font-size: $font_size_min;
position: absolute;
right:0;
bottom: 0;
background: rgba($color: #fff, $alpha: 0.3);
background: rgba($color: #000, $alpha: 0.3);
border-radius: 36px 0px 10px 0px;
color: #fff;
text-align: center;
line-height: 36px;
}
}
.item_con{
padding-left: 15px;
padding-left: 20px;
font-size: $font_size;
flex:1;
.title{
src/components/product/index.tsx
+4 -3
View File
@@ -2,6 +2,7 @@ import { Image, View } from "@tarojs/components"
import Taro from "@tarojs/taro"
import { goLink } from "@/common/common"
import styles from './index.module.scss'
import { formatHashTag, formatImgUrl } from "@/common/fotmat"
type Params = {
desStatus?: true|false,
@@ -13,17 +14,17 @@ export default ({desStatus = true, productList = []}:Params) => {
{productList?.map(item => {
return <View className={styles.products_item} onClick={() => goLink(`/pages/details/index?id=${item.id}`)}>
<View className={styles.item_img}>
<Image src={item.texture_url}/>
<Image src={formatImgUrl(item.texture_url)}/>
<View className={styles.num}>{item.product_color_count}色</View>
</View>
<View className={styles.item_con}>
<View className={styles.title}><text>{item.code}#</text>{item.name}</View>
<View className={styles.title}><text>{formatHashTag(item.code, '')} </text>{item.name}</View>
<View className={styles.tag_list}>
<View className={styles.tag}>{item.width}</View>
<View className={styles.tag}>{item.weight_density}</View>
</View>
<View className={styles.introduce}>{item.component}</View>
{desStatus&&<View className={styles.des}>{item.describe}</View>}
{desStatus&&<View className={styles.des}>{item.describe}</View>}
</View>
</View>
})}