新增预测页

package-lock.json

@@ -4180,6 +4180,27 @@
         "whatwg-fetch": "^3.6.2"
       },
       "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.11.1",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
+          "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
         "acorn": {
           "version": "8.11.2",
           "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
@@ -4422,19 +4443,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.8.tgz",
       "integrity": "sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw=="
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.11.1",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.11.1.tgz",
-      "integrity": "sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      }
-    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",

src/pages.json

@@ -18,5 +18,13 @@
 		"navigationBarTitleText": "uni-app",
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
+	},
+	"condition":{
+		"current":0,
+		"list":[{
+			"name": "预测结果",
+			"path": "pages/forecast/index"
+		}]
 	}
+	
 }

src/pages/forecast/index.vue

@@ -1,12 +1,34 @@
 <template>
-    <view>
+    <view class="bg">
 
+        <view class="content">
+            <view class="user">
+                <view style="width:50%">
+                    <text>【姓  名】</text>
+                    <text>张三</text>
+                </view>
+                <view style="width:50%">
+                    <text>【性  别】</text>
+                    <text>男</text>
+                </view>
+                <view style="width:100%">
+                    <text>【公  历】</text>
+                    <text>1988年11月22日17时25分</text>
+                </view>
+                <view style="width:100%">
+                    <text>【农  历】</text>
+                    <text>1988年(生肖龙)十月十四酉时</text>
+                </view>
+            </view>
+
+
+
+        </view>
     </view>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
-import request from '@/api/request';
 export default Vue.extend({
     data() {
         return {
@@ -14,21 +36,8 @@ export default Vue.extend({
         }
     },
     onLoad() {
-        uni.login({
-            success: res => {
-                request({
-                    url: 'login/jscode',
-                    method: 'post',
-                    params: {
-                        jscode: res.code
-                    }
-                })
-
-            }
 
 
-        })
-
     },
     methods: {
 
@@ -36,4 +45,23 @@ export default Vue.extend({
 });
 </script>
 
-<style scoped></style>
+<style  scoped>
+.bg {
+    background-color: #BFE2F4;
+    width: 100vw;
+    min-height: 100vh;
+}
+
+.content {
+    padding: 50rpx 50rpx;
+    font-weight: 600;
+
+}
+
+.user {
+    padding: 0 40rpx;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+</style>