#

whycq

2022-12-12 d914583bf377465079724477bbb118e54b2f7082

 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>