<template>
	<view class="page">
		<u-navbar title="出货" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
			title-size='36' height='40' id="navbar">
		</u-navbar>
        <image src="https://api.ccttiot.com/smartmeter/img/static/uuJaAUZNXcShEYA3v4vk" mode=""></image>
        <view class="one">
        	出货成功
        </view>
		<view class="two">
			如未取到货,请联系客服
		</view>
		<view class="kefu">
            联系客服
		</view>
        <view class="anniu">
        	完成
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                bgc: {
                	backgroundColor: "",
                },
			}
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background: #DEF1DA;
	}
	.one{
		font-weight: 600;
		font-size: 36rpx;
		color: #3D3D3D;
		margin-top: 70rpx;
		width: 100%;
		text-align: center;
	}
	.two{
		font-size: 28rpx;
		color: #7C7C7C;
		margin-top: 40rpx;
		width: 100%;
		text-align: center;
	}
	.kefu{
		width: 210rpx;
		height: 66rpx;
		background: #CDE6C9;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 28rpx;
		color: #48893B;
		text-align: center;
		line-height: 66rpx;
		margin: auto;
		margin-top: 40rpx;
	}
	.anniu{
		width: 614rpx;
		height: 92rpx;
		background: #48893B;
		box-shadow: 0rpx 2rpx 18rpx 0rpx rgba(0,0,0,0.1);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		font-size: 40rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 92rpx;
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		bottom: 136rpx;
	}
	image{
		width: 504rpx;
		height: 506rpx;
		margin-left: 92rpx;
		margin-top: 90rpx;
	}

</style>