Adding Excelize into cnlandscape

landscapes.yml

@@ -197,6 +197,18 @@ landscape:
         repo_url: 'https://github.com/ripple/rippled'
         isopen: false
         logo: app/block/ripple.png
+  - name: 在线办公文档
+    items:
+      - name: Excelize
+        description: >-
+          Excelize 是 Go 语言编写的用于操作 Office Excel 文档基础库，基于 ECMA-376，ISO/IEC 29500 国际标准。
+          可以使用它来读取、写入由 Microsoft Excel™ 2007 及以上版本创建的电子表格文档。
+          支持 XLSX / XLSM / XLTM 等多种文档格式，高度兼容带有样式、图片(表)、透视表、切片器等复杂组件的文档，并提供流式读写 API，用于处理包含大规模数据的工作簿。
+          可应用于各类报表平台、云计算、边缘计算等系统。
+        homepage_url: https://xuri.me/excelize
+        repo_url: https://github.com/360EntSecGroup-Skylar/excelize
+        isopen: true
+        logo: app/office/excelize.png
 - category: 云原生应用编排及管理
   subcategories:
   - name: 编排与调度

src/components/Items.vue

@@ -6,7 +6,7 @@
         <div class="items" v-for="(subcategory, index) in this.category.subcategories" :key="index">
           <div class="items_subdiv">
             <p class="items_title">{{ subcategory.name }}</p>
-            <div class="items_detail" :class="{ smallGrid: subcategory.items.length > 4, tinGrid: subcategory.items.length > 1, middleGrid: subcategory.items.length > 6, largeGrid: subcategory.items.length > 9}">
+            <div class="items_detail" :class="{ smallGrid: subcategory.items.length > 4, tinGrid: subcategory.items.length > 0, middleGrid: subcategory.items.length > 6, largeGrid: subcategory.items.length > 9}">
               <div class="item" :class="{big: item.isopen, small: !item.isopen, official: item.official, hiddenBackground: !isShow(item.filter)}" v-for="(item, index) in subcategory.items" :key="index">
                 <div class="oss" :class="{ isShow: !isShow(item.filter)}">
                   <div :style="{ backgroundImage: 'url(' + `logos/${item.logo}` + ')' }" :class="{openImg: item.isopen, img: !item.isopen}" alt="" @click="showDetail(item, subcategory, category)"></div>