<template>
  <div class="partition">
    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
      <div class="partitionOne">
        <div class="partitionLeft">
          <p>分区名称：A区</p>
          <p>分区类型：普通区</p>
        </div>
        <van-icon class="ellipsis" name="ellipsis" @click="newShow = true" />
      </div>
    </van-list>
    <van-action-sheet v-model="newShow" :actions="actions" cancel-text="取消" @cancel="onCancel" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false,
      finished: false,
      newShow: false,
      actions: [{ name: "编辑" }, { name: "删除" }]
    };
  },
  methods: {
    onLoad() {},
    onCancel() {}
  }
};
</script>

<style lang="scss" scoped>
.partition {
  .partitionOne {
    padding: 1.375rem 1.125rem 0 1.5rem;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    p {
      font-size: 0.9375rem;
      margin-bottom: 1.125rem;
    }
    .ellipsis {
      font-size: 1.5rem;
      color: #cccccc;
    }
  }
}
</style>
