<!-- 物流状态 -->
<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>