You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.7 KiB
67 lines
1.7 KiB
<template>
|
|
<view>
|
|
<uni-card title="店铺名称" thumbnail="https://oss.wsdns.cn/20230722/5e7d3ea18c7f43acae8b7ea82bab7cbc.png" extra="待支付">
|
|
<view class="order-info">
|
|
<view class="goods-image">
|
|
<image src="https://static.yoshop.xany6.com/20190610131953961df5569.PNG" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="info">
|
|
<text>订单编号：11479</text>
|
|
<text>商品名称：脱单邮局二维码</text>
|
|
<text>商品金额：￥10</text>
|
|
<text>备注信息：获取微信</text>
|
|
<text>下单时间：2023-10-20 13:20:05</text>
|
|
</view>
|
|
</view>
|
|
</uni-card>
|
|
<uni-card title="店铺名称" thumbnail="https://oss.wsdns.cn/20230722/5e7d3ea18c7f43acae8b7ea82bab7cbc.png" extra="待支付">
|
|
<view class="order-info">
|
|
<view class="goods-image">
|
|
<image src="https://static.yoshop.xany6.com/20190610131953961df5569.PNG" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="info">
|
|
<text>订单编号：11479</text>
|
|
<text>商品名称：脱单邮局二维码</text>
|
|
<text>商品金额：￥10</text>
|
|
<text>备注信息：获取微信</text>
|
|
<text>下单时间：2023-10-20 13:20:05</text>
|
|
</view>
|
|
</view>
|
|
</uni-card>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.order-info{
|
|
display: flex;
|
|
.goods-image{
|
|
image{
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
}
|
|
}
|
|
.info{
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
margin-left: 12rpx;
|
|
padding: 12rpx 20rpx;
|
|
line-height: 1.6rem;
|
|
border-radius: 10rpx;
|
|
background-color: $uni-bg-color-grey;
|
|
}
|
|
}
|
|
</style>
|