<template>
  <div class="marketing">
    <add-desc></add-desc>
    <!-- 步骤 -->
    <el-row></el-row>
    <div style="height: 300px;">
      <el-steps direction="vertical" :active="1">
        <el-step title="新建推送名称" description="88888">
        </el-step>
        <el-step title="选择推送素材"></el-step>
        <el-step title="选择推送范围" description="这是一段很长很长很长的描述性文字"></el-step>
        <el-step title="预览推送数量"></el-step>
        <el-step title="执行推送任务"></el-step>
      </el-steps>
    </div>

  </div>
</template>
<script>
import AddDesc from './components/AddDesc'
export default {
  components: {
    AddDesc
  }
}
</script>

<style lang="stylus" scoped>
.marketing
  .marketing-button
    margin-top 10px
    background-color #fff
    height 182px
    .button-left, .button-right
      padding-left 10px
      .left-title
        height 50px
        line-height 50px
        .left-title-name
          float left
        .left-title-message
          float right
          padding-right 20px
      .left-icon
        height 140px
        .icon-left
          float left
          width 50%
        .icon-right, .icon-left
          padding 20px 0
          text-align center
          .icon-wechat
            font-size 40px
          .icon-wechat-msg
            font-size 14px
            padding-top 10px
    .button-right
      .right-marketing
        padding 20px 0
        text-align center
        .icon-wechat
          font-size 40px
        .icon-wechat-msg
          font-size 14px
          padding-top 10px
  .marketing-white
    background-color #fff
    height 27px
  .marketing-tabs
    position relative
    top -10px
</style>
