feat(GridItem): add reverse prop (#8878)

src/grid-item/GridItem.tsx

@@ -113,14 +113,8 @@ export default defineComponent({
     };
 
     return () => {
-      const {
-        center,
-        border,
-        square,
-        gutter,
-        direction,
-        clickable,
-      } = parent.props;
+      const { center, border, square, gutter, reverse, direction, clickable } =
+        parent.props;
 
       const classes = [
         bem('content', [
@@ -128,6 +122,7 @@ export default defineComponent({
           {
             center,
             square,
+            reverse,
             clickable,
             surround: border && gutter,
           },

src/grid-item/index.less

@@ -62,9 +62,24 @@
     &--horizontal {
       flex-direction: row;
 
-      .van-grid-item__icon + .van-grid-item__text {
-        margin-top: 0;
-        margin-left: var(--van-padding-xs);
+      .van-grid-item__text {
+        margin: 0 0 0 var(--van-padding-xs);
+      }
+    }
+
+    &--reverse {
+      flex-direction: column-reverse;
+
+      .van-grid-item__text {
+        margin: 0 0 var(--van-padding-xs);
+      }
+    }
+
+    &--horizontal&--reverse {
+      flex-direction: row-reverse;
+
+      .van-grid-item__text {
+        margin: 0 var(--van-padding-xs) 0 0;
       }
     }