|
@@ -1,59 +1,7 @@
|
|
|
<template>
|
|
|
<view class="bg">
|
|
|
- <!-- 背景动画 -->
|
|
|
- <view class="windmill">
|
|
|
- <view class="windmill__sun"></view>
|
|
|
- <view class="windmill__slice-4">
|
|
|
- <view></view>
|
|
|
- </view>
|
|
|
- <view class="windmill__slice-3">
|
|
|
- <view class="windmill__tree-left"></view>
|
|
|
- <view class="windmill__tree-right"></view>
|
|
|
- </view>
|
|
|
- <view class="windmill__slice-2">
|
|
|
- <view class="windmill__tree-right"></view>
|
|
|
- <view class="windmill__tree-middle"></view>
|
|
|
- <view class="windmill__tree-left"></view>
|
|
|
- </view><view class="windmill__clouds">
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- <view class="windmill__cloud"></view>
|
|
|
- </view>
|
|
|
- <!-- <view class="windmill__windmill">
|
|
|
- <view class="windmill__blades">
|
|
|
- <view class="windmill__blade"></view>
|
|
|
- <view class="windmill__blade"></view>
|
|
|
- <view class="windmill__blade"></view>
|
|
|
- <view class="windmill__blade"></view>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
- <view class="windmill__snowflakes">
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- <view class="windmill__snowflake"></view>
|
|
|
- </view>
|
|
|
+ <view class="bgimg">
|
|
|
+ <u-image width="622rpx" height="953rpx" src="/static/ldbg.png"></u-image>
|
|
|
</view>
|
|
|
<!-- 称重 -->
|
|
|
<view class="content">
|
|
@@ -82,6 +30,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {getLookUpDatas} from '@/api/data.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -111,10 +60,24 @@
|
|
|
_this.connectBlue()
|
|
|
})
|
|
|
},
|
|
|
+ onShow() {
|
|
|
+ // 获取订单状态数据字典
|
|
|
+ this.getCodeList('RUBBISH_TYPE','vuex_rubbishType')
|
|
|
+ },
|
|
|
onUnload() {
|
|
|
uni.$off('blueReConnect')
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 获取数据字典
|
|
|
+ getCodeList(code,key) {
|
|
|
+ getLookUpDatas({
|
|
|
+ type: code
|
|
|
+ }).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ this.$u.vuex(key, res.data)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
// 查看投递记录
|
|
|
toTdRecord(){
|
|
|
uni.navigateTo({
|
|
@@ -479,11 +442,23 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
- @import url("bg.less");
|
|
|
+ // @import url("bg.less");
|
|
|
.bg{
|
|
|
height: 100vh;
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
+ background-color: #015a50;
|
|
|
+ }
|
|
|
+ .bgimg{
|
|
|
+ position: absolute;
|
|
|
+ z-index: 100;
|
|
|
+ width: 100%;
|
|
|
+ height: 100vh;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
.content{
|
|
|
display: flex;
|
|
@@ -507,7 +482,7 @@
|
|
|
}
|
|
|
.cz-box{
|
|
|
text-align: center;
|
|
|
- background: #fff;
|
|
|
+ background: #01c9b2;
|
|
|
border-radius: 300rpx;
|
|
|
box-shadow: 3rpx 3rpx 10rpx rgba(0,0,0,0.4);
|
|
|
}
|
|
@@ -522,7 +497,7 @@
|
|
|
}
|
|
|
.tits{
|
|
|
padding: 20rpx 0;
|
|
|
- color: #ef9f2e;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
.devList{
|
|
|
width: 80%;
|
|
@@ -530,11 +505,11 @@
|
|
|
}
|
|
|
.bindDev{
|
|
|
margin: 20rpx 0;
|
|
|
- padding: 20rpx 40rpx;
|
|
|
- background: rgba(255,255,255,0.8);
|
|
|
+ padding: 15rpx 40rpx;
|
|
|
+ background: rgba(19,22,30,0.8);
|
|
|
box-shadow: 2rpx 2rpx 8rpx rgba(0,0,0,0.2);
|
|
|
border-radius: 100rpx;
|
|
|
- color: #666666;
|
|
|
+ color: #FFFFFF;
|
|
|
}
|
|
|
.devList > view{
|
|
|
display: flex;
|