<template>
  <!--  jcy预测库存列表页行布局 -->
  <div class="rt-row" :style="styles">
    <div class="rt-row-left">
      <rt-attr :label="leable" :icon="icon"></rt-attr>
    </div>
    <div class="rt-row-right">
      <a class="rt-float">
        <rt-attr :text="text" size="small"></rt-attr>
      </a>
    </div>
  </div>
</template>
<script>
export default {
  name: 'rtRow',
  props: {
    icon: {
      type: String
    },
    text: {
      type: String
    },
    leable: {
      type: String
    }
  }
};
</script>
<style lang="less">
.rt-row {
  clear: both;
  .rt-row-left {
    float: left;
    width: 80%;
  }
  .rt-row-right {
    float: right;
    width: 18%;
    .rt-float {
      float: right;
    }
  }
}
</style>
