小牛集卡web 客户端
chenwei
8 days ago 2621fec0d7ce1db0a2302c6c1ac0f08b36ae8a63
src/components/agopage/comment/CarSharing.vue
@@ -9,11 +9,11 @@
      </div>
    </div>
    <div class="oprator">
      <div>
        <span>配拖箱:</span>
        <div>
      <div class="box-content">
        <div class="title">配拖箱:</div>
        <div class="box">
          <i class="iconfont icon-jizhuangxiang_container"></i>
          <span>20GP</span>
          <div>20GP</div>
        </div>
      </div>
      <el-button plain size="mini">合并整车</el-button>
@@ -21,17 +21,17 @@
    </div>
    <div class="car-pool-show">
      <div>
        <div>
        <div class="one">
          <el-tag effect="dark" type="warning" size="mini">车</el-tag>
        </div>
        <div>
        <div class="two">
          <el-checkbox></el-checkbox>
        </div>
      </div>
      <div>
        <div>
          <div>提箱地</div>
          <div>
        <div class="one">
          <div >提箱地</div>
          <div >
            <el-select v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
@@ -43,7 +43,7 @@
            </el-select>
          </div>
        </div>
        <div>
        <div class="two">
          <el-select v-model="value" placeholder="请选择">
            <el-option
              v-for="item in options"
@@ -56,14 +56,14 @@
        </div>
      </div>
      <div class="three">
        <div>
        <div class="one">
          <div>装卸地</div>
          <div>
            <span>重庆市渝北区龙溪镇国宾城12栋</span>
            <i class="el-icon-caret-bottom"></i>
          </div>
        </div>
        <div>
        <div class="two">
          <el-date-picker
            v-model="value1"
            type="daterange"
@@ -75,8 +75,8 @@
        </div>
      </div>
      <div class="four">
          <div></div>
          <div>
          <div class="one"></div>
          <div class="two">
              <span>数量:1</span>
              <el-button icon="el-icon-close" size="mini" title="删除"></el-button>
              <el-button icon="el-icon-document-copy" size="mini" title="复制"></el-button>
@@ -101,7 +101,38 @@
    display: flex;
  justify-content: space-between;
}
.oprator,.box-content,.box-content .box{
  display: flex;
  align-items: center;
}
.oprator{
  width: 40%;
  justify-content: space-between;
}
.box-content .box{
  border: 1px solid #c3c3c3;
  padding: 3px 6px;
  border-radius: 3px;
}
.box-content .title{
  font-weight: bold;
}
.title{
    display: flex;
    justify-content: space-between;
}
.one,.two{
  display: flex;
  flex-direction: column;
align-items: center;
justify-content: center;
  height: 70px;
}
.four{
  .two{
    flex-direction: inherit;
  }
}
</style>