| | |
|---|
| | | <template>
|
|---|
| | | <div style="display: flex; height: 90vh;">
|
|---|
| | | <!-- Sidebar -->
|
|---|
| | | <div class="sidebar" style="width: 200px; background: #f4f4f4; padding: 10px;">
|
|---|
| | | <div class="sidebar" style="width: 200px; background: #f4f4f4; padding: 10px; height: 100%; overflow-y: auto; max-height: 90vh;">
|
|---|
| | | <div
|
|---|
| | | v-for="(layout, layoutIndex) in layouts"
|
|---|
| | | :key="layoutIndex"
|
|---|
| | | class="sidebar-item"
|
|---|
| | | @click="selectLayout(layoutIndex)"
|
|---|
| | | :class="{ 'selected': selectedLayoutIndex === layoutIndex }"
|
|---|
| | | :class="{ 'selected': selectedLayoutIndex === layoutIndex }" style="margin-bottom: 5px;"
|
|---|
| | | >
|
|---|
| | | {{ layout.realWidth }} × {{ layout.realHeight }} × {{ layout.quantity }}
|
|---|
| | | </div>
|
|---|
