wx-qhb/pageD/components/selectExpress.vue

<template>
  <view v-if="show" :class="className">
    <view
      @click.stop="$emit('selected', item)"
      class="_label"
      v-for="(item, index) in filterList"
      :key="index"
      >{{ item.name }}
    </view>
  </view>
</template>
<script>
export default {
  name: "selectExpress",
  props: {
    show: {
      typeof: Boolean,
      default: false,
    },
    filterList: {
      typeof: Array,
      default: () => {
        return {};
      },
    },
    className: {
      typeof: String,
      default: "",
    },
  },
};
</script>
<style lang="scss" scoped>
.select-list {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 14rpx;
  position: absolute;
  bottom: 200rpx;
  right: 70rpx;
  z-index: 1000;
  width: 300rpx;
  height: 220rpx;
  overflow-y: auto;
  box-shadow: 0 0 4rpx #b6b5b5;
  ._label {
    font-size: 28rpx;
    color: #000;
    margin: 20rpx;
    text-align: center;
  }
}
.sending-name {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 14rpx;
  position: absolute;
  top: 200rpx;
  left: 70rpx;
  z-index: 1000;
  width: 300rpx;
  height: 220rpx;
  overflow-y: auto;
  box-shadow: 0 0 4rpx #b6b5b5;
  ._label {
    font-size: 28rpx;
    color: #000;
    margin: 20rpx;
    text-align: center;
  }
}
.order-manage {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 14rpx;
  position: absolute;
  bottom: 100rpx;
  right: 70rpx;
  z-index: 1000;
  width: 300rpx;
  height: 220rpx;
  overflow-y: auto;
  box-shadow: 0 0 4rpx #b6b5b5;
  ._label {
    font-size: 28rpx;
    color: #000;
    margin: 20rpx;
    text-align: center;
  }
}
</style>