修改下载页

pages/down - 副本.vue

@@ -0,0 +1,211 @@
+<template>
+	<view class="bg">
+		<!-- <navbar backColor="#fff" :config="config"></navbar> -->
+		<view class="view-alert" v-if="showHint">
+			<view class="alert-text">
+				点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开，即可下载安装
+			</view>
+			<image class="alert-arrow" src="../static/alert-arrow.png" mode="aspectFit"></image>
+		</view>
+
+		<view class="top-box">
+			<image src="/static/login/logo.png" mode="" class="logo"></image>
+		</view>
+		<view class="btn-row">
+			<button class="btn" @click="downLoad(0)">
+				<image src="/static/login/android.png" mode="aspectFit" class="logo"></image>
+				安卓下载
+			</button>
+			<button class="btn" @click="downLoad(1)">
+				<image src="/static/login/ios.png" mode="aspectFit" class="logo"></image>
+				IOS下载
+			</button>
+		</view>
+	</view>
+</template>
+
+
+
+<script>
+	export default {
+		data() {
+			return {
+				config: {
+					back: true, //false是tolbar页面 是则不写
+					title: '"宜格服务"懂宜昌，更懂你！',
+					color: "#1A1A1A",
+					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
+					backgroundColor: [1, "#fff"],
+					statusBarFontColor: "#1A1A1A",
+				},
+				appInfo: null,
+				showHint:false
+			};
+		},
+		onLoad(options) {
+			const ua = navigator.userAgent.toLowerCase()
+			const isWeixin = ua.indexOf('micromessenger') != -1;
+			this.showHint = isWeixin
+		},
+		methods: {
+			// hintModal() {
+			// 	const href = window.location.href
+			// 	uni.showModal({
+			// 		title: '提示',
+			// 		content: '请在浏览器打开下载',
+			// 		confirmText: "复制链接",
+			// 		success: function(res) {
+			// 			if (res.confirm) {
+			// 				console.log('用户点击确定');
+			// 				uni.setClipboardData({
+			// 					data: href,
+			// 					success: function() {
+			// 						uni.showToast({
+			// 							title: '复制成功'
+			// 						})
+			// 					}
+			// 				});
+			// 			} else if (res.cancel) {
+			// 				console.log('用户点击取消');
+			// 			}
+			// 		}
+			// 	});
+
+			// },
+			// getData(type) {
+			// 	// #ifdef H5
+			// 	// 需条件编译的代码
+			// 	const ua = navigator.userAgent.toLowerCase()
+			// 	const isWeixin = ua.indexOf('micromessenger') != -1;
+
+			// 	if (isWeixin) {
+			// 		this.hintModal()
+			// 	} else {
+			// 		this.$http.get("/app/version/newest", {
+			// 			type: type
+			// 		}).then((res) => {
+			// 			if (res && res.data && res.code == 200) {
+			// 				window.location.href = res.data.downloadLink
+			// 			} else {
+			// 				this.$mUtil.toast("暂无下载地址")
+			// 			}
+			// 		});
+			// 	}
+			// 	// #endif
+			// 	// #ifndef H5
+			// 	this.hintModal();
+			// 	// #endif
+
+			// },
+			
+			getData(type){
+				this.$http.get("/app/version/newest", {
+					type: type
+				}).then((res) => {
+					if (res && res.data && res.code == 200) {
+						window.location.href = res.data.downloadLink
+					} else {
+						this.$mUtil.toast("暂无下载地址")
+					}
+				});
+			},
+			downLoad(type) {
+				this.getData(type)
+				// window.location.href = type == 1 ? this.appInfo.android_link : this.appInfo.ios_link;
+			},
+		},
+	};
+</script>
+
+<style>
+	page {
+		width: 100%;
+		height: 100%;
+	}
+</style>
+<style lang='scss' scopd>
+	.view-alert {
+		position: absolute;
+		left: 0;
+		top: 0;
+		z-index: 9;
+		width: 750rpx;
+		background: rgb(52, 52, 52);
+		margin-left: 0px;
+		margin-right: 0px;
+		padding: 60rpx 30rpx 60rpx 60rpx;
+		box-shadow: rgba(22, 22, 23, 0.62) 0px -10px 16px inset;
+		display: flex;
+		justify-content: space-between;
+		align-items: stretch;
+		box-sizing: border-box;
+
+		.alert-text {
+			flex: 1;
+			/* width: calc(100% - 60rpx); */
+			color: #7f7e7e;
+			font-weight: 400 !important;
+			padding-right: 60rpx;
+			line-height: 1.5;
+		}
+
+		.alert-arrow {
+			flex-shrink: 0;
+			width: 60rpx;
+			height: 60rpx;
+			margin-top: -30rpx;
+		}
+	}
+
+	.bg {
+		width: 100%;
+		height: 100%;
+		background: url('../static/bg.png') no-repeat;
+		background-size: 100% 100%;
+	}
+
+	.top-box {
+		position: absolute;
+		display: flex;
+		width: 100%;
+		align-items: center;
+		justify-content: center;
+		top: 400rpx;
+		left: 50%;
+		transform: translateX(-50%);
+
+		.logo {
+			width: 186rpx;
+			height: 186rpx;
+		}
+	}
+
+	.btn-row {
+		position: fixed;
+		display: flex;
+		width: 100%;
+		justify-content: space-around;
+		flex-direction: column;
+		align-items: center;
+		bottom: 400rpx;
+		left: 50%;
+		transform: translateX(-50%);
+
+		.btn {
+			border-radius: 60rpx;
+			width: 80%;
+			background: #E6E6E6;
+			color: #30AFB5;
+			margin-top: 30rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 10rpx;
+			}
+		}
+	}
+</style>

pages/down.vue

@@ -1,115 +1,208 @@
 <template>
-  <view class="bg">
-    <!-- <navbar backColor="#fff" :config="config"></navbar> -->
-    <view class="top-box">
-      <image src="/static/login/logo.png" mode="" class="logo"></image>
-    </view>
-    <view class="btn-row">
-      <button class="btn" @click="downLoad(0)">
-        <image src="/static/login/android.png" mode="aspectFit" class="logo"></image>
-        安卓下载
-      </button>
-      <button class="btn" @click="downLoad(1)">
-        <image src="/static/login/ios.png" mode="aspectFit" class="logo"></image>
-        IOS下载
-      </button>
-    </view>
-  </view>
-</template>
+	<view class="bg">
+		<!-- <navbar backColor="#fff" :config="config"></navbar> -->
+		<!-- v-if="showHint" -->
+		<view class="view-alert" v-if="showHint">
+			<view class="alert-text">
+				点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开，即可下载安装
+			</view>
+			<image class="alert-arrow" src="../static/alert-arrow.png" mode="aspectFit"></image>
+		</view>
+
+		<view class="top-box">
+			<image src="/static/down/downApps.png" mode="aspectFit" class="logo"></image>
+		</view>
+		<view class="btn-row">
+			<button class="btn" @click="downLoad(0)">
+				<image src="/static/login/btn_01.png" mode="aspectFit" class="logo"></image>
+				<text>安卓下载</text>
+			</button>
+			<button class="btn" @click="downLoad(1)">
+				<image src="/static/login/btn_02.png" mode="aspectFit" class="logo"></image>
+				<text>IOS下载</text>
+			</button>
+			<view class="" style="width: 100%; height: 30rpx;">
 
+			</view>
+			<!-- <wx-open-launch-weapp username="gh_9b86ebba08b0" path="pages/homeQX/index" >宜格服务小程序</wx-open-launch-weapp> -->
+			<button class="btn" @click.stop="onWeChat()">
+				<image src="/static/login/btn_03.png" mode="aspectFit" class="logo"></image>
+				<text>宜格服务小程序</text>
+			</button>
 
 
+		</view>
+	</view>
+</template>
+<!-- <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> -->
+
 <script>
-  export default {
-    data() {
-      return {
-        config: {
-          back: true, //false是tolbar页面 是则不写
-          title: '"宜格服务"懂宜昌，更懂你！',
-          color: "#1A1A1A",
-          //背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
-          backgroundColor: [1, "#fff"],
-          statusBarFontColor: "#1A1A1A",
-        },
-        appInfo: null,
-      };
-    },
-    onLoad(options) {},
-    methods: {
-      getData(type) {
-        this.$http.get("/app/version/newest", {
-          type: type
-        }).then((res) => {
-          if (res && res.data && res.code == 200) {
-            window.location.href = res.data.downloadLink
-          } else {
-            this.$mUtil.toast("暂无下载地址")
-          }
-        });
-      },
-      downLoad(type) {
-        this.getData(type)
-        // window.location.href = type == 1 ? this.appInfo.android_link : this.appInfo.ios_link;
-      },
-    },
-  };
-</script>
+	export default {
+		data() {
+			return {
+				config: {
+					back: true, //false是tolbar页面 是则不写
+					title: '"宜格服务"懂宜昌，更懂你！',
+					color: "#1A1A1A",
+					//背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
+					backgroundColor: [1, "#fff"],
+					statusBarFontColor: "#1A1A1A",
+				},
+				appInfo: null,
+				showHint: false
+			};
+		},
+		onLoad(options) {
+			const ua = navigator.userAgent.toLowerCase()
+			const isWeixin = ua.indexOf('micromessenger') != -1;
+			this.showHint = isWeixin
 
+		},
+
+		methods: {
+			getData(type) {
+				this.$http.get("/app/version/newest", {
+					type: type
+				}).then((res) => {
+					if (res && res.data && res.code == 200) {
+						window.location.href = res.data.downloadLink
+					} else {
+						this.$mUtil.toast("暂无下载地址")
+					}
+				});
+			},
+			downLoad(type) {
+				this.getData(type)
+				// window.location.href = type == 1 ? this.appInfo.android_link : this.appInfo.ios_link;
+			},
+
+			onWeChat() {
+				console.log("wx  = " , wx)
+				// wx.config({
+				// 	// debug: true, // 调试时可开启
+				// 	appId: '小程序 AppID', // <!-- replace -->
+				// 	timestamp: 0, // 必填，填任意数字即可
+				// 	nonceStr: 'nonceStr', // 必填，填任意非空字符串即可
+				// 	signature: 'signature', // 必填，填任意非空字符串即可
+				// 	jsApiList: ['chooseImage'], // 必填，随意一个接口即可 
+				// 	openTagList: ['wx-open-launch-weapp'], // 填入打开小程序的开放标签名
+				// })
+			},
+
+		},
+	};
+</script>
 <style>
-  page {
-    width: 100%;
-    height: 100%;
-  }
+	page {
+		width: 750rpx;
+		min-height: 100vh;
+		overflow: hidden;
+	}
 </style>
 <style lang='scss' scopd>
-  .bg {
-    width: 100%;
-    height: 100%;
-    background: url('../static/bg.png') no-repeat;
-    background-size: 100% 100%;
-  }
-  .top-box {
-    position: absolute;
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: center;
-    top: 400rpx;
-    left: 50%;
-    transform: translateX(-50%);
-    
-    .logo {
-      width: 186rpx;
-      height: 186rpx;
-    }
-  }
-
-  .btn-row {
-    position: fixed;
-    display: flex;
-    width: 100%;
-    justify-content: space-around;
-    flex-direction: column;
-    align-items: center;
-    bottom: 400rpx;
-    left: 50%;
-    transform: translateX(-50%);
-
-    .btn {
-      border-radius: 60rpx;
-      width: 80%;
-      background: #E6E6E6;
-      color: #30AFB5;
-      margin-top: 30rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      image {
-        width: 40rpx;
-        height: 40rpx;
-        margin-right: 10rpx;
-      }
-    }
-  }
+	* {
+		padding: 0;
+		margin: 0;
+	}
+
+	.view-alert {
+		/* position: absolute;
+		left: 0;
+		top: 0;
+		z-index: 9; */
+		width: 750rpx;
+		background: rgb(52, 52, 52);
+		margin-left: 0px;
+		margin-right: 0px;
+		padding: 60rpx 30rpx 60rpx 60rpx;
+		box-shadow: rgba(22, 22, 23, 0.62) 0px -10px 16px inset;
+		display: flex;
+		justify-content: space-between;
+		align-items: stretch;
+		box-sizing: border-box;
+
+		.alert-text {
+			flex: 1;
+			color: #7f7e7e;
+			font-weight: 400 !important;
+			padding-right: 60rpx;
+			line-height: 1.5;
+		}
+
+		.alert-arrow {
+			flex-shrink: 0;
+			width: 60rpx;
+			height: 60rpx;
+			margin-top: -30rpx;
+		}
+	}
+
+	.bg {
+		width: 100%;
+		min-height: 100vh;
+
+		background: url('../static/down/downBG.png') no-repeat top center;
+		background-size: 100% 100%;
+		padding-bottom: 118rpx;
+	}
+
+	.top-box {
+		/* 	position: absolute;
+		display: flex;
+		width: 100%;
+		align-items: center;
+		justify-content: center;
+		top: 400rpx;
+		left: 50%;
+		transform: translateX(-50%); */
+		/* margin: 117rpx auto; */
+		padding: 117rpx 74px 0 44rpx;
+		width: 632rpx;
+
+		.logo {
+			width: 632rpx;
+			height: 993rpx;
+		}
+	}
+
+	.btn-row {
+		display: flex;
+		width: 100%;
+		justify-content: space-around;
+		flex-direction: column;
+		align-items: center;
+		/* position: fixed; */
+		/* 
+		bottom: 400rpx;
+		left: 50%;
+		transform: translateX(-50%); */
+
+		.btn {
+			border-radius: 60rpx;
+			width: 401rpx;
+			height: 97rpx;
+			background: linear-gradient(189deg, #a7f4ff 0%, #45e3ff 100%), #edf4fc;
+			border-radius: 20rpx;
+			margin-top: 49rpx;
+			display: flex;
+			align-items: center;
+			/* justify-content: center; */
+			font-family: AlimamaShuHeiTi, AlimamaShuHeiTi-Bold;
+			font-weight: 700;
+			color: #333333;
+			padding: 0 34rpx 0 54rpx;
+
+			image {
+				flex-shrink: 0;
+				width: 60rpx;
+				height: 60rpx;
+				/* margin-right: 10rpx; */
+			}
+
+			text {
+				flex: 1;
+				text-align: center;
+			}
+		}
+	}
 </style>

vue.config.js

@@ -0,0 +1,17 @@
+let filePath = ''; // 默认文件路径
+let TimeStamp = ''; // 时间戳
+// let Version = '-V2.0.0-'; // 版本号
+//编译环境判断，可以根据不同环境来做相应的配置
+if (process.env.UNI_PLATFORM === 'h5') {
+	filePath = 'static/js/'
+	TimeStamp = new Date().getTime();
+}
+
+module.exports = {
+	configureWebpack: {
+		output: { // filePath: 路径 name: 默认文件名 Version: 版本号 TimeStamp: 时间戳; 重构文件名
+			filename: `${filePath}[name]${TimeStamp}.js`, // static/js/index-V2.0.0-1623123456789.js
+			chunkFilename: `${filePath}[name]${TimeStamp}.js` // static/js/pages-home-index-V2.0.0-1623123456789.js
+		},
+	},
+}