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 | 107 ++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 96 insertions(+), 11 deletions(-) diff --git a/pages/business/business.vue b/pages/business/business.vue index 4437f8c..a42cba2 100644 --- a/pages/business/business.vue +++ b/pages/business/business.vue @@ -1,24 +1,109 @@ <template> <view> - <scroll-view scroll-y="true" > - <view style="width: 96%;background-color: #fff;margin: 1% 2% 0 2%;"> + <!-- <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-sort"> + <view> <y-title title="閿�鍞鐞�"></y-title> - <view style="width: 100%;height: 300rpx;">璺熻釜椤圭洰</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 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 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> </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-sort { + min-height: 100rpx; + background-color: #ffffff; + 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