jiuyiUniapp/jiuyi/pages/shop/logistics-state/index.vue

86 lines
2.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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