css

src/pages/modules/board/StockBin.vue

@@ -109,13 +109,14 @@ export default {
   background center / 100% 100% url('../../../images/bg-center.png') no-repeat
   padding 20px 20px 0 20px
 .state_wraper
-  _wh(100%, 40px)
-  _fj(row, flex-start)
+  _wh(100%, 20px)
+  _fj(row, center)
+  margin-bottom 20px
 .state_icon
-  _wh(14px, 14px)
+  _wh(16px, 16px)
 .state_title
-  _font(20px, 40px, #fff,,)
-  margin 0 40px 0 10px
+  _font(20px, 20px, #fff,,)
+  margin 0 60px 0 20px
 .bg_col_1
   border-radius 4px
   box-shadow 0px 0px 12px 4px rgba(239, 82, 82, .5)
@@ -130,7 +131,7 @@ export default {
   _wh(100%, calc(100% - 40px))
   _fj(row)
 .st_item
-  _wh(22.5%, 100%)
+  _wh(22%, 100%)
 .txt
   _font(26px, 40px, #fff,,center)
   font-family: "YouSheBiaoTiHei"
@@ -143,10 +144,10 @@ export default {
 .p_item
   _wh(30%, 14%)
   padding 14px
-  margin-bottom 4%
+  margin-bottom 4.5%
   border-radius 4px
   background radial-gradient(circle at 50% 100%, rgba(95, 217, 252, 50%), rgba(14, 82, 140, 50%), rgba(10, 54, 106, 50%));
-  border 4px solid rgba(42, 189, 251, 50%)
+  border 2px solid rgba(42, 189, 251, 20%)
   overflow hidden
   &:nth-child(3n+2)
     margin 0 5% 2% 5%
@@ -158,7 +159,7 @@ export default {
   _fj(,center)
 .p_item_active
   background radial-gradient(circle at 50% 100%, rgba(251, 135, 105, 80%), #77200F, #58190E);
-  border 4px solid #B55F4E
+  border 2px solid rgba(181, 95, 78, 30%)
   .p_item_i
     background-image linear-gradient(to bottom, transparent 11px, rgba(118, 36, 23, 20%) 1px), linear-gradient(to right, transparent 11px, rgba(118, 36, 23, 20%) 1px)
 .p1