专业术语1

src/pages.json

@@ -1,22 +1,34 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-			"path": "pages/index/index",
+			"path": "pages/home/index",
 			"style": {
 				"navigationBarTitleText": "首页"
 			}
 		},
 		{
-			"path":"pages/forecast/index",
+			"path": "pages/future/index",
+			"style": {
+				"navigationBarTitleText": "人生报告"
+			}
+		},
+		{
+			"path": "pages/forecast/index",
 			"style": {
 				"navigationBarTitleText": "预测结果"
 			}
 		},
 		{
-			"path":"pages/forecastHistory/index",
+			"path": "pages/forecastHistory/index",
 			"style": {
 				"navigationBarTitleText": "预测结果历史"
 			}
+		},
+		{
+			"path": "pages/terminology/index",
+			"style": {
+				"navigationBarTitleText": "专业术语"
+			}
 		}
 	],
 	"globalStyle": {
@@ -25,12 +37,13 @@
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
 	},
-	"condition":{
-		"current":0,
-		"list":[{
-			"name": "预测结果",
-			"path": "pages/forecast/index"
-		}]
+	"condition": {
+		"current": 0,
+		"list": [
+			{
+				"name": "预测结果",
+				"path": "pages/forecast/index"
+			}
+		]
 	}
-	
-}
+}

src/pages/forecast/index.vue

@@ -767,7 +767,7 @@ export default Vue.extend({
         this.form.sex = Number(query.sex) || this.form.sex
         this.form.birthDay = decodeURIComponent(query.birthDay || this.form.birthDay)
 
-        
+
         api.openApi.openApiGanZhiGet8ziByDate(this.form).then(res => {
             this.userData = responseDecorator.get8ziByDateDecorator(res.data.data)
             this.theme = this.userData.ganZhiProRowVoList[2][0].enColor
@@ -1235,4 +1235,5 @@ export default Vue.extend({
             width: 100%;
         }
     }
-}</style>
+}
+</style>

src/pages/home/index.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="page">
+        <div class="head">
+            <img mode="widthFix" class="w-full" src="https://ndata.zzxcx.net/xpgx-xcx/home/head1@2x.png">
+        </div>
+        <div class="content">
+            <div class="item">
+                <navigator url="/pages/terminology/index"> <img class="w-full" mode="widthFix" src="https://ndata.zzxcx.net/xpgx-xcx/home/item1@2x.png"></navigator> 
+            </div>
+        
+            <div class="item"><img mode="widthFix" class="w-full" src="https://ndata.zzxcx.net/xpgx-xcx/home/item2@2x.png"></div>
+            <div class="item"><img mode="widthFix" class="w-full" src="https://ndata.zzxcx.net/xpgx-xcx/home/item3@2x.png"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+
+        }
+    },
+
+}
+</script>
+
+<style lang="less" scoped>
+.w-full{
+    width: 100%;
+}
+.page {
+    width: 100vw;
+   
+    background-color: #F6ECDB;
+}
+
+.head {
+    width: 750rpx;
+    height: 336rpx;
+}
+
+.content {
+    padding: 20rpx 55rpx;
+
+
+    .item {
+        width: 100%;
+        height: 304rpx;
+        margin-bottom: 30rpx;
+    }
+}</style>

src/pages/terminology/index.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="">
+        <div class="">
+            <div class="" v-for="(item, index) in list">
+                <text>{{ item.text }}</text>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            list: [{
+                type:'text',
+                text:''
+            },{
+                type:'image',
+                src:""
+            }]
+        }
+    },
+
+}
+</script>
+
+<style lang="less" scoped>
+.content {
+    width: 640px;
+    height: auto;
+    background: #F9F4ED;
+    border-radius: 20px 20px 20px 20px;
+    opacity: 1;
+}
+</style>