From 040acd447439dc98536281414a6d43a54b00719d Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期五, 09 八月 2024 13:34:42 +0800
Subject: [PATCH] feat:发版
---
pages/loadUnload-page/loadUnload-page.vue | 61 ++++++++++++++++++++++++++++--
1 files changed, 56 insertions(+), 5 deletions(-)
diff --git a/pages/loadUnload-page/loadUnload-page.vue b/pages/loadUnload-page/loadUnload-page.vue
index 2cc7a9e..72b1438 100644
--- a/pages/loadUnload-page/loadUnload-page.vue
+++ b/pages/loadUnload-page/loadUnload-page.vue
@@ -2,8 +2,8 @@
<view class="">
<view class="customer-index">
<view class="customer-index_body">
- <view class="wait-collection"
- style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
+ <view class="wait-collection" style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/customerbanner.png') no-repeat;background-size:100% 100%" >
+ <!-- <img class="bannerImg" src="https://wrzs.czjlchem.com:9090/appimg/image/banner/customerbanner.png" alt=""> -->
</view>
<!-- <view style="position: relative;top: -120px;">
<u-empty mode="data"
@@ -13,7 +13,7 @@
v-if="CoalNameList.length == 0"></u-empty>
</view> -->
<view class="">
- <selectTarget ref='selectTarget'></selectTarget>
+ <selectTarget ref='selectTarget' :loadUnloadData='loadUnloadData' ></selectTarget>
</view>
</view>
</view>
@@ -21,13 +21,29 @@
</template>
<script>
- import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
+import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
export default {
+ props: {
+ indexLoadUnloadBillOfLoadingData: {
+ type: Object,
+ default: {}
+ }
+ },
+ watch: {
+ indexLoadUnloadBillOfLoadingData: {
+ handler(v) {
+ this.loadUnloadData = v;
+ },
+ deep: true,
+ immediate: true
+ }
+ },
components: {
selectTarget
},
data() {
return {
+ loadUnloadData:[],
};
},
@@ -46,6 +62,34 @@
<style lang="scss"
scoped>
+ /* 澶у瀷璁惧锛堝ぇ鍙板紡鐢佃剳锛�1201px 璧凤級*/
+ @media screen and (min-width: 1201px) {
+ .wait-collection{
+ min-height: 1800rpx!important;
+ }
+ }
+
+ /* 涓瀷璁惧锛堝彴寮忕數鑴戯紝992px 璧凤級 */
+ @media screen and (min-width: 991px) and (max-width: 1200px) {
+ .wait-collection{
+ min-height: 1400rpx!important;
+ }
+ }
+
+
+ /* 灏忓瀷璁惧锛堝钩鏉跨數鑴戯紝768px 璧凤級 */
+ @media screen and (min-width: 768px) and (max-width: 990px) {
+ .wait-collection{
+ min-height: 670rpx!important;
+ }
+ }
+
+ /* 瓒呭皬璁惧锛堟墜鏈猴紝灏忎簬 768px锛�*/
+ @media only screen and (max-height: 767px) {
+ .wait-collection{
+ min-height: 600rpx!important;
+ }
+ }
@mixin flex {
display: flex;
justify-content: space-between;
@@ -54,10 +98,17 @@
.wait-collection {
width: 100%;
- height: 600rpx;
+ height: 670rpx;
position: relative;
top: vww(-10);
z-index: 0;
+ // .bannerImg{
+ // width: 100%;
+ // height: 100%;
+ // object-fit: cover;
+ // transform: translateY(200r);
+
+ // }
}
.customer-index {
--
Gitblit v1.9.1