H5/App.vue

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style scoped lang="scss">
	/*每个页面公共css */
	.ql-editor-box{
	text-align: justify;
	::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;
	}
	::v-deep .ql-syntax{
		background-color: #23241f;
		color: #f8f8f2;
		overflow: visible;
		padding: 5px 10px;
	}
}
</style>