86 lines
2.3 KiB
Vue
86 lines
2.3 KiB
Vue
<!-- 物流状态 -->
|
||
<template>
|
||
<view class="jy-logistics-state">
|
||
<!-- 地址 -->
|
||
<JyCommodityAddress class="bfff p25" :shopEdit="false"></JyCommodityAddress>
|
||
<uni-section class="mt20" v-for="(item, index) in list" :key="index">
|
||
<template v-slot:decoration>
|
||
<image class="wh50 mr20" :src="item.icon" mode="aspectFill"></image>
|
||
</template>
|
||
<template v-slot:content>
|
||
<view class="df">
|
||
<text class="f28 c333">{{ item.title }}</text>
|
||
<text class="f28 c333">：</text>
|
||
<text class="f28 c333">{{ item.subTitle }}</text>
|
||
</view>
|
||
</template>
|
||
<template v-slot:right>
|
||
<uni-tag @click="copyText(item.subTitle)" :inverted="true" text="复制" />
|
||
</template>
|
||
</uni-section>
|
||
<!-- 物流信息 -->
|
||
<ClickShowMore class="mt20" :reserveHeight="112">
|
||
<uni-steps :options="list2" active-color="#007AFF" :active="active" direction="column" />
|
||
</ClickShowMore>
|
||
<!-- 精选 -->
|
||
<JyCherryPick />
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, onMounted } from 'vue'
|
||
// 地址
|
||
import JyCommodityAddress from '@/components/public/jy-commodity-address'
|
||
|
||
//精选
|
||
import JyCherryPick from '@/components/public/jy-cherry-pick';
|
||
|
||
import ClickShowMore from '@/components/public/click-show-more';
|
||
|
||
import shopLogistics from '@/static/shop-logistics.png'
|
||
import shopDocument from '@/static/shop-document.png'
|
||
|
||
const active = 4
|
||
const list2 = [{
|
||
title: '买家下单',
|
||
desc: '2018-11-11'
|
||
}, {
|
||
title: '卖家发货',
|
||
desc: '2018-11-12'
|
||
}, {
|
||
title: '买家签收',
|
||
desc: '2018-11-13'
|
||
}, {
|
||
title: '交易完成',
|
||
desc: '2018-11-14'
|
||
}]
|
||
const list = ref([
|
||
{
|
||
title: '物流公司',
|
||
subTitle: '1231111',
|
||
icon: shopLogistics,
|
||
},
|
||
{
|
||
title: '订单编号',
|
||
subTitle: '1231111',
|
||
icon: shopDocument,
|
||
}
|
||
])
|
||
// 复制文本
|
||
const copyText = (text) => {
|
||
uni.setClipboardData({
|
||
data: text,
|
||
success: function () {
|
||
uni.showToast({
|
||
title: '复制成功',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
})
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.wl {
|
||
transition: .5s;
|
||
}
|
||
</style> |