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}}
+
+
+
+
+
+
+ 检索
+
+
+