| | |
| | | <template> |
| | | <view class="cur-container"> |
| | | <cur-menu class="child-menu" v-for="(item, index) in menuData" :curMenu="item" :key="index"></cur-menu> |
| | | <cur-menu :class="{'boder-f7f8f9-1': border}" class="up-down-0-20 child-menu" v-for="(item, index) in menuData" :curMenu="item" :key="index"></cur-menu> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | menuData: { |
| | | type: Array, |
| | | default: () => [] |
| | | } |
| | | }, |
| | | |
| | | border: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | }, |
| | | |
| | | components: { |
| | |
| | | <style lang="scss" scoped> |
| | | .cur-container { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | height: 100%; |
| | | |
| | | .child-menu { |
| | | flex: 1; |
| | | min-width: calc(100% / 3); |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | </style> |