feat(h5): add nvue flex-direction

src/core/service/plugins/app/router-guard.js

@@ -145,10 +145,13 @@ function beforeEach (to, from, next, routes) {
     if (__PLATFORM__ === 'h5') {
       if (to.meta && to.meta.name) {
         document.body.className = 'uni-body ' + to.meta.name
+        const nvueDirKey = 'nvue-dir-' + __uniConfig.nvue['flex-direction']
         if (to.meta.isNVue) {
           document.body.setAttribute('nvue', '')
+          document.body.setAttribute(nvueDirKey, '')
         } else {
           document.body.removeAttribute('nvue')
+          document.body.removeAttribute(nvueDirKey)
         }
       }
     }

src/core/service/plugins/index.js

@@ -108,7 +108,9 @@ export default {
       if (entryRoute.meta && entryRoute.meta.name) {
         document.body.className = 'uni-body ' + entryRoute.meta.name
         if (entryRoute.meta.isNVue) {
+          const nvueDirKey = 'nvue-dir-' + __uniConfig.nvue['flex-direction']
           document.body.setAttribute('nvue', '')
+          document.body.setAttribute(nvueDirKey, '')
         }
       }
     }

src/core/view/index.css

@@ -130,9 +130,28 @@ uni-page {
 [nvue] uni-view,
 [nvue] uni-swiper-item {
     display: flex;
+}
+
+[nvue-dir-row] uni-view,
+[nvue-dir-row] uni-swiper-item {
+    flex-direction: row;
+}
+
+[nvue-dir-column] uni-view,
+[nvue-dir-column] uni-swiper-item {
     flex-direction: column;
 }
 
+[nvue-dir-row-reverse] uni-view,
+[nvue-dir-row-reverse] uni-swiper-item {
+    flex-direction: row-reverse;
+}
+
+[nvue-dir-column-reverse] uni-view,
+[nvue-dir-column-reverse] uni-swiper-item {
+    flex-direction: column-reverse;
+}
+
 [nvue] uni-view,
 [nvue] uni-image,
 [nvue] uni-input,