modify

pages/category/category.vue

@@ -1,14 +1,22 @@
 <template>
-  <!-- <smart-tabs
-        :tabs="tabs" 
-        :initial-index="current"
-        :scrollEnable="true"
-        :activeColor="'#19c324'"
-        @change="handleTabChange"
-      >
-    </smart-tabs> -->
-    <uni-data-select v-model="categoryParam.id" :localdata="categoryList" @change="categoryChanged"></uni-data-select>
-    <uni-data-select v-model="subCategoryParam.id" :localdata="subCategoryList" @change="subCategoryChanged"></uni-data-select>
+  <uni-row>
+    <uni-col :span="4">
+      <view>
+        一级分类：
+      </view>
+    </uni-col>
+    <uni-col :span="8">
+      <uni-data-select v-model="categoryParam.id" :localdata="categoryList" @change="categoryChanged"></uni-data-select>
+    </uni-col>
+    <uni-col :span="4">
+      <view>
+        二级分类：
+      </view>
+    </uni-col>
+    <uni-col :span="8">
+      <uni-data-select v-model="subCategoryParam.id" :localdata="subCategoryList" @change="subCategoryChanged"></uni-data-select>
+    </uni-col>
+  </uni-row>
   <!-- 视频列表 -->
   <view class="video-container">
       <image-grid-simple
@@ -183,6 +191,7 @@
   }
 </script>
 
-<style>
+<style lang="scss">
+
 
 </style>

unpackage/dist/dev/mp-weixin/pages/category/category.js

@@ -147,32 +147,48 @@ const _sfc_main = {
   }
 };
 if (!Array) {
+  const _easycom_uni_col2 = common_vendor.resolveComponent("uni-col");
   const _easycom_uni_data_select2 = common_vendor.resolveComponent("uni-data-select");
+  const _easycom_uni_row2 = common_vendor.resolveComponent("uni-row");
   const _easycom_image_grid_simple2 = common_vendor.resolveComponent("image-grid-simple");
-  (_easycom_uni_data_select2 + _easycom_image_grid_simple2)();
+  (_easycom_uni_col2 + _easycom_uni_data_select2 + _easycom_uni_row2 + _easycom_image_grid_simple2)();
 }
+const _easycom_uni_col = () => "../../uni_modules/uni-row/components/uni-col/uni-col.js";
 const _easycom_uni_data_select = () => "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.js";
+const _easycom_uni_row = () => "../../uni_modules/uni-row/components/uni-row/uni-row.js";
 const _easycom_image_grid_simple = () => "../../components/image-grid-simple/image-grid-simple.js";
 if (!Math) {
-  (_easycom_uni_data_select + _easycom_image_grid_simple)();
+  (_easycom_uni_col + _easycom_uni_data_select + _easycom_uni_row + _easycom_image_grid_simple)();
 }
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return {
-    a: common_vendor.o($options.categoryChanged),
-    b: common_vendor.o(($event) => $data.categoryParam.id = $event),
-    c: common_vendor.p({
+    a: common_vendor.p({
+      span: 4
+    }),
+    b: common_vendor.o($options.categoryChanged),
+    c: common_vendor.o(($event) => $data.categoryParam.id = $event),
+    d: common_vendor.p({
       localdata: $data.categoryList,
       modelValue: $data.categoryParam.id
     }),
-    d: common_vendor.o($options.subCategoryChanged),
-    e: common_vendor.o(($event) => $data.subCategoryParam.id = $event),
+    e: common_vendor.p({
+      span: 8
+    }),
     f: common_vendor.p({
+      span: 4
+    }),
+    g: common_vendor.o($options.subCategoryChanged),
+    h: common_vendor.o(($event) => $data.subCategoryParam.id = $event),
+    i: common_vendor.p({
       localdata: $data.subCategoryList,
       modelValue: $data.subCategoryParam.id
     }),
-    g: common_vendor.o(_ctx.handlerClick),
-    h: common_vendor.o($options.queryList),
-    i: common_vendor.p({
+    j: common_vendor.p({
+      span: 8
+    }),
+    k: common_vendor.o(_ctx.handlerClick),
+    l: common_vendor.o($options.queryList),
+    m: common_vendor.p({
       imageList: $data.list,
       columns: 2,
       height: "80vh"

unpackage/dist/dev/mp-weixin/pages/category/category.json

@@ -1,7 +1,9 @@
 {
   "navigationBarTitleText": "分类",
   "usingComponents": {
+    "uni-col": "../../uni_modules/uni-row/components/uni-col/uni-col",
     "uni-data-select": "../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select",
+    "uni-row": "../../uni_modules/uni-row/components/uni-row/uni-row",
     "image-grid-simple": "../../components/image-grid-simple/image-grid-simple"
   }
 }

unpackage/dist/dev/mp-weixin/pages/category/category.wxml

@@ -1 +1 @@
-<uni-data-select wx:if="{{c}}" bindchange="{{a}}" u-i="684df9a6-0" bind:__l="__l" bindupdateModelValue="{{b}}" u-p="{{c}}"></uni-data-select><uni-data-select wx:if="{{f}}" bindchange="{{d}}" u-i="684df9a6-1" bind:__l="__l" bindupdateModelValue="{{e}}" u-p="{{f}}"></uni-data-select><view class="video-container"><image-grid-simple wx:if="{{i}}" bindimageClick="{{g}}" bindloadMoreAction="{{h}}" u-i="684df9a6-2" bind:__l="__l" u-p="{{i}}"></image-grid-simple></view>
+<uni-row u-s="{{['d']}}" u-i="684df9a6-0" bind:__l="__l"><uni-col wx:if="{{a}}" u-s="{{['d']}}" u-i="684df9a6-1,684df9a6-0" bind:__l="__l" u-p="{{a}}"><view> 一级分类： </view></uni-col><uni-col wx:if="{{e}}" u-s="{{['d']}}" u-i="684df9a6-2,684df9a6-0" bind:__l="__l" u-p="{{e}}"><uni-data-select wx:if="{{d}}" bindchange="{{b}}" u-i="684df9a6-3,684df9a6-2" bind:__l="__l" bindupdateModelValue="{{c}}" u-p="{{d}}"></uni-data-select></uni-col><uni-col wx:if="{{f}}" u-s="{{['d']}}" u-i="684df9a6-4,684df9a6-0" bind:__l="__l" u-p="{{f}}"><view> 二级分类： </view></uni-col><uni-col wx:if="{{j}}" u-s="{{['d']}}" u-i="684df9a6-5,684df9a6-0" bind:__l="__l" u-p="{{j}}"><uni-data-select wx:if="{{i}}" bindchange="{{g}}" u-i="684df9a6-6,684df9a6-5" bind:__l="__l" bindupdateModelValue="{{h}}" u-p="{{i}}"></uni-data-select></uni-col></uni-row><view class="video-container"><image-grid-simple wx:if="{{m}}" bindimageClick="{{k}}" bindloadMoreAction="{{l}}" u-i="684df9a6-7" bind:__l="__l" u-p="{{m}}"></image-grid-simple></view>