换系统
This commit is contained in:
@@ -1,23 +1,26 @@
|
||||
// components/orderconfirm/ordershopinfo/ordershopinfo.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
// components/orderconfirm/ordershopinfo/ordershopinfo.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
title:String,
|
||||
spec:String,
|
||||
price:String,
|
||||
img:String
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,42 +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;
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,13 +1,13 @@
|
||||
<view class="shopinfo">
|
||||
<image class="pic"></image>
|
||||
<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 class="shopinfo">
|
||||
<image class="pic" src="{{img}}"></image>
|
||||
<view class="right">
|
||||
<view class="shopname">{{title}}</view>
|
||||
<view class="down">
|
||||
<view class="shopdesc">
|
||||
<text class="size">{{spec}}</text>
|
||||
<!-- <text> 0.04kg</text> -->
|
||||
</view>
|
||||
<view class="pri">¥{{price}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -1,49 +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;
|
||||
}
|
||||
.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