<template>
  <div class="pd-20">
    <el-card class="box-card">
      <el-row :gutter="50">
        <el-col :span="12">
          <h2>#首页_banner</h2>
          <div>
            <el-select
              v-model="value1"
              multiple
              placeholder="请选择"
              size="medium"
              style="width: 70%"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div>
          <div>
            <el-carousel height="150px">
              <el-carousel-item v-for="item in 4" :key="item">
                <h3 class="small">{{ item }}</h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </el-col>
        <el-col :span="12">
          <h2>#门店_banner</h2>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ],
      value1: []
    };
  },
  methods: {}
};
</script>

<style>
.pd-20 {
  padding: 20px;
}
</style>
