From dde87b8c60ae4639140e9a5ea885751eca55bca5 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期一, 12 十二月 2022 20:56:20 +0800
Subject: [PATCH] #
---
pages/business/business.vue | 78 ++++++++++++++++++++++++++++++++++++--
1 files changed, 73 insertions(+), 5 deletions(-)
diff --git a/pages/business/business.vue b/pages/business/business.vue
index 0cea083..4e1dc08 100644
--- a/pages/business/business.vue
+++ b/pages/business/business.vue
@@ -1,22 +1,90 @@
<template>
<view>
- <view class="item">
- <y-title></y-title>
+ <view class="item-sort">
+ <view>
+ <y-title title="鍏徃璧勬枡搴�" />
+ </view>
+ <view class="grid-container">
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ <view class="item">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
+ </view>
</view>
- <view class="item">
- <y-title></y-title>
+ <view class="item-sort">
+ <y-title title="閿�鍞鐞�"></y-title>
</view>
</view>
</template>
<script>
+
</script>
<style>
- .item {
+ /* 椤圭洰鍒嗙被 */
+ .item-sort {
min-height: 100rpx;
background-color: #ffffff;
margin: 10rpx 10rpx 0 10rpx;
border-radius: 10rpx;
}
+ .item2 {
+ background-color: aqua;
+ }
+ .grid-container {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+ .item {
+ width: 120rpx;
+ height: 120rpx;
+ margin-left: 20rpx;
+ margin-top: 20rpx;
+ font-size: 10rpx;
+ color: #909399;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+ .item:last-child {
+ margin-bottom: 10rpx;
+ }
+ .img image {
+ width: 70rpx;
+ height: 70rpx;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1