<template>
  <div class="chioseAccessory">
    <div class="coreItemRow">
      <p class="title">教辅组合1:</p>
      <el-select style="width:558px!important;"
                 v-model="goods">
        <el-option label="1"
                   value="1"></el-option>
      </el-select>
      <p class="title">教辅名称:</p>
      <el-input style="width:140px"></el-input>
      <p class="title">教辅打包价:</p>
      <el-input style="width:140px"><template slot="append">元</template></el-input>
    </div>
    <div class="coreItemRow">
      <p class="title"></p>
      <el-button type="info"
                 plain
                 style="width:558px"
                 size="mini"
                 icon="el-icon-plus">新增可选乐器</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      goods: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.coreItemRow {
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  p {
    margin-right: 10px;
  }
  .title {
    width: 100px;
    text-align: right;
  }
}

.marginLeft10 {
  margin-left: 10px;
}
</style>