App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面切图

Browse Source
This commit is contained in:
仲么了
2023-02-17 09:03:47 +08:00
parent c183f91ace
commit 7d28b3476a
11 changed files with 99 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Cn-grid-item/Cn-grid-item.vue
View File

@@ -24,7 +24,7 @@ export default {
justify-content: center;
align-items: center;
background: $uni-theme-white;
height: 236rpx;
height: 180rpx;
.grid-card-content-item-icon {
display: flex;
@@ -33,7 +33,7 @@ export default {
position: relative;
width: 80rpx;
height: 80rpx;
background: rgba(78, 159, 255, 1);
background: $uni-theme-yellow;
border-radius: 20rpx;
.grid-card-content-item-icon-2 {

14
components/Cn-grid/Cn-grid.vue
View File

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