<template>
  <div class="bill">
    <div class="topbar_bill">
      <div class="topbar_bill_left" @click="goback">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-fanhui"></use>
        </svg>
      </div>
      <div class="topbar_bill_middle">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-sousuo"></use>
        </svg>
        搜索
      </div>
      <div class="topbar_bill_right">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-caidan"></use>
        </svg>
      </div>
    </div>

    <div id="salelist">
      <saletask-list v-for="(item,index) in dmlist" :key="index"></saletask-list>
    </div>
  </div>
</template>

<script>
  import SaletaskList from "./components/saletasklist";
  export default {
    name: 'saletask',
    components: {
      SaletaskList
    },
    data() {
      return {
        dmlist: [1, 2, 3, 4, 5, 6, 7, 8, 9]
      }
    },
    methods: {
      goback() {
        {
          history.back();
        }
      }
    }
  }

</script>


<style>
  body {
    margin: 0;
    padding: 0;
    background-color: #eee;
  }


  #salelist {
    position: absolute;
    top: 44px;
    width: 100%
  }

  .topbar_bill {
    min-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
  }

  .topbar_bill_left {
    flex: 0 0 5%;
    margin-left: 10px;
    font-size: 18px;
  }

  .topbar_bill_middle {
    /* text-align: center; */
    flex: 0 0 75%;
    background-color: rgb(247, 247, 247);
    margin-left: 10px;
    padding: 0px 5px 0px 20px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px;
    color: rgb(119, 119, 119)
  }

  .topbar_bill_right {
    flex: 0 0 5%;
    position: absolute;
    right: 10px;
    font-size: 18px;
  }

</style>
