106 lines
2.2 KiB
Vue
106 lines
2.2 KiB
Vue
<template>
|
||
<view class="content bg" style="background-image: url('@@:static/bags_bg.png');">
|
||
|
||
<view class="title">
|
||
<view class="back" @click="toBack()">
|
||
<image src="@@:static/ic_back.png" mode=""></image>
|
||
</view>
|
||
<text>物流详情</text>
|
||
<view class="back"></view>
|
||
</view>
|
||
|
||
|
||
|
||
<view class=""
|
||
style="width: 689.58rpx; height: 180.56rpx; background-color: white; border-radius: 16rpx; margin: 86.81rpx auto 0; position: relative; display: flex; align-items: center;">
|
||
|
||
|
||
<image src=""
|
||
style="width: 125rpx; height: 125rpx; background-color: #9B9285; border-radius: 16rpx; position: absolute; left: 30.56rpx;"
|
||
mode=""></image>
|
||
|
||
<text
|
||
style="position: absolute; left: 182.64rpx; top: 34.72rpx; font-size: 23.59rpx; color: #FF8B36;">待发货</text>
|
||
|
||
<text
|
||
style="position: absolute; left: 182.64rpx; top: 83.33rpx; font-size: 19.42rpx; color: #8C8574;">快递公司：</text>
|
||
|
||
<view class="row" style="align-items: center; position: absolute; left: 182.64rpx; bottom: 34.03rpx;">
|
||
<text style="font-size: 19.42rpx; color: #8C8574;">快递单号：9569469491691981</text>
|
||
<image src="@@:static/ic_copy.png" @click="copyData" style="width: 20.83rpx; height: 20.83rpx; margin-left: 10rpx;" mode="">
|
||
</image>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
toBack() {
|
||
uni.navigateBack();
|
||
},
|
||
|
||
copyData() {
|
||
// 复制文本到剪贴板
|
||
uni.setClipboardData({
|
||
data: '要复制的文本内容',
|
||
success: function() {
|
||
uni.showToast({
|
||
title: '复制成功',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
fail: function() {
|
||
uni.showToast({
|
||
title: '复制失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
width: 100%;
|
||
height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.title {
|
||
width: 688.88rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
margin-top: 119.44rpx;
|
||
|
||
text {
|
||
font-size: 29.17rpx;
|
||
color: #6E5B51;
|
||
}
|
||
}
|
||
|
||
.back {
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
|
||
image {
|
||
width: 14.58rpx;
|
||
height: 27.08rpx;
|
||
}
|
||
}
|
||
</style> |