{"ast":null,"code":"export default {\n  name: \"supplySettlement\"\n};","map":{"version":3,"names":["name"],"sources":["src/views/index/supplySettlement.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n  <div class=\"kilometers  common\">\r\n      <div class=\"title\">公里数:</div>\r\n      <div class=\"line\"></div>\r\n      <div class=\"metersWrap\">\r\n        <div class=\"leftKiloMeters\">\r\n          <div>AB段公里数</div>\r\n          <div>BC段公里数</div>\r\n          <div>CA段公里数</div>\r\n        </div>\r\n        <div class=\"rightInputMeters\">\r\n          <div><input type=\"number\" />公里</div>\r\n          <div><input type=\"number\" />公里</div>\r\n          <div><input type=\"number\" />公里</div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n  <div class=\"roadBridgeFee common\">\r\n    <div class=\"title\">路桥费:</div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"metersWrap\">\r\n      <div class=\"leftKiloMeters\">\r\n        <div>AB段公里数</div>\r\n        <div>BC段公里数</div>\r\n        <div>CA段公里数</div>\r\n      </div>\r\n      <div class=\"rightInputMeters\">\r\n        <div><input type=\"number\" />公里</div>\r\n        <div><input type=\"number\" />公里</div>\r\n        <div><input type=\"number\" />公里</div>\r\n      </div>\r\n    </div></div>\r\n  <div class=\"otherFee common\"></div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"supplySettlement\"\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@/styles/mixin.scss\";\r\n.wrap{\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #F4F5F7;\r\n}\r\n.common{\r\n  @include wh(100%,161px);\r\n  background: #FFFFFF;\r\n  backdrop-filter: blur(5.602678571428572px);\r\n  box-sizing: border-box;\r\n  padding: 10px 17px 10px 24px;\r\n  margin-bottom: 10px;\r\n}\r\n.title{\r\n  @include fontWeightSize(500,14px);\r\n  color: #323643;\r\n  opacity: 0.66;\r\n}\r\n.line{\r\n  @include wh(calc(100% - 10px),2px);\r\n  text-align: center;\r\n  opacity: 0.16;\r\n  border-top: 1px solid;\r\n  margin: 8px 0;\r\n  border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;\r\n}\r\n.metersWrap{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  line-height: 37px;\r\n  .leftTitle{\r\n    @include fontWeightSize(400,14px);\r\n  }\r\n  .rightInputMeters{\r\n    margin-right: 13px;\r\n    @include fontWeightSize(500,13px);\r\n    color: #323643;\r\n    opacity:.5 ;\r\n    input{\r\n      border: none;\r\n      text-align: right;\r\n      color: #323643;\r\n      opacity: .8;\r\n    }\r\n  }\r\n}\r\n.otherFee{\r\n  @include wh(100%,)\r\n}\r\n</style>"],"mappings":"AAsCA;EACAA,IAAA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}