订单确认
This commit is contained in:
23
components/orderconfirm/ordershopinfo/ordershopinfo.js
Normal file
23
components/orderconfirm/ordershopinfo/ordershopinfo.js
Normal file
@@ -0,0 +1,23 @@
|
||||
// components/orderconfirm/ordershopinfo/ordershopinfo.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
6
components/orderconfirm/ordershopinfo/ordershopinfo.json
Normal file
6
components/orderconfirm/ordershopinfo/ordershopinfo.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
42
components/orderconfirm/ordershopinfo/ordershopinfo.scss
Normal file
42
components/orderconfirm/ordershopinfo/ordershopinfo.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
.shopinfo {
|
||||
width: 690rpx;
|
||||
height: 218rpx;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.pic {
|
||||
width: 150rpx;
|
||||
height: 163rpx;
|
||||
background-color: #EAEAEA;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
.right {
|
||||
width: 402rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin-top: 6rpx;
|
||||
.shopname {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
line-height: 39rpx;
|
||||
}
|
||||
.down {
|
||||
margin-bottom: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.shopdesc {
|
||||
color: #666666;
|
||||
font-size: 24rpx;
|
||||
.size {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
}
|
||||
.pri {
|
||||
color: #E1C89F;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
components/orderconfirm/ordershopinfo/ordershopinfo.wxml
Normal file
13
components/orderconfirm/ordershopinfo/ordershopinfo.wxml
Normal file
@@ -0,0 +1,13 @@
|
||||
<view class="shopinfo">
|
||||
<view class="pic"></view>
|
||||
<view class="right">
|
||||
<view class="shopname">产品产品产品产品产品产品产品产品产品产品产品产品产品</view>
|
||||
<view class="down">
|
||||
<view class="shopdesc">
|
||||
<text class="size">规格10ml</text>
|
||||
<text> 0.04kg</text>
|
||||
</view>
|
||||
<view class="pri">¥657</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
49
components/orderconfirm/ordershopinfo/ordershopinfo.wxss
Normal file
49
components/orderconfirm/ordershopinfo/ordershopinfo.wxss
Normal file
@@ -0,0 +1,49 @@
|
||||
.shopinfo {
|
||||
width: 690rpx;
|
||||
height: 218rpx;
|
||||
border-bottom: 2rpx solid #EAEAEA;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.shopinfo .pic {
|
||||
width: 150rpx;
|
||||
height: 163rpx;
|
||||
background-color: #EAEAEA;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
.shopinfo .right {
|
||||
width: 402rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.shopinfo .right .shopname {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
line-height: 39rpx;
|
||||
}
|
||||
|
||||
.shopinfo .right .down {
|
||||
margin-bottom: 50rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.shopinfo .right .down .shopdesc {
|
||||
color: #666666;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.shopinfo .right .down .shopdesc .size {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.shopinfo .right .down .pri {
|
||||
color: #E1C89F;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user