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>
|