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