property/user_ui/mine/pages/delivery/detail.vue

<template>
	<view class="kdetail">
		<view class="ktop flex">
			<image :src="cirimg"></image>
			<view>
				<view class="tit mb8">中通快递</view>
				<view class="txt flex">运单号：76445851125416587  <view class="btns">复制</view></view>
			</view>
		</view>
		<view class="ktop">
			<view class="stit mb20">以下数据由 <text class="co01">中通快递</text> 提供</view>			
			<box-step type="kdstep" :datainfo="list"></box-step>
		</view>
		
	<loading></loading>	
	</view>
</template>

<script>
	import config from '@/config'
	const baseUrl = config.baseUrl
	import boxStep from "@/mine/components/box/list.vue"
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	export default{
		components:{boxStep},
		data(){
			return{
				type:'kdstep',
				list:[{tit:'123'}],
				cirimg:require("@/static/images/home/cir.png"),
			}
		},
		onLoad: function() {
		
		},
		
		methods:{
			checkPermi, checkRole,
			// getNextFn(){
			// 	this.$tab.navigateTo("/work/pages/business/add")
			// },
			
			getDataFn(){
				return
				var params={
					pageSize:this.pageSize,
					pageNum: this.pageNum,
				}
				params.noticeType=this.tabidx
				getNoticeList(params).then(res=>{
					if(res.code==200){
						
					}else{
						this.$toast(res.msg)
					}
				})
				
			},
		}
	}
</script>
<style>
	page{background: #F3F3F0;}
</style>
<style lang="scss" scoped>
.kdetail{
	min-height: 100vh;padding: 20rpx 18rpx 100rpx;
	.ktop{background: #FFFFFF;margin-bottom: 24rpx;border-radius: 20px;padding: 24rpx 26rpx;
		image{width: 104rpx;height: 104rpx;margin-right: 30rpx;}
		.tit{font-weight: bold;font-size: 30rpx;color: #272727;margin-top: 8rpx;}
		.txt{font-weight: 500;font-size: 24rpx;color: #272727;}
		.btns{color: #0156FE;}
	}
	.stit{font-weight: 500;text-align: center;font-size: 24rpx;color: #AAAAAA;padding-top: 4rpx;
		text{margin: 0 10rpx;}
	}
}
</style>