83 lines
3.4 KiB
Vue
83 lines
3.4 KiB
Vue
<template>
|
||
<view class="pad-x140">
|
||
<status-container titlet="订单详情">
|
||
<view slot="content">
|
||
<view class="pad-zy20">
|
||
<view class="bacf radius30 pad-sx30 pad-zy40 fon30 mar-x25">
|
||
<view class="disjbac">
|
||
<view class="">订单编号</view>
|
||
<view class="bold">2928392832</view>
|
||
</view>
|
||
<view class="disjbac mar-sx30">
|
||
<view class="">下单时间</view>
|
||
<view class="bold">2021-11-30 23：30</view>
|
||
</view>
|
||
<view class="disjbac">
|
||
<view class="">订单状态</view>
|
||
<view class="bold">已发货</view>
|
||
</view>
|
||
</view>
|
||
<view class="bacf radius30 pad-sx30 pad-zy40 fon30 mar-x25">
|
||
<view class="">订单信息</view>
|
||
<view class="disjb bbot pad-sx30" v-for="(item,index) in 2" :key="index">
|
||
<image class="mar-y30 flexs radius30" src="https://s6.jpg.cm/2022/05/06/Lx4T45.jpg" mode="" style="width: 210rpx;height: 210rpx;"></image>
|
||
<view class="width100 disjb fc line-h40" style="height: 210rpx;">
|
||
<view class="clips2 fon24">于亿年宝藏中臻选1的宝石级钻石每年开采数LOVE100 星座光的原石挑选 </view>
|
||
<view class="">
|
||
<view class="fon24 mar-x30" style="color: #8c8c9b;">单位：盒</view>
|
||
<view class="disjbac ">
|
||
<view class="textc bold">￥{{$toolAll.tools.changeNum(2000)}}</view>
|
||
<view class="fon24" style="color: #8c8c9b;">x1</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="disje pad-s30">总计：<text class="fon36 bold textc" style="margin-top: -6rpx;">￥4000</text></view>
|
||
</view>
|
||
<view class="bacf radius30 pad-sx30 pad-zy40 fon30 mar-x25">
|
||
<view class="mar-x30">联系信息</view>
|
||
<view class="bold">徐卫 546546515315</view>
|
||
<view class="fon24">
|
||
<view class="mar-sx10" style="color: #8c8c9b;">四川省成都市双店路奥园广场3期1419号</view>
|
||
<view class="" style="color: #8c8c9b;">婚期：2022-12-23</view>
|
||
<view class="mar-s10" style="color: #8c8c9b;">希望到货时间：2022-12-21</view>
|
||
</view>
|
||
</view>
|
||
<view class="posixzy bacf pad-sx20 pad-zy50" style="box-shadow: 0rpx -2rpx 10rpx rgba(0, 0, 0, 0.06);">
|
||
<view class="navigate-to-where radius30 colf fon36 tcenter">确认收货</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</status-container>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
onShareAppMessage(res) {
|
||
var shareObj = {
|
||
title: res.target.dataset.title, // 默认是小程序的名称(可以写slogan等)
|
||
path: `/pagesB/shopDetail/shopDetail?id=${res.target.dataset.id}&category_id=0&is_activity=${res.target.dataset.is_activity}&share_id=${uni.getStorageSync('userId')}&invite_code=${uni.getStorageSync('invite_code')}`, // 默认是当前页面，必须是以‘/’开头的完整路径
|
||
imageUrl: res.target.dataset.imgsrc//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
|
||
};
|
||
return shareObj;
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.navigate-to-where {height: 98rpx;line-height: 98rpx;background: linear-gradient(to right, #ff3772 0%,#fd5548 100%);box-shadow: 0rpx 6rpx 10rpx rgba(0, 0, 0, 0.2);}
|
||
</style>
|
||
|