From ab10cac0146228c22ffbbae0bbdfdf6af02cc18c Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期二, 11 四月 2023 12:59:20 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.css | 10 ++++++----
Monitor-APP/pages/home/home.vue | 20 ++++++++++----------
2 files changed, 16 insertions(+), 14 deletions(-)
diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css
index fe2a482..53b5d81 100644
--- a/Monitor-APP/pages/home/home.css
+++ b/Monitor-APP/pages/home/home.css
@@ -8,8 +8,8 @@
width: 100%;
height: 10%;
background-color: rgba(54, 94, 226, 0.5);
- display: grid;
- grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
+ display: flex;
+ /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
align-items: center;
}
@@ -24,9 +24,11 @@
/* background-color: #00a8ff; */
}
.swiper-item {
- display: grid;
+ display: flex;
align-items: center;
- grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
+ /* display: grid; */
+ /* align-items: center; */
+ /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
}
.swiper-item:nth-child(2n-1) {
background-color: rgba(255, 255, 255, .1);
diff --git a/Monitor-APP/pages/home/home.vue b/Monitor-APP/pages/home/home.vue
index 5077a88..d855474 100644
--- a/Monitor-APP/pages/home/home.vue
+++ b/Monitor-APP/pages/home/home.vue
@@ -217,11 +217,11 @@
<view class="text-content">
<!-- head -->
<view class="swiper-head">
- <view>鎵樼洏鐮侊細{{infoText.barcode}}</view>
- <view>鍟嗗搧缂栧彿</view>
- <view>鍟嗗搧鍚嶇О</view>
- <view>瑙勬牸</view>
- <view>鏁伴噺</view>
+ <view style="width: 20%;">鎵樼洏鐮侊細{{infoText.barcode}}</view>
+ <view style="width: 30%;">鍟嗗搧缂栧彿</view>
+ <view style="width: 20%;">鍟嗗搧鍚嶇О</view>
+ <view style="width: 20%;">瑙勬牸</view>
+ <view style="width: 10%;">鏁伴噺</view>
</view>
<!-- body -->
<view class="swiper-body">
@@ -233,11 +233,11 @@
display-multiple-items="8"
circular="true" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item class="swiper-item" v-for="(item,i) in swiperList" :key="i">
- <view>No:{{i+1}}</view>
- <view>{{item.matnr}}</view>
- <view>{{item.maknx}}</view>
- <view>{{item.specs}}</view>
- <view>{{item.count}}</view>
+ <view style="width: 20%;">No:{{i+1}}</view>
+ <view style="width: 30%;">{{item.matnr}}</view>
+ <view style="width: 20%;">{{item.maknx}}</view>
+ <view style="width: 20%;">{{item.specs}}</view>
+ <view style="width: 10%;">{{item.count}}</view>
</swiper-item>
</swiper>
</view>
--
Gitblit v1.9.1