#

whycq

2023-03-02 e9119355cb0ac224b1846988cfee9ed06fa70050

#

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

 Monitor-APP/pages/home/home.vue

@@ -218,11 +218,11 @@
                            <view class="text-content">
                                <!-- head -->
                                <view class="swiper-head">
                                    <view>目标站：{{infoText.staNo}}</view>
                                    <view>商品编号</view>
                                    <view>商品名称</view>
                                    <view>规格</view>
                                    <view>数量</view>
                                    <view style="width: 20%;">目标站：{{infoText.staNo}}</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">
@@ -234,11 +234,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.matNo}}</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.matNo}}</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>