|
|
|
@ -1,22 +1,20 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view class="bgImg" |
|
|
|
|
:style="{ background: `url(${$picUrl+'/static/news3/walletBg.png'})`, 'background-size': 'cover' }"> |
|
|
|
|
<view class="bg_style"> |
|
|
|
|
<view class="bgImg"> |
|
|
|
|
<view style="width:100%;"> |
|
|
|
|
<view class="navBarContent"> |
|
|
|
|
<u-icon name="arrow-left" @click="onBack" |
|
|
|
|
style="position: absolute;top:50%;left:40upx;transform: translateY(-50%);" color="#000" |
|
|
|
|
style="position: absolute;top:50%;left:16px;transform: translateY(-50%);" color="#000" |
|
|
|
|
size="35"> |
|
|
|
|
</u-icon> |
|
|
|
|
<text>物流查询</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- <image :src="$picUrl+'/static/news3/walletBg.png'" mode="widthFix" class="bgImg"></image> --> |
|
|
|
|
<view class="contentDes"> |
|
|
|
|
<u-field v-model="logisticsNum" label="物流单号" placeholder="请填写物流单号"> |
|
|
|
|
</u-field> |
|
|
|
|
<view class="btnGroup"> |
|
|
|
|
<view class="btnItem" @click="scanCode"> |
|
|
|
|
<view class="btnItem" @click="scanCode" style="margin-right:35px;"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/scan.png'" mode="widthFix"></image> |
|
|
|
|
<text>扫码识别</text> |
|
|
|
|
</view> |
|
|
|
@ -87,30 +85,40 @@ |
|
|
|
|
page { |
|
|
|
|
background-color: #F7F8FA; |
|
|
|
|
min-height: 100%; |
|
|
|
|
padding-bottom: 140upx; |
|
|
|
|
background: linear-gradient(180deg, #FFE4E8 0%, #F7F8FA 40%); |
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bg_style { |
|
|
|
|
width: 100%; |
|
|
|
|
background: url(https://www.royaum.com.cn/static/news/login-bg.png) center 0 no-repeat; |
|
|
|
|
background-size: 100% auto; |
|
|
|
|
min-height: 100vh; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bgImg { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 200px; |
|
|
|
|
height: 180px; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contentDes { |
|
|
|
|
position: relative; |
|
|
|
|
z-index: 2; |
|
|
|
|
margin: 26upx; |
|
|
|
|
margin: 0upx 26upx; |
|
|
|
|
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
|
|
background: #FFFFFF; |
|
|
|
|
border-radius: 6px 6px 6px 6px; |
|
|
|
|
opacity: 1; |
|
|
|
|
padding: 28upx; |
|
|
|
|
padding: 0 28upx; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.navBarContent { |
|
|
|
|
height: 100upx; |
|
|
|
|
line-height: 100upx; |
|
|
|
|
height: 140upx; |
|
|
|
|
line-height: 140upx; |
|
|
|
|
text-align: center; |
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|