diff --git a/pages/Warehouse/Warehouse.vue b/pages/Warehouse/Warehouse.vue index 84344bf..61cedee 100644 --- a/pages/Warehouse/Warehouse.vue +++ b/pages/Warehouse/Warehouse.vue @@ -26,8 +26,9 @@ - {{v}} + + {{v}} @@ -38,7 +39,10 @@ {{v}} + :class="beblue === i ? 'click-box-target' : 'click-box'"> + + {{v}} + @@ -197,7 +201,7 @@ } .operationbtn { - width: 20vw; + width: 22vw; height: 10vw; position: absolute; right: 1.5vw; @@ -207,7 +211,7 @@ flex-wrap: wrap; >view { - width: 9vw; + width: 10vw; height: 4vw; border-radius: 1vw; border: 2rpx solid #D9DADC; @@ -220,6 +224,11 @@ margin: 0 0.3vw; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.25s ease; -webkit-tap-highlight-color: transparent; + image{ + width: 1.6vw; + height: 1.6vw; + margin-right: .2vw; + } } .click-box { @@ -228,7 +237,10 @@ } .click-box-target { - color: transparent; + background: #FFFFFF; + box-shadow: 0px 0px 3vw 0px rgba(12,102,209,0.33) inset; + // box-shadow: 0rpx 0rpx 3vw 0rpx rgba(38,137,255,0.44) inset; + color: rgba(108, 132, 160, 1) !important; animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1); transform-origin: center center; } @@ -387,8 +399,8 @@ } .annotation1 { - top: 20.5vw; - left: 19vw; + top: 21.5vw; + left: 19.5vw; } .annotation2 { @@ -397,22 +409,22 @@ } .annotation3 { - top: 23vw; - left: 50vw; + top: 24vw; + left: 49.3vw; } .annotation4 { - top: 17vw; - left: 68vw; + top: 18vw; + left: 70vw; } .annotation5 { - top: 32vw; + top: 34vw; left: 74vw; } .annotation6 { - top: 23vw; + top: 24vw; right: 6vw; } @@ -426,28 +438,29 @@ >view { position: relative; - - &:nth-child(1) { - width: 7vw; - height: 2vw; - background: #F2F3F7; - box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(182, 186, 196, 0.35); - border: 2rpx solid #FFFFFF; - font-weight: 400; - font-size: 1.3vw; - color: #333333; - display: flex; - align-items: center; - justify-content: center; - z-index: 3; - } - + &:nth-child(2) { - width: 4vw; - height: 2vw; + width: 6.5vw; + height: 3.2vw; z-index: 2; margin: -2rpx auto 0; z-index: 2; + display: flex; + align-items: center; + justify-content: center; + image{ + position: absolute; + top: 0; + left: 0; + } + text{ + position: relative; + font-weight: 400; + font-size: 1.1vw; + color: #fff; + z-index: 3; + margin-top: -0.5vw; + } } &:nth-child(3) { diff --git a/pages/Warehouse/procurement.vue b/pages/Warehouse/procurement.vue index 0712b68..772af0c 100644 --- a/pages/Warehouse/procurement.vue +++ b/pages/Warehouse/procurement.vue @@ -3,67 +3,649 @@ - - + + + 纸尿裤-拉拉裤纸尿裤-拉拉裤 + 规格型号: 800mm*680mm + 采购单位: 片 + + + + + + 保洁 + + + + + + 500 + 库存数量 + + + + + + + + + + 生活用品库 + + + + + + + {{shyp?'启用':'停用'}} + + + + + + + + + 李树奎 + + + 50岁 + 13358863266 + + + + + + {{v+'级分类'}} + + + + + {{v}} + + + + + + {{v}} + + + + + + + + + {{v}} + + + + + + + + + + + + + + {{v.name}} + + + + + + + 检索 + + +