mall-applet1/pagesB/order-detail/order-detail.vue

89 lines
3.5 KiB
Vue
Raw Normal View History

<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 2330</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(op) {
this.getDetail(op.id);
},
methods: {
getDetail(id){
this.$requst.post('/api/spu/detail',{id}).then(res=>{
if(res.code==1) {
}
})
}
}
}
</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>