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 | 80 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 0 deletions(-)
diff --git a/pages/business/business.vue b/pages/business/business.vue
index b5acea6..4e1dc08 100644
--- a/pages/business/business.vue
+++ b/pages/business/business.vue
@@ -1,10 +1,90 @@
<template>
<view>
+ <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-sort">
+ <y-title title="閿�鍞鐞�"></y-title>
+ </view>
</view>
</template>
<script>
+
</script>
<style>
+ /* 椤圭洰鍒嗙被 */
+ .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