页面切图

This commit is contained in:
仲么了
2023-02-20 14:19:28 +08:00
parent 7d28b3476a
commit 5e69ab1da6
50 changed files with 1136 additions and 213 deletions

View File

@@ -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;