From 289e204f67b8ae0144772707e028a4aa82f2002a Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 14 十二月 2022 17:00:41 +0800
Subject: [PATCH] #
---
pages/business/business.vue | 74 +++++++++++++++++++++++++++++++------
1 files changed, 62 insertions(+), 12 deletions(-)
diff --git a/pages/business/business.vue b/pages/business/business.vue
index 4437f8c..be108a5 100644
--- a/pages/business/business.vue
+++ b/pages/business/business.vue
@@ -1,24 +1,74 @@
<template>
<view>
- <scroll-view scroll-y="true" >
- <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
- <y-title title="閿�鍞鐞�"></y-title>
- <view style="width: 100%;height: 300rpx;">璺熻釜椤圭洰</view>
+ <view class="item-sort">
+ <view>
+ <y-title title="鍏徃璧勬枡搴�" />
</view>
- <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
- <y-title title="椤圭洰绠＄悊"></y-title>
- <view style="width: 100%;height: 300rpx;">璺熻釜椤圭洰</view>
+ <view class="grid-container">
+ <view class="item" @click="select()">
+ <view class="img">
+ <image src="../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
+ </view>
+ <view>鐢叉柟鍗曚綅</view>
+ </view>
</view>
- <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;">
- <y-title title="椤圭洰璁″垝"></y-title>
- <view style="width: 100%;height: 300rpx;">璺熻釜椤圭洰</view>
- </view>
- </scroll-view>
+ </view>
+ <!-- <view class="item-sort">
+ <y-title title="閿�鍞鐞�"></y-title>
+ </view> -->
</view>
</template>
<script>
+ export default {
+ data() {
+ return {
+
+ }
+ },
+ methods: {
+ select() {
+ uni.navigateTo({
+ url:'/pages/business/cstmr/csmtr'
+ })
+ }
+ }
+ }
+
</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