页面切图
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
|
||||
<template>
|
||||
<view class="grid-card">
|
||||
<view class="grid-card-title" v-if="title">{{title}}</view>
|
||||
<view class="grid-card-content">
|
||||
<view class="grid-nav">
|
||||
<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>
|
||||
</view>
|
||||
@@ -30,11 +30,11 @@ export default {
|
||||
};
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.grid-card {
|
||||
.grid-nav {
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
background: $uni-theme-white;
|
||||
.grid-card-title {
|
||||
.grid-nav-title {
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-indent: 40rpx;
|
||||
@@ -42,10 +42,10 @@ export default {
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.grid-card-content {
|
||||
.grid-nav-content {
|
||||
background: #f6f7f8;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-gap: 2rpx;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user