开票通知模块css代码优化

src/views/index/workOrderDetail.vue

@@ -114,15 +114,13 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 .wrap{
-  width: 100%;
-  height: 100%;
+  @include wh(100%,100%);
   background-color: #F4F5F7;
   overflow-y: auto;
 }
 .common{
   background: #FFFFFF;
-  border-radius: 6px;
-  box-sizing: border-box;
+  @include radiusSizing(6px);
   padding: 11px 17px 15px 24px;
 }
 .fontColor{
@@ -144,7 +142,6 @@ export default {
     .rightContent{
       height: 189px;
       width: calc(100% - 60px);
-      //@include wh(90px,189px);
     }
   }
 }
@@ -152,9 +149,7 @@ export default {
   @include wh(100%,356px);
   margin-bottom: 30px;
   .item{
-    display: flex;
-    align-items: center;
-    //line-height: 27px;
+    @include flexCenter;
   }
   .infoContent{
     .leftTitle{
@@ -169,8 +164,7 @@ export default {
 
     .vehicleRemark{
       @include fontWeightSize(400,11px);
-      opacity: 0.55;
-      color: #121212;
+      @include colorOpa(#121212,0.55);
       line-height: 14px;
       flex: 1;
     }
@@ -181,9 +175,8 @@ export default {
 }
 .title{
   @include fontWeightSize(bold,14px);
-  color: #323643;
+  @include colorOpa(#323643,0.6);
   line-height: 20px;
-  opacity: .6;
 }
 .line{
   @include wh(100%,2px);