调整页面优化邀请海报

README.md

@@ -0,0 +1 @@
+## 区块链电商

package.json

@@ -1,22 +1,21 @@
-{
+{
-	"name": "blockchainh5",
+	"name": "blockchainh5",
-	"version": "1.0.0",
+	"version": "1.0.0",
-	"description": "区块链电商h5版本",
+	"description": "区块链电商h5版本",
-	"main": "main.js",
+	"main": "main.js",
-	"scripts": {
+	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1"
+		"test": "echo \"Error: no test specified\" && exit 1"
-	},
+	},
-	"repository": {
+	"repository": {
-		"type": "git",
+		"type": "git",
-		"url": "https://git.yuzhankeji.cn/TmOct5/BlockChainH5.git"
+		"url": "https://git.yuzhankeji.cn/TmOct5/BlockChainH5.git"
-	},
+	},
-	"author": "web唐明明",
+	"author": "web唐明明",
-	"license": "ISC",
+	"license": "ISC",
-	"dependencies": {
+	"dependencies": {
-		"jweixin-module": "^1.6.0",
+		"uni-read-pages": "^1.0.5",
-		"uni-read-pages": "^1.0.5",
+		"uni-simple-router": "^2.0.7",
-		"uni-simple-router": "^2.0.7",
+		"uview-ui": "^1.8.4",
-		"uview-ui": "^1.8.4",
+		"vuex": "^3.6.2"
-		"vuex": "^3.6.2"
+	}
-	}
+}
-}

pages/404/404.vue

@@ -1,6 +1,9 @@
 <template>
-	<view>
+	<view class="content vertical">
-		404
+		<image src="@/static/404/404.png" mode="widthFix"></image>
+		<view class="text">出错了</view>
+		<view class="text">你访问的页面以离开了星球~！</view>
+		<button type="default" size="mini" @click="$Router.replaceAll({name: 'Index'})">返回星球</button>
 	</view>
 </template>
 
@@ -14,6 +17,30 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
-
+	.content{
+		height: 100vh;
+		width: 100vw;
+		text-align: center;
+		padding-bottom: 20vh;
+		background: #2e065f;
+		.text{
+			color: #dbb6ec;
+			line-height: 60rpx;
+			font-size: $title-size-m;
+		}
+		button{
+			height: 80rpx;
+			line-height: 80rpx;
+			width: 60vw;
+			font-size: $title-size-lg;
+			border-radius: 0;
+			margin-top: $margin*2;
+			background: white;
+			color: #2e065f;
+			&::after{
+				border: none;
+			}
+		}
+	}
 </style>

pages/user/code.vue

@@ -89,6 +89,7 @@
         top: 0;
         left: 0;
         position: relative;
+		vertical-align: top;
     }
     // 内容
     .codeCont {