From 419206f8fb30b824fb3dc941e23075539739d22b Mon Sep 17 00:00:00 2001
From: XuPeng <elrichxu@gmail.com>
Date: Mon, 7 Dec 2020 11:14:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20view=20=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.json                         |  2 +-
 pages/component/index/index.js   | 23 ++++++++++++++++++-----
 pages/component/index/index.wxml |  4 ++--
 pages/component/view/view.js     |  8 ++++++++
 pages/component/view/view.json   |  3 +++
 pages/component/view/view.wxml   | 31 +++++++++++++++++++++++++++++++
 pages/component/view/view.wxss   | 14 ++++++++++++++
 7 files changed, 77 insertions(+), 8 deletions(-)
 create mode 100644 pages/component/view/view.js
 create mode 100644 pages/component/view/view.json
 create mode 100644 pages/component/view/view.wxml
 create mode 100644 pages/component/view/view.wxss

diff --git a/app.json b/app.json
index 37cad50..30a03c1 100644
--- a/app.json
+++ b/app.json
@@ -1,7 +1,7 @@
 {
   "pages": [
-    "pages/component/view/view",
     "pages/component/index/index",
+    "pages/component/view/view",
     "pages/API/index/index"
   ],
   "window": {
diff --git a/pages/component/index/index.js b/pages/component/index/index.js
index 9940416..e21b831 100644
--- a/pages/component/index/index.js
+++ b/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) {
diff --git a/pages/component/index/index.wxml b/pages/component/index/index.wxml
index 3567dbf..b51a07d 100644
--- a/pages/component/index/index.wxml
+++ b/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>
diff --git a/pages/component/view/view.js b/pages/component/view/view.js
new file mode 100644
index 0000000..12d82fc
--- /dev/null
+++ b/pages/component/view/view.js
@@ -0,0 +1,8 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'view',
+      path: 'pages/component/view/view'
+    }
+  },
+})
diff --git a/pages/component/view/view.json b/pages/component/view/view.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/pages/component/view/view.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/component/view/view.wxml b/pages/component/view/view.wxml
new file mode 100644
index 0000000..db9e806
--- /dev/null
+++ b/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>
diff --git a/pages/component/view/view.wxss b/pages/component/view/view.wxss
new file mode 100644
index 0000000..5735445
--- /dev/null
+++ b/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;
+}