页面切图
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
|
||||
<template>
|
||||
<view class="grid-nav">
|
||||
<view class="grid-nav-title" v-if="title">{{title}}</view>
|
||||
<view class="grid-nav-title" v-if="title">{{ title }}</view>
|
||||
<view class="grid-nav-content">
|
||||
<slot />
|
||||
<Rc-grid-item background="#fff" v-for="item in seat" :key="item"></Rc-grid-item>
|
||||
<Cn-grid-item background="#fff" v-for="item in seat" :key="item"></Cn-grid-item>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
@@ -19,9 +19,9 @@ export default {
|
||||
mounted () {
|
||||
console.warn(this.$slots.default.length);
|
||||
let num = this.$slots.default.length;
|
||||
let yushu = num % 3;
|
||||
let yushu = num % 4;
|
||||
if (yushu > 0) {
|
||||
for (let i = 0; i < 3 - yushu; i++) {
|
||||
for (let i = 0; i < 4 - yushu; i++) {
|
||||
this.seat.push(i);
|
||||
}
|
||||
}
|
||||
@@ -34,6 +34,7 @@ export default {
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
background: $uni-theme-white;
|
||||
|
||||
.grid-nav-title {
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
@@ -42,6 +43,7 @@ export default {
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.grid-nav-content {
|
||||
background: #f6f7f8;
|
||||
display: grid;
|
||||
|
||||
Reference in New Issue
Block a user