feat: 添加 view 页面

app.json

@@ -1,7 +1,7 @@
 {
   "pages": [
-    "pages/component/view/view",
     "pages/component/index/index",
+    "pages/component/view/view",
     "pages/API/index/index"
   ],
   "window": {

pages/component/index/index.js

@@ -2,7 +2,7 @@ Page({
   onShareAppMessage() {
     return {
       title: '小程序官方组件展示',
-      path: 'page/component/index'
+      path: 'pages/component/index'
     }
   },
 
@@ -12,8 +12,8 @@ Page({
         id: 'view',
         name: '视图容器',
         open: false,
-        pages: ['view', 'scroll-view', 'swiper']
-      }, {
+        pages: ['view', /*'scroll-view', 'swiper'*/]
+      }, /*{
         id: 'content',
         name: '基础内容',
         open: false,
@@ -43,8 +43,21 @@ Page({
         name: '开放能力',
         open: false,
         pages: ['web-view']
-      }
-    ]
+      }*/
+    ],
+    theme: 'light'
+  },
+
+  onLoad() {
+    this.setData({
+      theme: wx.getSystemInfoSync().theme || 'light'
+    })
+
+    if (wx.onThemeChange) {
+      wx.onThemeChange(({ theme }) => {
+        this.setData({ theme })
+      })
+    }
   },
 
   kindToggle(e) {

pages/component/index/index.wxml

@@ -13,8 +13,8 @@
           </view>
           <view class="kind-list-item-bd {{item.open ? 'kind-list-item-bd-show' : ''}}">
             <view class="navigator-box {{item.open ? 'navigator-box-show' : ''}}">
-              <block wx:for-items="{{item.pages}}" wx:for-item="page" wx:key="*item">
-                <navigator url="pages/component/{{page}}" class="navigator">
+              <block wx:for-items="{{item.pages}}" wx:for-item="page" wx:key="item">
+                <navigator url="/pages/component/{{page}}/{{page}}" class="navigator">
                   <view class="navigator-text">{{page}}</view>
                   <view class="navigator-arrow"></view>
                 </navigator>

pages/component/view/view.js

@@ -0,0 +1,8 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'view',
+      path: 'pages/component/view/view'
+    }
+  },
+})

pages/component/view/view.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/component/view/view.wxml

@@ -0,0 +1,31 @@
+<import src="../../common/head.wxml" />
+<import src="../../common/foot.wxml" />
+
+<view class="container">
+  <template is="head" data="{{title: 'view'}}"/>
+  <view class="page-body">
+    <view class="page-section">
+      <view class="page-section-title">
+        <text>flex-direction: row\n横向布局</text>
+      </view>
+      <view class="page-section-spacing">
+        <view class="flex-wrp" style="flex-direction:row;">
+          <view class="flex-item demo-text-1"></view>
+          <view class="flex-item demo-text-2"></view>
+          <view class="flex-item demo-text-3"></view>
+        </view>
+      </view>
+    </view>
+    <view class="page-section">
+      <view class="page-section-title">
+        <text>flex-direction: column\n纵向布局</text>
+      </view>
+      <view class="flex-wrp" style="flex-direction:column;">
+        <view class="flex-item flex-item-V demo-text-1"></view>
+        <view class="flex-item flex-item-V demo-text-2"></view>
+        <view class="flex-item flex-item-V demo-text-3"></view>
+      </view>
+    </view>
+  </view>
+  <template is="foot" />
+</view>

pages/component/view/view.wxss

@@ -0,0 +1,14 @@
+.flex-wrp{
+  margin-top: 30px;
+  display:flex;
+}
+.flex-item{
+  width: 100px;
+  height: 150px;
+  font-size: 13px;
+}
+.flex-item-V{
+  margin: 0 auto;
+  width: 150px;
+  height: 100px;
+}