From 155f2b80f2a9b6f900c73f6e4461e9cebb7cd028 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 10 十月 2023 17:12:20 +0800
Subject: [PATCH] #
---
pages/business/business.vue | 99 ++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 93 insertions(+), 6 deletions(-)
diff --git a/pages/business/business.vue b/pages/business/business.vue
index 0cea083..a42cba2 100644
--- a/pages/business/business.vue
+++ b/pages/business/business.vue
@@ -1,22 +1,109 @@
<template>
<view>
- <view class="item">
- <y-title></y-title>
+ <!-- <view class="search-bg">
+ <uni-search-bar placeholder="鑷畾涔夎儗鏅壊" bgColor="#f4f4f4" @confirm="search" />
+ </view> -->
+ <view class="item-sort">
+ <view>
+ <y-title title="鍏徃璧勬枡搴�" />
+ </view>
+ <view class="grid-container">
+ <view class="item" @click="select(1)">
+ <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">
+ <view>
+ <y-title title="閿�鍞鐞�"></y-title>
+ </view>
+ <view class="grid-container">
+ <view class="item" @click="select(2)">
+ <view class="img">
+ <image src="../../static/image/zuzhibumen.png" mode="aspectFit"></image>
+ </view>
+ <view>璺熻釜椤圭洰</view>
+ </view>
+ <view class="item" @click="select(3)">
+ <view class="img">
+ <image src="../../static/image/dingdanguanli.png" mode="aspectFit"></image>
+ </view>
+ <view>瑙勫垝鐢宠鍗�</view>
+ </view>
+ </view>
</view>
</view>
</template>
<script>
+ export default {
+ data() {
+ return {
+
+ }
+ },
+ methods: {
+ select(id) {
+ switch(id) {
+ case 1:
+ uni.navigateTo({
+ url:'/pages/business/cstmr/csmtr'
+ })
+ break;
+ case 2:
+ uni.navigateTo({
+ url:'/pages/business/saleManage/saleManage'
+ })
+ break;
+ case 3:
+ uni.navigateTo({
+ url:'/pages/business/plan/plan'
+ })
+ break;
+
+ }
+
+ }
+ }
+ }
+
</script>
<style>
- .item {
+ /* 椤圭洰鍒嗙被 */
+ .item-sort {
min-height: 100rpx;
background-color: #ffffff;
- margin: 10rpx 10rpx 0 10rpx;
+ margin: 20rpx 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