更新

src/components/Download.vue

@@ -14,6 +14,9 @@
 							<h1>{{ mod.mainText }}</h1>
 						</div>
 						<h2 class="subText">{{ mod.subText }}</h2>
+            <div class="mod-cnt">
+              {{mod.content}}
+            </div>
 						<div class="download-code">
 							<div class="downloadImg">
 								<div class="downloadImg-box" :style="getHoversColor"
@@ -46,21 +49,21 @@
 					</div>
 				</div>
 			</div>
-		</div>
+		</div>
 		<DefaultBowser ref="bowser"/>
 	</div>
 </template>
 
 
 <script>
-	import QrcodeVue from 'qrcode.vue'
-	import DefaultBowser from './default-browser.vue'
-	
-	import {isWxBrowser} from '../utlis/browser.js'
-	
+	import QrcodeVue from 'qrcode.vue'
+	import DefaultBowser from './default-browser.vue'
+
+	import {isWxBrowser} from '../utlis/browser.js'
+
 	export default {
 		components: {
-			QrcodeVue,
+			QrcodeVue,
 			DefaultBowser,
 		},
 		computed: {
@@ -104,12 +107,12 @@
 		},
 		methods: {
 			downloadLink: function(link) {
-				// window.open(link);
-				if (isWxBrowser() && link.endsWith('.apk')) {
-					console.log('请使用默认浏览器打开')
-					this.$refs.bowser.show()
-				} else {
-					window.open(link);
+				// window.open(link);
+				if (isWxBrowser() && link.endsWith('.apk')) {
+					console.log('请使用默认浏览器打开')
+					this.$refs.bowser.show()
+				} else {
+					window.open(link);
 				}
 			},
 			handleScrollx() {
@@ -186,7 +189,7 @@
 		/* transform: translateY(600px); */
 	}
 
-	/* 
+	/*
 	@keyframes aniamtionMainImg {
 		100% {
 			transform: translateX(0);
@@ -208,6 +211,7 @@
 	.mainRight-box {
 		display: flex;
 		flex-direction: column;
+    max-width: 600px;
 	}
 
 	.center {
@@ -242,6 +246,7 @@
 	.download-code {
 		display: flex;
 		margin-top: 26px;
+    justify-content: center;
 	}
 
 	.downloadImg {
@@ -283,9 +288,9 @@
 		background: var(--background-color);
 		box-shadow: 0px;
 		transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
-		cursor: pointer;
-		padding-right: 12px;
-		
+		cursor: pointer;
+		padding-right: 12px;
+
 	}
 
 	.downloadImg-box:hover {
@@ -300,4 +305,8 @@
 			width: 300px;
 		}
 	} */
-</style>
+
+  .mod-cnt {
+    color: #333;
+  }
+</style>