App.vue

<script>
	export default {
		onLaunch: function() {
			// #ifdef H5  
			console.log("screen", screen.width);
			console.log('document.body.clientWidth', document.body.clientWidth)
			//如果屏幕分辨率的宽度小1024 和网页可见区域宽 则是pc
			/* if (screen.width > 1024 && document.body.clientWidth > 1024) {  
			   uni.navigateTo({
			   	url: '/pages/index/index'
			   })
			}else if(screen.width <= 1024 || document.body.clientWidth <= 1024){
				uni.navigateTo({
					url: '/pages/index/mindex'
				})
			} */
			// #endif
		},
		onShow: function() {
			console.log('App Show');
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import './css/index.css';
	.mobilebg .content_1_bg uni-image>img{
		height: 380px;
	}
	uni-page-wrapper {
		background-color: #ffffff;
	}
	uni-button:after{
		border: none;
	}
	uni-modal .uni-modal__hd {
		padding: 0.15rem 0 0 0;
		line-height: .25rem;
		font-size: 16px;
		font-family: Alibaba PuHuiTi;
		font-weight: 800;
		color: #000000;
		margin-bottom: 0.3rem;
	}

	uni-modal .uni-modal__bd {
		padding: 0;
		margin: 10px 10px;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 16px;
		color: #000000;
		font-weight: 400;
		line-height: 22px;
		margin-bottom: 0.3rem;
	}
	uni-modal .uni-modal__ft{
		width: 90%;
		margin: 0 auto;
	}
	uni-modal .uni-modal__btn_primary {
		color: #fff !important;
		border: 1px solid #7D5321;
		background: #7D5321;
		border-radius: 0.1rem;
		margin-bottom: 0.15rem;
	}
	
	._info {
		display: flex;
		justify-content: space-around;
		width: 100%;
		margin: .5rem auto;

		._center {
			.book {
				width: 3rem;
				height: 3.2rem;
			}
		}

		._left,
		._right {
			flex: 1;
			display: flex;
			justify-content: space-around;
			flex-direction: column;
			align-items: flex-end;

			._item {
				display: flex;
				justify-content: flex-end;
				align-items: center;

				._font {
					font-size: 15px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #000000;
					padding-right: .2rem;
				}

				._dot {
					width: 7px;
					height: 7px;
					border-radius: 50%;
					background: #282828;
				}

				._line {
					background: #282828;
					height: 2px;
					width: 1rem;
				}
			}
		}

		._right {
			align-items: flex-start;

			._item {
				display: flex;
				justify-content: space-around;
				align-items: center;
			}

			._font {
				padding-left: .2rem;
			}
		}
	}
</style>