init

xhs-mini-demos/component-case/navigator/navigate.js

@@ -0,0 +1,118 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'navigatePage',
+      path: 'page/component/pages/navigator/navigate',
+    };
+  },
+
+  data: {
+    apiData: {
+      content: '',
+      success: false,
+      fail: false,
+      complete: false,
+    },
+  },
+
+  resetApiData() {
+    this.setData({
+      apiData: {
+        success: false,
+        fail: false,
+        complete: false,
+        content: '',
+      },
+    });
+  },
+
+  updateApiData(type, content) {
+    const apiData = { ...this.data.apiData };
+    apiData[type] = true;
+    apiData.content = `${content}`;
+    this.setData({ apiData });
+  },
+
+  onLoad(options) {
+    console.log('onLoad:=====query:', options);
+    this.setData({
+      title: options.title,
+    });
+  },
+
+  switchTab() {
+    this.resetApiData();
+    xhs.switchTab({
+      url: '/page/API/index?sdsdsd=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  reLaunch() {
+    xhs.reLaunch({
+      url: '/page/component/index?fdgsd=12323',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateBack() {
+    xhs.navigateBack({
+      delta: 2,
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateTo() {
+    xhs.navigateTo({
+      url: 'page/component/pages/navigator/navigate?navi=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  redirectTo() {
+    xhs.redirectTo({
+      url: 'page/component/pages/navigator/navigate?navi=123',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+});

xhs-mini-demos/component-case/navigator/navigate.json

@@ -0,0 +1,7 @@
+{
+    "navigationBarTitleText": "跳转页",
+    "usingComponents": {
+        "showbox": "../../common/component/showbox/index",
+        "box": "../../common/component/container/index"
+    }
+}

xhs-mini-demos/component-case/navigator/navigate.xhsml

@@ -0,0 +1,9 @@
+<view class="container">
+  <showbox title="返回">
+    <box>
+      <navigator open-type="navigateBack">
+        <button class="_ui-button" hover-class="_ui-button-hover">navigateBack</button>
+      </navigator>
+    </box>
+  </showbox>
+</view>

xhs-mini-demos/component-case/navigator/navigator.css

@@ -0,0 +1,5 @@
+
+
+._dflex navigator button {
+  margin: 10px 0;
+}

xhs-mini-demos/component-case/navigator/navigator.js

@@ -0,0 +1,178 @@
+Page({
+  data: {
+    apiData: {
+      content: '',
+      success: false,
+      fail: false,
+      complete: false,
+    },
+  },
+
+  resetApiData() {
+    this.setData({
+      apiData: {
+        success: false,
+        fail: false,
+        complete: false,
+        content: '',
+      },
+    });
+  },
+
+  updateApiData(type, content) {
+    console.log('------', content);
+    const apiData = { ...this.data.apiData };
+    apiData[type] = true;
+    apiData.content = content;
+    this.setData({ apiData });
+  },
+
+  navigateTo() {
+    xhs.navigateTo({
+      url: './navigator',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateToError() {
+    xhs.navigateTo({
+      url: './navigatorerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateBack() {
+    xhs.navigateBack({
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  navigateBack1() {
+    xhs.navigateBack({
+      delta: -1,
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  redirectTo() {
+    xhs.redirectTo({
+      url: './navigator',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  redirectToError() {
+    xhs.redirectTo({
+      url: './navigatorxxxx',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  switchTab() {
+    xhs.switchTab({
+      url: '/page/component/index',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  switchTabError() {
+    xhs.switchTab({
+      url: '/page/component/indexerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  reLaunch() {
+    xhs.reLaunch({
+      url: '/page/component/index',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+
+  reLaunchError() {
+    xhs.reLaunch({
+      url: '/page/component/indexerror',
+      success: res => {
+        this.updateApiData('success', res);
+      },
+      fail: res => {
+        this.updateApiData('fail', res);
+      },
+      complete: res => {
+        this.updateApiData('complete', res);
+      },
+    });
+  },
+});

xhs-mini-demos/component-case/navigator/navigator.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "页面导航组件",
+  "usingComponents": {
+    "showbox": "../../common/component/showbox/index",
+    "box": "../../common/component/container/index"
+  }
+}

xhs-mini-demos/component-case/navigator/navigator.xhsml

@@ -0,0 +1,26 @@
+<view class="container">
+    <showbox title="通过navigator组件跳转(open-type不同)">
+      <box>
+        <view class="_ui-space">
+          <navigator url="./navigate" open-type="navigate">
+            <button class="_ui-button" hover-class="_ui-button-hover">navigate</button>
+          </navigator>
+          <navigator url="./navigate" open-type="redirect">
+            <button class="_ui-button" hover-class="_ui-button-hover">redirect</button>
+          </navigator>
+          <navigator url="/entry/component/component" open-type="switchTab">
+            <button class="_ui-button" hover-class="_ui-button-hover">switchTab</button>
+          </navigator>
+          <navigator url="/entry/component/component" open-type="reLaunch">
+            <button class="_ui-button" hover-class="_ui-button-hover">reLaunch</button>
+          </navigator>
+          <navigator open-type="navigateBack">
+            <button class="_ui-button" hover-class="_ui-button-hover">navigateBack</button>
+          </navigator>
+          <navigator open-type="exit">
+            <button class="_ui-button" hover-class="_ui-button-hover">exit</button>
+          </navigator>
+        </view>
+      </box>
+    </showbox>
+</view>

xhs-mini-demos/component-case/navigator/redirect.js

@@ -0,0 +1,15 @@
+Page({
+  onShareAppMessage() {
+    return {
+      title: 'redirectPage',
+      path: 'page/component/pages/navigator/redirect',
+    };
+  },
+
+  onLoad(options) {
+    console.log('onLoad:=====query:', options);
+    this.setData({
+      title: options.title,
+    });
+  },
+});

xhs-mini-demos/component-case/navigator/redirect.json

@@ -0,0 +1,3 @@
+{
+    "navigationBarTitleText": "redirectPage"
+}

xhs-mini-demos/component-case/navigator/redirect.xhsml

@@ -0,0 +1,2 @@
+<view class="container">
+</view>