页面

src/pages/about/index.vue

@@ -37,6 +37,19 @@
       </view>
 
       <view class="p-2">
+        <scroll-view scroll-x="true" class="scroll-view-container">
+          <wd-button
+            v-for="item in category"
+            :type="item.id === currentTab ? 'primary' : 'warning'"
+            size="large"
+            @click="changeTab(item)"
+            :custom-style="`background-image: url('${item.image}'); background-size: cover;border-radius: 10rpx;`"
+          >
+            {{ item.name }}
+          </wd-button>
+        </scroll-view>
+      </view>
+      <!-- <view class="p-2">
         <wd-grid :column="4">
           <view @click="changeTab(item)" v-for="item in category">
             <wd-grid-item use-slot>
@@ -51,7 +64,7 @@
             </wd-grid-item>
           </view>
         </wd-grid>
-      </view>
+      </view> -->
     </view>
 
     <scroll-view scroll-x="true" class="scroll-view-container">