1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <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>
|