theluyuan/deguodaigou
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

首页完成

Browse Source
This commit is contained in:
pplokijuhyg
2019-12-13 11:43:02 +08:00
parent e47bb87558
commit 1fee501560
20 changed files with 162 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/index/list/commodity/index.js Normal file
View File

@@ -0,0 +1,8 @@
Component({
properties: {
},
data: {
},
methods: {
}
})

3
components/index/list/commodity/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"component": true
}

49
components/index/list/commodity/index.scss Normal file
View File

@@ -0,0 +1,49 @@
.commodity {
width: 623rpx;
height: 143rpx;
margin-top: 32rpx;
display: flex;
align-items: center;
.content {
width: 614rpx;
height: 100%;
display: flex;
align-items: center;
box-shadow: 0 0 24rpx 0 rgba(227, 227, 227, 0.4);
.imgthumb {
width: 105rpx;
height: 105rpx;
margin-left: 40rpx;
background-color: #333;
}
.introduce {
width: 410rpx;
margin-left: 40rpx;
display: flex;
flex-direction: column;
> text {
font-size: 26rpx;
color: #333;
margin-bottom: 22rpx;
}
> view {
display: flex;
align-items: center;
justify-content: space-between;
> text:first-child {
font-size: 30rpx;
color: #dec499;
}
> text:last-child {
font-size: 22rpx;
color: #999;
}
}
}
}
.decorate {
width: 9rpx;
height: 102rpx;
background-color: #3fb66e;
}
}

13
components/index/list/commodity/index.wxml Normal file
View File

@@ -0,0 +1,13 @@
<view class="commodity">
<view class="content">
<image class="imgthumb "></image>
<view class="introduce">
<text>产品名称产品名称产品名称产品名称产品名称产品名称产品名称</text>
<view>
<text>￥657</text>
<text>加入购物车</text>
</view>
</view>
</view>
<view class="decorate"></view>
</view>

1
components/index/list/commodity/index.wxss Normal file
View File

@@ -0,0 +1 @@
.commodity{width:623rpx;height:143rpx;margin-top:32rpx;display:flex;align-items:center}.commodity .content{width:614rpx;height:100%;display:flex;align-items:center;box-shadow:0 0 24rpx 0 rgba(227,227,227,0.4)}.commodity .content .imgthumb{width:105rpx;height:105rpx;margin-left:40rpx;background-color:#333}.commodity .content .introduce{width:410rpx;margin-left:40rpx;display:flex;flex-direction:column}.commodity .content .introduce>text{font-size:26rpx;color:#333;margin-bottom:22rpx}.commodity .content .introduce>view{display:flex;align-items:center;justify-content:space-between}.commodity .content .introduce>view>text:first-child{font-size:30rpx;color:#dec499}.commodity .content .introduce>view>text:last-child{font-size:22rpx;color:#999}.commodity .decorate{width:9rpx;height:102rpx;background-color:#3fb66e}