Browse Source

完成发票详情页面设计

LinWuTai 2 months ago
parent
commit
38a622efbb

+ 34 - 1
pages.json

@@ -211,7 +211,7 @@
 		},
 		{
 			"path" : "pages/invoiceDetail/invoiceDetail",
-			"style" : 
+			"style" :
 			{
 				"navigationBarTitleText" : "发票详情",
 				"enablePullDownRefresh": false,
@@ -219,6 +219,39 @@
 					"titleNView": false
 				}
 			}
+		},
+		{
+			"path" : "pages/goOnEdu/index",
+			"style" : {
+				"navigationBarBackgroundColor": "#FFFFFF",
+				"navigationBarTitleText": "行业培训",
+				"enablePullDownRefresh": false,
+				"app-plus": {
+					"titleNView": false
+				}
+			}
+		},
+		{
+			"path" : "pages/researchReport/reportHome/reportHome",
+			"style" : {
+				"navigationBarBackgroundColor": "#FFFFFF",
+				"navigationBarTitleText": "研究报告",
+				"enablePullDownRefresh": false,
+				"app-plus": {
+					"titleNView": false
+				}
+			}
+		},
+		{
+			"path" : "pages/goOnEdu/courseHome/courseHome",
+			"style" : {
+				"navigationBarBackgroundColor": "#FFFFFF",
+				"navigationBarTitleText": "培训课程",
+				"enablePullDownRefresh": false,
+				"app-plus": {
+					"titleNView": false
+				}
+			}
 		}
 	],
 	"globalStyle": {

+ 19 - 0
pages/goOnEdu/courseHome/courseHome.vue

@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

+ 77 - 0
pages/goOnEdu/index.vue

@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<view class="main-btn" @click="toPage(courseUrl)">
+			<image src="/static/edu-icon/course.png"></image>
+			<text>培训课程</text>
+		</view>
+		<view class="main-btn" @click="toOtherApp">
+			<image src="/static/edu-icon/net.png"></image>
+			<text>网络教育</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				netAppid: "",
+				courseUrl: "/pages/goOnEdu/courseHome/courseHome"
+			};
+		},
+		methods: {
+			toOtherApp() {
+				if (this.netAppid === "") {
+					uni.showToast({
+						title: "跳转其他小程序",
+						icon: "none"
+					})
+					return;
+				}
+				uni.navigateToMiniProgram({
+					appId: this.netAppid, // 替换为你要跳转的小程序的AppID
+					path: '', // 目标小程序的页面路径,留空则默认为首页
+					extraData: {
+						foo: 'bar' // 传递给目标小程序的数据(可选)
+					},
+					envVersion: 'release', // 指定要打开的小程序版本: release 或 trial
+					success(res) {
+						console.log('成功跳转到小程序', res);
+					},
+					fail(err) {
+						console.error('跳转失败', err);
+					}
+				});
+			},
+			toPage(url){
+				uni.navigateTo({
+					url:url
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.main-btn {
+		width: 85%;
+		background-color: #006af4;
+		border-radius: 20rpx;
+		margin: 30rpx auto;
+		padding: 40rpx 30rpx;
+		display: flex;
+		align-items: center;
+
+		image {
+			width: 100rpx;
+			height: 100rpx;
+			flex: 0 0 auto;
+		}
+
+		text {
+			margin-left: 20rpx;
+			color: #fff;
+			font-size: 40rpx;
+		}
+	}
+</style>

+ 4 - 4
pages/index/index.vue

@@ -155,8 +155,8 @@
 			id: 'edu',
 			title: '继续教育',
 			image: 'edu',
-			url: '跳转页面的路径',
-			toOtherApp: true,
+			url: '/pages/goOnEdu/index',
+			toOtherApp: false,
 			otherAppId: '其他小程序的appid'
 		},
 		{
@@ -171,8 +171,8 @@
 			id: 'report',
 			title: '研究报告',
 			image: 'report',
-			url: '跳转页面的路径',
-			toOtherApp: true,
+			url: '/pages/researchReport/reportHome/reportHome',
+			toOtherApp: false,
 			otherAppId: '其他小程序的appid'
 		},
 		{

+ 19 - 0
pages/researchReport/reportHome/reportHome.vue

@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

BIN
static/edu-icon/course.png


BIN
static/edu-icon/net.png