hospital-accompaniment-wechat/App.vue

<script>
	export default {
		onLaunch: function(options) {
			// wx.hideHomeButton();
			// this.getFont()
			// uni.hideTabBar()
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods: {
			getFont() {
				uni.loadFontFace({
					family: "FZZhunYuan-M02S",
					global: true,
					source: 'url("https://guess-shop.oss-cn-beijing.aliyuncs.com/static/font/FZZhunYuan-M02S.woff2")',
					success: (msg) => {
						console.log(msg);
					},
					fail: (err) => {
						console.log(err);
					},
				});
				uni.loadFontFace({
					family: "FZCuYuan-M03",
					global: true,
					source: 'url("https://guess-shop.oss-cn-beijing.aliyuncs.com/static/font/yuanGBK.woff2")',
					success: (msg) => {
						console.log(msg);
					},
					fail: (err) => {
						console.log(err);
					},
				});
			},
		}
	}
</script>
<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";
	@import "@/static/iconfont/iconfont.css";
	body,html{
		background-color: #f6f6f6;
		height: 100%;
	}
	
	img,
	[alt],
	img[alt]{
	  max-width: 100%;
	}
	
	.ql-video>video {
		width: 100% !important;
		height: 200px !important;
	}
	
	.empty-box{
		position: relative;
		width: 582rpx;
		height: 582rpx;
		margin: 0 auto;
		margin-top: 100rpx;
		.empty-txt{
			position: absolute;
			top: 400rpx;
			left: 50%;
			transform: translateX(-50%);
			font-size: 28rpx;
			color: #999;
		}
	}
	
	// 隐藏滚动条
	::-webkit-scrollbar {
		display: none;
	}
	
	// 富文本展示
		.ql-editor-box {
			text-align: justify;
			font-family: auto !important;
	
			::v-deep .ql-indent-1 {
				margin-left: 96rpx;
			}
	
			::v-deep .ql-indent-2 {
				margin-left: 192rpx;
			}
	
			::v-deep .ql-indent-3 {
				margin-left: 288rpx;
			}
	
			::v-deep .ql-indent-4 {
				margin-left: 384rpx;
			}
	
			::v-deep .ql-indent-5 {
				margin-left: 480rpx;
			}
	
			::v-deep .ql-indent-6 {
				margin-left: 576rpx;
			}
	
			::v-deep .ql-indent-7 {
				margin-left: 672rpx;
			}
	
			::v-deep .ql-indent-8 {
				margin-left: 768rpx;
			}
	
			::v-deep img {
				max-width: 100%;
			}
	
			::v-deep .ql-align-center {
				text-align: center;
			}
	
			::v-deep .ql-align-right {
				text-align: right;
			}
	
			::v-deep blockquote {
				display: block;
				border-left: 8px solid #d0e5f2;
				padding: 5px 10px;
				margin: 10px 0;
				line-height: 1.4;
				font-size: 100%;
				background-color: #f1f1f1;
			}
	
			::v-deep .ql-indent-1 {
				margin-left: 60rpx;
			}
	
			::v-deep .ql-indent-2 {
				margin-left: 120rpx;
			}
	
			::v-deep .ql-indent-3 {
				margin-left: 180rpx;
			}
	
			::v-deep .ql-indent-4 {
				margin-left: 240rpx;
			}
	
			::v-deep .ql-indent-5 {
				margin-left: 300rpx;
			}
	
			::v-deep .ql-size-huge {
				font-size: 80rpx;
				display: inline-block;
				line-height: 90rpx;
			}
	
			::v-deep .ql-size-large {
				font-size: 48rpx;
				display: inline-block;
				line-height: 50rpx;
			}
	
			::v-deep .ql-size-small {
				font-size: 24rpx;
				display: inline-block;
				line-height: 30rpx;
			}
	
			::v-deep .ql-font-serif {
				font-family: Georgia, Times New Roman, serif;
			}
	
			::v-deep .ql-font-monospace {
				font-family: Monaco, Courier New, monospace;
			}
		}
	
	/*每个页面公共css */
	view,
	text {
		font-family: FZZhunYuan-M02S;
	}
	.flex-box-r{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.flex-box-cloum{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.flex-box-c-b{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.flex-box-s{
		display: flex;
		justify-content: space-between;
	}
	.flex-box-a{
		display: flex;
		justify-content: space-around;
	}
	.flex-box-f{
		display: flex;
		justify-content: flex-start;
	}
	.flex-box {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	::v-deep .u-navbar__content__title {
		font-family: FZCuYuan-M03;
		font-size: 38rpx !important;
	}

	// 富文本展示
	  .ql-indent-1 {
	    margin-left: 96rpx;
	  }
	  .ql-indent-2 {
	    margin-left: 192rpx;
	  }
	  .ql-indent-3 {
	    margin-left: 288rpx;
	  }
	  .ql-indent-4 {
	    margin-left: 384rpx;
	  }
	  .ql-indent-5 {
	    margin-left: 480rpx;
	  }
	  .ql-indent-6 {
	    margin-left: 576rpx;
	  }
	  .ql-indent-7 {
	    margin-left: 672rpx;
	  }
	  .ql-indent-8 {
	    margin-left: 768rpx;
	  }
	
	  // img {
	  //   max-width: 100%;
	  // }
	
	  .ql-align-center {
	    text-align: center;
	  }
	
	  .ql-align-right {
	    text-align: right;
	  }
	
	   blockquote {
	    display: block;
	    border-left: 8px solid #d0e5f2;
	    padding: 5px 10px;
	    margin: 10px 0;
	    line-height: 1.4;
	    font-size: 100%;
	    background-color: #f1f1f1;
	  }
	
	  .ql-indent-1 {
	    margin-left: 60rpx;
	  }
	
	  .ql-indent-2 {
	    margin-left: 120rpx;
	  }
	
	  .ql-indent-3 {
	    margin-left: 180rpx;
	  }
	
	 .ql-indent-4 {
	    margin-left: 240rpx;
	  }
	
	  .ql-indent-5 {
	    margin-left: 300rpx;
	  }
	  .ql-size-huge {
	    font-size: 80rpx !important;
	    display: inline-block !important;
	    line-height: 90rpx !important;
	  }
	  .ql-size-large {
	    font-size: 48rpx;
	    display: inline-block;
	    line-height: 50rpx;
	  }
	  .ql-size-small {
	    font-size: 24rpx;
	    display: inline-block;
	    line-height: 30rpx;
	  }
	
	  .ql-font-serif {
	    font-family: Georgia, Times New Roman, serif;
	  }
	  .ql-font-monospace {
	    font-family: Monaco, Courier New, monospace;
	  }
	
</style>