From c1499959b715e3a3eca4b481fa9e2abfbc7d4b2e Mon Sep 17 00:00:00 2001
From: douzhuo <17611323298@163.com>
Date: Wed, 13 Jul 2022 15:15:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=97=A5=E6=8A=A5=E5=91=A8?=
 =?UTF-8?q?=E6=8A=A5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../gaoyia-parse/components/wxParseImg.vue    |    2 +-
 components/gaoyia-parse/parse.css             |  416 +++----
 components/gaoyia-parse/parse.vue             |  312 ++---
 pages/mine/messageDetail.vue                  | 1022 ++++++++++-------
 store/index.js                                |    8 +
 5 files changed, 949 insertions(+), 811 deletions(-)

diff --git a/components/gaoyia-parse/components/wxParseImg.vue b/components/gaoyia-parse/components/wxParseImg.vue
index aec9d67..e6bd4eb 100644
--- a/components/gaoyia-parse/components/wxParseImg.vue
+++ b/components/gaoyia-parse/components/wxParseImg.vue
@@ -91,4 +91,4 @@ export default {
 		}
 	}
 };
-</script>
+</script>
diff --git a/components/gaoyia-parse/parse.css b/components/gaoyia-parse/parse.css
index c17307f..769c542 100644
--- a/components/gaoyia-parse/parse.css
+++ b/components/gaoyia-parse/parse.css
@@ -1,232 +1,232 @@
-/**
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *         垂直微信小程序开发交流社区
- *
- * github地址: https://github.com/icindy/wxParse
- *
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
+/**
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *         垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
 /**
  * 请在全局下引入该文件，@import '/static/wxParse.css';
- */
+ */
 .wxParse {
-	user-select:none;
+	user-select:none;
 	width: 100%;
 	font-family: Helvetica, "PingFangSC", 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
-	color: #333;
+	color: #333;
 	line-height: 1.5;
 	font-size: 1em;
 	text-align:justify;/* //左右两端对齐 */
-}
-.wxParse view ,.wxParse uni-view{
+}
+.wxParse view ,.wxParse uni-view{
 	word-break: break-word;
-}
+}
 .wxParse .p {
 	padding-bottom: 0.5em;
 	clear: both;
 	/* letter-spacing: 0;//字间距 */
-}
-.wxParse .inline {
-  display: inline;
-  margin: 0;
-  padding: 0;
-}
-
-.wxParse .div {
-  margin: 0;
+}
+.wxParse .inline {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+.wxParse .div {
+  margin: 0;
   padding: 0;
-  display: block;
-}
-
-.wxParse .h1{
+  display: block;
+}
+
+.wxParse .h1{
   font-size: 2em;
-  line-height: 1.2em;
-  margin: 0.67em 0;
-}
-.wxParse .h2{
-  font-size: 1.5em;
-  margin: 0.83em 0;
-}
-.wxParse .h3{
-  font-size: 1.17em;
-  margin: 1em 0;
-}
-.wxParse .h4{
-  margin: 1.33em 0;
-}
-.wxParse .h5{
-  font-size: 0.83em;
-  margin: 1.67em 0;
-}
-.wxParse .h6{
+  line-height: 1.2em;
+  margin: 0.67em 0;
+}
+.wxParse .h2{
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.wxParse .h3{
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.wxParse .h4{
+  margin: 1.33em 0;
+}
+.wxParse .h5{
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+.wxParse .h6{
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+
+.wxParse .h1,
+.wxParse .h2,
+.wxParse .h3,
+.wxParse .h4,
+.wxParse .h5,
+.wxParse .h6,
+.wxParse .b,
+.wxParse .strong{
+  font-weight: bolder;
+}
+
+.wxParse .i,
+.wxParse .cite,
+.wxParse .em,
+.wxParse .var,
+.wxParse .address {
+  font-style: italic;
+}
+.wxParse .spaceshow{
+	  white-space: pre;
+}
+.wxParse .pre,
+.wxParse .tt,
+.wxParse .code,
+.wxParse .kbd,
+.wxParse .samp {
+  font-family: monospace;
+}
+.wxParse .pre {
+  overflow: auto;
+  background: #f5f5f5;
+  padding: 16upx;
+  white-space: pre;
+  margin: 1em 0upx;
+  font-size: 24upx;
+}
+.wxParse .code {
+	overflow: auto;
+	padding: 16upx;
+	white-space: pre;
+	margin: 1em 0upx;
+	background: #f5f5f5;
+	font-size: 24upx;
+}
+
+.wxParse .big {
+  font-size: 1.17em;
+}
+
+.wxParse .small,
+.wxParse .sub,
+.wxParse .sup {
   font-size: 0.83em;
-  margin: 1.67em 0;
-}
-
-.wxParse .h1,
-.wxParse .h2,
-.wxParse .h3,
-.wxParse .h4,
-.wxParse .h5,
-.wxParse .h6,
-.wxParse .b,
-.wxParse .strong{
-  font-weight: bolder;
-}
-
-.wxParse .i,
-.wxParse .cite,
-.wxParse .em,
-.wxParse .var,
-.wxParse .address {
-  font-style: italic;
-}
-.wxParse .spaceshow{
-	  white-space: pre;
-}
-.wxParse .pre,
-.wxParse .tt,
-.wxParse .code,
-.wxParse .kbd,
-.wxParse .samp {
-  font-family: monospace;
-}
-.wxParse .pre {
-  overflow: auto;
-  background: #f5f5f5;
-  padding: 16upx;
-  white-space: pre;
-  margin: 1em 0upx;
-  font-size: 24upx;
-}
-.wxParse .code {
-	overflow: auto;
-	padding: 16upx;
-	white-space: pre;
-	margin: 1em 0upx;
-	background: #f5f5f5;
-	font-size: 24upx;
-}
-
-.wxParse .big {
-  font-size: 1.17em;
-}
-
-.wxParse .small,
-.wxParse .sub,
-.wxParse .sup {
-  font-size: 0.83em;
-}
-
-.wxParse .sub {
-  vertical-align: sub;
-}
-.wxParse .sup {
-  vertical-align: super;
-}
-
-.wxParse .s,
-.wxParse .strike,
-.wxParse .del {
-  text-decoration: line-through;
-}
-
+}
+
+.wxParse .sub {
+  vertical-align: sub;
+}
+.wxParse .sup {
+  vertical-align: super;
+}
+
+.wxParse .s,
+.wxParse .strike,
+.wxParse .del {
+  text-decoration: line-through;
+}
+
 .wxParse .strong,
 .wxParse .text,
-.wxParse .span,
-.wxParse .s {
-  display: inline;
-}
-
-.wxParse .a {
-  color: deepskyblue;
-}
-
-.wxParse .video {
-  text-align: center;
-  margin: 22upx 0;
-}
-
-.wxParse .video-video {
-  width: 100%;
-}
+.wxParse .span,
+.wxParse .s {
+  display: inline;
+}
+
+.wxParse .a {
+  color: deepskyblue;
+}
+
+.wxParse .video {
+  text-align: center;
+  margin: 22upx 0;
+}
+
+.wxParse .video-video {
+  width: 100%;
+}
 .wxParse .uni-image{
 	max-width: 100%;
-}
-.wxParse .img {
-  display: block;
+}
+.wxParse .img {
+  display: block;
   max-width: 100%;
-  margin-bottom: 0em;/* //与p标签底部padding同时修改 */
-  overflow: hidden;
-}
-
-.wxParse .blockquote {
-  margin: 10upx 0;
-  padding: 22upx 0 22upx 22upx;
-  font-family: Courier, Calibri, "宋体";
-  background: #f5f5f5;
-  border-left: 6upx solid #dbdbdb;
-}
-.wxParse .blockquote .p {
-  margin: 0;
-}
-.wxParse .ul, .wxParse .ol {
-  display: block;
-  margin: 1em 0;
-  padding-left: 2em;
-}
-.wxParse .ol {
-  list-style-type: disc;
-}
-.wxParse .ol {
-  list-style-type: decimal;
-}
-.wxParse .ol>weixin-parse-template,.wxParse .ul>weixin-parse-template {
-  display: list-item;
-  align-items: baseline;
-  text-align: match-parent;
-}
-
-.wxParse .ol>.li,.wxParse .ul>.li {
-  display: list-item;
-  align-items: baseline;
-  text-align: match-parent;
-}
-.wxParse .ul .ul, .wxParse .ol .ul {
-  list-style-type: circle;
-}
-.wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {
-    list-style-type: square;
-}
-
-.wxParse .u {
-  text-decoration: underline;
-}
-.wxParse .hide {
-  display: none;
-}
-.wxParse .del {
-  display: inline;
-}
-.wxParse .figure {
-  overflow: hidden;
-}
+  margin-bottom: 0em;/* //与p标签底部padding同时修改 */
+  overflow: hidden;
+}
+
+.wxParse .blockquote {
+  margin: 10upx 0;
+  padding: 22upx 0 22upx 22upx;
+  font-family: Courier, Calibri, "宋体";
+  background: #f5f5f5;
+  border-left: 6upx solid #dbdbdb;
+}
+.wxParse .blockquote .p {
+  margin: 0;
+}
+.wxParse .ul, .wxParse .ol {
+  display: block;
+  margin: 1em 0;
+  padding-left: 2em;
+}
+.wxParse .ol {
+  list-style-type: disc;
+}
+.wxParse .ol {
+  list-style-type: decimal;
+}
+.wxParse .ol>weixin-parse-template,.wxParse .ul>weixin-parse-template {
+  display: list-item;
+  align-items: baseline;
+  text-align: match-parent;
+}
+
+.wxParse .ol>.li,.wxParse .ul>.li {
+  display: list-item;
+  align-items: baseline;
+  text-align: match-parent;
+}
+.wxParse .ul .ul, .wxParse .ol .ul {
+  list-style-type: circle;
+}
+.wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {
+    list-style-type: square;
+}
+
+.wxParse .u {
+  text-decoration: underline;
+}
+.wxParse .hide {
+  display: none;
+}
+.wxParse .del {
+  display: inline;
+}
+.wxParse .figure {
+  overflow: hidden;
+}
 .wxParse .tablebox{
-	overflow: auto;
-	background-color: #f5f5f5;
-	background: #f5f5f5;
-	font-size: 13px;
-	padding: 8px;
-}
-.wxParse .table .table,.wxParse .table{
+	overflow: auto;
+	background-color: #f5f5f5;
+	background: #f5f5f5;
+	font-size: 13px;
+	padding: 8px;
+}
+.wxParse .table .table,.wxParse .table{
 	border-collapse:collapse;
 	box-sizing: border-box;
 	/* 内边框 */
 	/* width: 100%; */
-	overflow: auto;
-	white-space: pre;
+	overflow: auto;
+	white-space: pre;
 }
 .wxParse .tbody{
 	border-collapse:collapse;
@@ -239,15 +239,15 @@
 	box-sizing: border-box;
 	background: #ececec;
 	font-weight: 40;
-}
+}
 .wxParse  .table .tr {
 	border-collapse:collapse;
 	box-sizing: border-box;
-	/* border: 2px solid #F0AD4E; */
+	/* border: 2px solid #F0AD4E; */
 	overflow:auto;
-}
-.wxParse  .table .th,
-.wxParse  .table .td{
+}
+.wxParse  .table .th,
+.wxParse  .table .td{
 	border-collapse:collapse;
 	box-sizing: border-box;
 	border: 2upx solid #dadada;
diff --git a/components/gaoyia-parse/parse.vue b/components/gaoyia-parse/parse.vue
index d8ac5e7..3021237 100644
--- a/components/gaoyia-parse/parse.vue
+++ b/components/gaoyia-parse/parse.vue
@@ -1,30 +1,30 @@
-<!--**
- * forked from：https://github.com/F-loat/mpvue-wxParse
- *
- * github地址: https://github.com/dcloudio/uParse
- *
+<!--**
+ * forked from：https://github.com/F-loat/mpvue-wxParse
+ *
+ * github地址: https://github.com/dcloudio/uParse
+ *
  * for: uni-app框架下 富文本解析
  * 
- * 优化 by gaoyia@qq.com  https://github.com/gaoyia/parse
- */-->
-
-<template>
-	
+ * 优化 by gaoyia@qq.com  https://github.com/gaoyia/parse
+ */-->
+
+<template>
+	
 	<!--基础元素-->
-	<div class="wxParse" :class="className" :style="'user-select:' + userSelect">
-		<block v-for="(node, index) of nodes" :key="index" v-if="!loading">
-			<wxParseTemplate :node="node" />
-		</block>
-	</div>
-</template>
-
-<script>
-import HtmlToJson from './libs/html2json';
-import wxParseTemplate from './components/wxParseTemplate0';
-
-	
-	export default {
-		name: 'wxParse',
+	<div class="wxParse" :class="className" :style="'user-select:' + userSelect">
+		<block v-for="(node, index) of nodes" :key="index" v-if="!loading">
+			<wxParseTemplate :node="node" />
+		</block>
+	</div>
+</template>
+
+<script>
+import HtmlToJson from './libs/html2json';
+import wxParseTemplate from './components/wxParseTemplate0';
+
+	
+	export default {
+		name: 'wxParse',
 		props: {
 			// user-select:none;
 			userSelect: {
@@ -50,81 +50,81 @@ import wxParseTemplate from './components/wxParseTemplate0';
 						// }
 					}
 				}
-			},
-			loading: {
-				type: Boolean,
-				default: false
-			},
-			className: {
-				type: String,
-				default: ''
-			},
-			content: {
-				type: String,
-				default: ''
-			},
-			noData: {
-				type: String,
-				default: '<div style="color: red;">数据不能为空</div>'
-			},
-			startHandler: {
-				type: Function,
-				default () {
-					return node => {
-						node.attr.class = null;
-						node.attr.style = null;
-					};
-				}
-			},
-			endHandler: {
-				type: Function,
-				default: null
-			},
-			charsHandler: {
-				type: Function,
-				default: null
-			},
-			imageProp: {
-				type: Object,
-				default () {
-					return {
-						mode: 'aspectFit',
-						padding: 0,
-						lazyLoad: false,
-						domain: ''
-					};
-				}
-			}
-		},
-		components: {
-			wxParseTemplate
-		},
-		data() {
+			},
+			loading: {
+				type: Boolean,
+				default: false
+			},
+			className: {
+				type: String,
+				default: ''
+			},
+			content: {
+				type: String,
+				default: ''
+			},
+			noData: {
+				type: String,
+				default: '<div style="color: red;">数据不能为空</div>'
+			},
+			startHandler: {
+				type: Function,
+				default () {
+					return node => {
+						node.attr.class = null;
+						node.attr.style = null;
+					};
+				}
+			},
+			endHandler: {
+				type: Function,
+				default: null
+			},
+			charsHandler: {
+				type: Function,
+				default: null
+			},
+			imageProp: {
+				type: Object,
+				default () {
+					return {
+						mode: 'aspectFit',
+						padding: 0,
+						lazyLoad: false,
+						domain: ''
+					};
+				}
+			}
+		},
+		components: {
+			wxParseTemplate
+		},
+		data() {
 			return {
-				nodes: {},
+				nodes: {},
 				imageUrls: [],
 				wxParseWidth: {
 					value: 0
-				}
-			};
-		},
-		computed: {},
+				}
+			};
+		},
+		computed: {},
 		mounted() {
 			this.setHtml()
-		},
+		},
 		methods: {
 			setHtml() {
 				this.getWidth().then((data) => {
-					this.wxParseWidth.value = data;
-				})
-				let {
-					content,
-					noData,
-					imageProp,
-					startHandler,
-					endHandler,
-					charsHandler
-				} = this;
+					this.wxParseWidth.value = data;
+				})
+				let {
+					content,
+					noData,
+					imageProp,
+					startHandler,
+					endHandler,
+					charsHandler
+				} = this;
 				let parseData = content || noData;
 				let customHandler = {
 					start: startHandler,
@@ -132,32 +132,32 @@ import wxParseTemplate from './components/wxParseTemplate0';
 					chars: charsHandler
 				};
 				let results = HtmlToJson(parseData, customHandler, imageProp, this);
-
+
 				this.imageUrls = results.imageUrls;
 				// this.nodes = results.nodes;
-				
-				
-				this.nodes = [];
-				results.nodes.forEach((item) => {
-					setTimeout(() => {
-						this.nodes.push(item)
-					}, 0);
-				})
-			},
-			getWidth() {
-				return new Promise((res, rej) => {
-					// #ifndef MP-ALIPAY || MP-BAIDU
-					uni.createSelectorQuery()
-						.in(this)
-						.select('.wxParse')
-						.fields({
-								size: true,
-								scrollOffset: true
-							},
-							data => {
-								res(data.width);
-							}
-						).exec();
+				
+				
+				this.nodes = [];
+				results.nodes.forEach((item) => {
+					setTimeout(() => {
+						this.nodes.push(item)
+					}, 0);
+				})
+			},
+			getWidth() {
+				return new Promise((res, rej) => {
+					// #ifndef MP-ALIPAY || MP-BAIDU
+					uni.createSelectorQuery()
+						.in(this)
+						.select('.wxParse')
+						.fields({
+								size: true,
+								scrollOffset: true
+							},
+							data => {
+								res(data.width);
+							}
+						).exec();
 					// #endif
 					// #ifdef MP-BAIDU
 					const query = swan.createSelectorQuery();
@@ -167,22 +167,22 @@ import wxParseTemplate from './components/wxParseTemplate0';
 						if (rect) {
 							res(rect.width);
 						}
-					});
-					// #endif
-					// #ifdef MP-ALIPAY
-					my.createSelectorQuery()
-						.select('.wxParse')
-						.boundingClientRect().exec((ret) => {
-							res(ret[0].width);
-						});
-					// #endif
-				});
-			},
+					});
+					// #endif
+					// #ifdef MP-ALIPAY
+					my.createSelectorQuery()
+						.select('.wxParse')
+						.boundingClientRect().exec((ret) => {
+							res(ret[0].width);
+						});
+					// #endif
+				});
+			},
 			navigate(href, $event, attr) {
-				console.log(href, attr);
-				this.$emit('navigate', href, $event);
-			},
-			preview(src, $event) {
+				console.log(href, attr);
+				this.$emit('navigate', href, $event);
+			},
+			preview(src, $event) {
 				if (!this.imageUrls.length || typeof this.imgOptions === 'boolean') {
 
 				} else {
@@ -193,36 +193,36 @@ import wxParseTemplate from './components/wxParseTemplate0';
 						indicator: this.imgOptions.indicator,
 						longPressActions: this.imgOptions.longPressActions
 					});
-				}
-				this.$emit('preview', src, $event);
-			},
-			removeImageUrl(src) {
-				const {
-					imageUrls
-				} = this;
-				imageUrls.splice(imageUrls.indexOf(src), 1);
-			}
-		},
-		// 父组件中提供
-		provide() {
-			return {
+				}
+				this.$emit('preview', src, $event);
+			},
+			removeImageUrl(src) {
+				const {
+					imageUrls
+				} = this;
+				imageUrls.splice(imageUrls.indexOf(src), 1);
+			}
+		},
+		// 父组件中提供
+		provide() {
+			return {
 				parseWidth: this.wxParseWidth,
-				parseSelect: this.userSelect
-				// 提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。
-			};
+				parseSelect: this.userSelect
+				// 提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。
+			};
 		},
 		watch: {
 			content(){
 				this.setHtml()
 			}
-			// content: {
-			// 	handler: function(newVal, oldVal) {
-			// 		if (newVal !== oldVal) {
-			// 			
-			// 		}
-			// 	},
-			// 	deep: true
-			// }
-		}
-	};
-</script>
+			// content: {
+			// 	handler: function(newVal, oldVal) {
+			// 		if (newVal !== oldVal) {
+			// 			
+			// 		}
+			// 	},
+			// 	deep: true
+			// }
+		}
+	};
+</script>
diff --git a/pages/mine/messageDetail.vue b/pages/mine/messageDetail.vue
index cfabcbf..1dd845e 100644
--- a/pages/mine/messageDetail.vue
+++ b/pages/mine/messageDetail.vue
@@ -1,7 +1,7 @@
 <template>
 	<view class="main">
-		<view class="tit">{{tit}}</view>
-		<u-parse class="ql-editor" :content="content" @preview="preview" @navigate="navigate"/>
+		<view class="tit">{{ messageObj.title }}</view>
+		<u-parse class="ql-editor" :content="messageObj.content" @preview="preview" @navigate="navigate" />
 		<web-view v-if="webviewShow" :webview-styles="webviewStyles" :src="webviewUrl"></web-view>
 		<!-- <view v-html="content"></view> -->
 		<!-- <rich-text :nodes="content"></rich-text> -->
@@ -9,55 +9,58 @@
 </template>
 
 <script>
-	
 	var util = require("../../utils/util.js");
 	var config = require("../../config");
 	import uParse from '@/components/gaoyia-parse/parse.vue'
 	export default {
 		data() {
 			return {
-				tit:"",
-				content:"",
-				id:"",
-				webviewShow:false,
-				webviewUrl:"",
+				webviewShow: false,
+				webviewUrl: "",
 				webviewStyles: {
-									progress: {
-										color: '#FF3333'
-									}
-								}
+					progress: {
+						color: '#FF3333'
+					}
+				}
 			};
 		},
 		components: {
-		    uParse
+			uParse
+		},
+		
+		computed: {
+			messageObj() {
+				return this.$store.state.messageObj
+			}
 		},
-		onLoad(e){
-			this.id = e.id;
-			let link=JSON.parse(decodeURIComponent(e.content))
-			this.content = link
-			this.tit = e.tit
+		
+		onLoad(e) {
+			console.log(this.messageObj, 'this.messageObj')
 			this.read()
 		},
-		methods:{
-			navigate(href, e) { 
-				if(href!=undefined && href!=""){
+		methods: {
+			navigate(href, e) {
+				if (href != undefined && href != "") {
 					this.webviewShow = true;
 					this.webviewUrl = href
 				}
-				console.log(href,111)
-			    //比如点击a标签，打开某个传输url 
-			     uni.navigateTo({ 
-			        url: href,
-			     }) 
+				console.log(href, 111)
+				//比如点击a标签，打开某个传输url 
+				uni.navigateTo({
+					url: href,
+				})
 			},
-			read(){
+			read() {
 				uni.request({
 					url: config.service.updateRead,
 					method: "GET",
-					data:{id:this.id,accountId:uni.getStorageSync('weapp_session_userInfo_data').accountId},
+					data: {
+						id: this.messageObj.id,
+						accountId: uni.getStorageSync('weapp_session_userInfo_data').accountId
+					},
 					header: {
 						'content-type': 'application/json',
-						'Authorization': 'Bearer '+uni.getStorageSync('weapp_session_login_data').token
+						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token
 					},
 					success: (res) => {
 						console.log(res)
@@ -72,453 +75,580 @@
 	@import '../../static/css/quill/quill.core.css';
 	@import '../../static/css/quill/quill.snow.css';
 	@import '../../static/css/quill/quill.bubble.css';
-	.main{
+
+	.main {
 		padding: 20rpx;
 		word-wrap: break-word;
-		.tit{
-			    font-size: 46rpx;
-			    font-weight: 800;
-			    text-align: center;
-			    margin-bottom: 16rpx;
+
+		.tit {
+			font-size: 46rpx;
+			font-weight: 800;
+			text-align: center;
+			margin-bottom: 16rpx;
 		}
-	}  
-	.ql-editor{
-		    font-size: 32rpx;
+	}
+
+	.ql-editor {
+		font-size: 32rpx;
+
 		.strong {
 			font-weight: bold;
 		}
-		.ol{
+
+		.ol {
 			padding-left: 16rpx;
-			.li{
+
+			.li {
 				font-size: 34rpx;
-				&::before{
+
+				&::before {
 					content: "·";
 					font-size: 34rpx;
 				}
 			}
 		}
-		.ql-indent-1{
+
+		.ql-indent-1 {
 			text-indent: 10px;
 		}
-		.h1{
+
+		.h1 {
 			font-size: 5em;
 		}
-		.h2{
+
+		.h2 {
 			font-size: 4em;
 		}
-		.h3{
+
+		.h3 {
 			font-size: 3em;
 		}
-		.h4{
+
+		.h4 {
 			font-size: 2em;
 		}
-		.h4{
+
+		.h4 {
 			font-size: 1em;
 		}
-		.em{
+
+		.em {
 			font-style: italic
 		}
-		.u{
-			text-decoration:underline
+
+		.u {
+			text-decoration: underline
 		}
-		.blockquote{
+
+		.blockquote {
 			text-decoration: line-through;
 		}
 	}
-.ql-container {
-  box-sizing: border-box;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  height: 100%;
-  margin: 0px;
-  position: relative;
-}
-
-.ql-editor h1 {
-  font-size: 2em;
-}
-.ql-container.ql-disabled .ql-tooltip {
-  visibility: hidden;
-}
-.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
-  pointer-events: none;
-}
-.ql-clipboard {
-  left: -100000px;
-  height: 1px;
-  overflow-y: hidden;
-  position: absolute;
-  top: 50%;
-}
-.ql-clipboard p {
-  margin: 0;
-  padding: 0;
-}
-.ql-editor {
-  box-sizing: border-box;
-  line-height: 1.42;
-  height: 100%;
-  outline: none;
-  overflow-y: auto;
-  padding: 12px 15px;
-  tab-size: 4;
-  -moz-tab-size: 4;
-  text-align: left;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-.ql-editor > * {
-  cursor: text;
-}
-.ql-editor p,
-.ql-editor ol,
-.ql-editor ul,
-.ql-editor pre,
-.ql-editor blockquote,
-.ql-editor h1,
-.ql-editor h2,
-.ql-editor h3,
-.ql-editor h4,
-.ql-editor h5,
-.ql-editor h6 {
-  margin: 0;
-  padding: 0;
-  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-}
-.ql-editor ol,
-.ql-editor ul {
-  padding-left: 1.5em;
-}
-.ql-editor ol > li,
-.ql-editor ul > li {
-  list-style-type: none;
-}
-.ql-editor ul > li::before {
-  content: '\2022';
-}
-.ql-editor ul[data-checked=true],
-.ql-editor ul[data-checked=false] {
-  pointer-events: none;
-}
-.ql-editor ul[data-checked=true] > li *,
-.ql-editor ul[data-checked=false] > li * {
-  pointer-events: all;
-}
-.ql-editor ul[data-checked=true] > li::before,
-.ql-editor ul[data-checked=false] > li::before {
-  color: #777;
-  cursor: pointer;
-  pointer-events: all;
-}
-.ql-editor ul[data-checked=true] > li::before {
-  content: '\2611';
-}
-.ql-editor ul[data-checked=false] > li::before {
-  content: '\2610';
-}
-.ql-editor li::before {
-  display: inline-block;
-  white-space: nowrap;
-  width: 1.2em;
-}
-.ql-editor li:not(.ql-direction-rtl)::before {
-  margin-left: -1.5em;
-  margin-right: 0.3em;
-  text-align: right;
-}
-.ql-editor li.ql-direction-rtl::before {
-  margin-left: 0.3em;
-  margin-right: -1.5em;
-}
-.ql-editor ol li:not(.ql-direction-rtl),
-.ql-editor ul li:not(.ql-direction-rtl) {
-  padding-left: 1.5em;
-}
-.ql-editor ol li.ql-direction-rtl,
-.ql-editor ul li.ql-direction-rtl {
-  padding-right: 1.5em;
-}
-.ql-editor ol li {
-  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-  counter-increment: list-0;
-}
-.ql-editor ol li:before {
-  content: counter(list-0, decimal) '. ';
-}
-.ql-editor ol li.ql-indent-1 {
-  counter-increment: list-1;
-}
-.ql-editor ol li.ql-indent-1:before {
-  content: counter(list-1, lower-alpha) '. ';
-}
-.ql-editor ol li.ql-indent-1 {
-  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-2 {
-  counter-increment: list-2;
-}
-.ql-editor ol li.ql-indent-2:before {
-  content: counter(list-2, lower-roman) '. ';
-}
-.ql-editor ol li.ql-indent-2 {
-  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-3 {
-  counter-increment: list-3;
-}
-.ql-editor ol li.ql-indent-3:before {
-  content: counter(list-3, decimal) '. ';
-}
-.ql-editor ol li.ql-indent-3 {
-  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-4 {
-  counter-increment: list-4;
-}
-.ql-editor ol li.ql-indent-4:before {
-  content: counter(list-4, lower-alpha) '. ';
-}
-.ql-editor ol li.ql-indent-4 {
-  counter-reset: list-5 list-6 list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-5 {
-  counter-increment: list-5;
-}
-.ql-editor ol li.ql-indent-5:before {
-  content: counter(list-5, lower-roman) '. ';
-}
-.ql-editor ol li.ql-indent-5 {
-  counter-reset: list-6 list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-6 {
-  counter-increment: list-6;
-}
-.ql-editor ol li.ql-indent-6:before {
-  content: counter(list-6, decimal) '. ';
-}
-.ql-editor ol li.ql-indent-6 {
-  counter-reset: list-7 list-8 list-9;
-}
-.ql-editor ol li.ql-indent-7 {
-  counter-increment: list-7;
-}
-.ql-editor ol li.ql-indent-7:before {
-  content: counter(list-7, lower-alpha) '. ';
-}
-.ql-editor ol li.ql-indent-7 {
-  counter-reset: list-8 list-9;
-}
-.ql-editor ol li.ql-indent-8 {
-  counter-increment: list-8;
-}
-.ql-editor ol li.ql-indent-8:before {
-  content: counter(list-8, lower-roman) '. ';
-}
-.ql-editor ol li.ql-indent-8 {
-  counter-reset: list-9;
-}
-.ql-editor ol li.ql-indent-9 {
-  counter-increment: list-9;
-}
-.ql-editor ol li.ql-indent-9:before {
-  content: counter(list-9, decimal) '. ';
-}
-.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
-  padding-left: 3em;
-}
-.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
-  padding-left: 4.5em;
-}
-.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
-  padding-right: 3em;
-}
-.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
-  padding-right: 4.5em;
-}
-.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
-  padding-left: 6em;
-}
-.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
-  padding-left: 7.5em;
-}
-.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
-  padding-right: 6em;
-}
-.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
-  padding-right: 7.5em;
-}
-.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
-  padding-left: 9em;
-}
-.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
-  padding-left: 10.5em;
-}
-.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
-  padding-right: 9em;
-}
-.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
-  padding-right: 10.5em;
-}
-.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
-  padding-left: 12em;
-}
-.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
-  padding-left: 13.5em;
-}
-.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
-  padding-right: 12em;
-}
-.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
-  padding-right: 13.5em;
-}
-.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
-  padding-left: 15em;
-}
-.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
-  padding-left: 16.5em;
-}
-.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
-  padding-right: 15em;
-}
-.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
-  padding-right: 16.5em;
-}
-.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
-  padding-left: 18em;
-}
-.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
-  padding-left: 19.5em;
-}
-.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
-  padding-right: 18em;
-}
-.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
-  padding-right: 19.5em;
-}
-.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
-  padding-left: 21em;
-}
-.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
-  padding-left: 22.5em;
-}
-.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
-  padding-right: 21em;
-}
-.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
-  padding-right: 22.5em;
-}
-.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
-  padding-left: 24em;
-}
-.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
-  padding-left: 25.5em;
-}
-.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
-  padding-right: 24em;
-}
-.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
-  padding-right: 25.5em;
-}
-.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
-  padding-left: 27em;
-}
-.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
-  padding-left: 28.5em;
-}
-.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
-  padding-right: 27em;
-}
-.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
-  padding-right: 28.5em;
-}
-.ql-editor .ql-video {
-  display: block;
-  max-width: 100%;
-}
-.ql-editor .ql-video.ql-align-center {
-  margin: 0 auto;
-}
-.ql-editor .ql-video.ql-align-right {
-  margin: 0 0 0 auto;
-}
-.ql-editor .ql-bg-black {
-  background-color: #000;
-}
-.ql-editor .ql-bg-red {
-  background-color: #e60000;
-}
-.ql-editor .ql-bg-orange {
-  background-color: #f90;
-}
-.ql-editor .ql-bg-yellow {
-  background-color: #ff0;
-}
-.ql-editor .ql-bg-green {
-  background-color: #008a00;
-}
-.ql-editor .ql-bg-blue {
-  background-color: #06c;
-}
-.ql-editor .ql-bg-purple {
-  background-color: #93f;
-}
-.ql-editor .ql-color-white {
-  color: #fff;
-}
-.ql-editor .ql-color-red {
-  color: #e60000;
-}
-.ql-editor .ql-color-orange {
-  color: #f90;
-}
-.ql-editor .ql-color-yellow {
-  color: #ff0;
-}
-.ql-editor .ql-color-green {
-  color: #008a00;
-}
-.ql-editor .ql-color-blue {
-  color: #06c;
-}
-.ql-editor .ql-color-purple {
-  color: #93f;
-}
-.ql-editor .ql-font-serif {
-  font-family: Georgia, Times New Roman, serif;
-}
-.ql-editor .ql-font-monospace {
-  font-family: Monaco, Courier New, monospace;
-}
-.ql-editor .ql-size-small {
-  font-size: 0.75em;
-}
-.ql-editor .ql-size-large {
-  font-size: 1.5em;
-}
-.ql-editor .ql-size-huge {
-  font-size: 2.5em;
-}
-.ql-editor .ql-direction-rtl {
-  direction: rtl;
-  text-align: inherit;
-}
-.ql-editor .ql-align-center {
-  text-align: center;
-}
-.ql-editor .ql-align-justify {
-  text-align: justify;
-}
-.ql-editor .ql-align-right {
-  text-align: right;
-}
-.ql-editor.ql-blank::before {
-  color: rgba(0,0,0,0.6);
-  content: attr(data-placeholder);
-  font-style: italic;
-  left: 15px;
-  pointer-events: none;
-  position: absolute;
-  right: 15px;
-}
 
+	.ql-container {
+		box-sizing: border-box;
+		font-family: Helvetica, Arial, sans-serif;
+		font-size: 13px;
+		height: 100%;
+		margin: 0px;
+		position: relative;
+	}
+
+	.ql-editor h1 {
+		font-size: 2em;
+	}
+
+	.ql-container.ql-disabled .ql-tooltip {
+		visibility: hidden;
+	}
+
+	.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
+		pointer-events: none;
+	}
+
+	.ql-clipboard {
+		left: -100000px;
+		height: 1px;
+		overflow-y: hidden;
+		position: absolute;
+		top: 50%;
+	}
+
+	.ql-clipboard p {
+		margin: 0;
+		padding: 0;
+	}
+
+	.ql-editor {
+		box-sizing: border-box;
+		line-height: 1.42;
+		height: 100%;
+		outline: none;
+		overflow-y: auto;
+		padding: 12px 15px;
+		tab-size: 4;
+		-moz-tab-size: 4;
+		text-align: left;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+
+	.ql-editor>* {
+		cursor: text;
+	}
+
+	.ql-editor p,
+	.ql-editor ol,
+	.ql-editor ul,
+	.ql-editor pre,
+	.ql-editor blockquote,
+	.ql-editor h1,
+	.ql-editor h2,
+	.ql-editor h3,
+	.ql-editor h4,
+	.ql-editor h5,
+	.ql-editor h6 {
+		margin: 0;
+		padding: 0;
+		counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol,
+	.ql-editor ul {
+		padding-left: 1.5em;
+	}
+
+	.ql-editor ol>li,
+	.ql-editor ul>li {
+		list-style-type: none;
+	}
+
+	.ql-editor ul>li::before {
+		content: '\2022';
+	}
+
+	.ql-editor ul[data-checked=true],
+	.ql-editor ul[data-checked=false] {
+		pointer-events: none;
+	}
+
+	.ql-editor ul[data-checked=true]>li *,
+	.ql-editor ul[data-checked=false]>li * {
+		pointer-events: all;
+	}
+
+	.ql-editor ul[data-checked=true]>li::before,
+	.ql-editor ul[data-checked=false]>li::before {
+		color: #777;
+		cursor: pointer;
+		pointer-events: all;
+	}
+
+	.ql-editor ul[data-checked=true]>li::before {
+		content: '\2611';
+	}
+
+	.ql-editor ul[data-checked=false]>li::before {
+		content: '\2610';
+	}
+
+	.ql-editor li::before {
+		display: inline-block;
+		white-space: nowrap;
+		width: 1.2em;
+	}
+
+	.ql-editor li:not(.ql-direction-rtl)::before {
+		margin-left: -1.5em;
+		margin-right: 0.3em;
+		text-align: right;
+	}
+
+	.ql-editor li.ql-direction-rtl::before {
+		margin-left: 0.3em;
+		margin-right: -1.5em;
+	}
+
+	.ql-editor ol li:not(.ql-direction-rtl),
+	.ql-editor ul li:not(.ql-direction-rtl) {
+		padding-left: 1.5em;
+	}
+
+	.ql-editor ol li.ql-direction-rtl,
+	.ql-editor ul li.ql-direction-rtl {
+		padding-right: 1.5em;
+	}
+
+	.ql-editor ol li {
+		counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+		counter-increment: list-0;
+	}
+
+	.ql-editor ol li:before {
+		content: counter(list-0, decimal) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-1 {
+		counter-increment: list-1;
+	}
+
+	.ql-editor ol li.ql-indent-1:before {
+		content: counter(list-1, lower-alpha) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-1 {
+		counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-2 {
+		counter-increment: list-2;
+	}
+
+	.ql-editor ol li.ql-indent-2:before {
+		content: counter(list-2, lower-roman) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-2 {
+		counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-3 {
+		counter-increment: list-3;
+	}
+
+	.ql-editor ol li.ql-indent-3:before {
+		content: counter(list-3, decimal) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-3 {
+		counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-4 {
+		counter-increment: list-4;
+	}
+
+	.ql-editor ol li.ql-indent-4:before {
+		content: counter(list-4, lower-alpha) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-4 {
+		counter-reset: list-5 list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-5 {
+		counter-increment: list-5;
+	}
+
+	.ql-editor ol li.ql-indent-5:before {
+		content: counter(list-5, lower-roman) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-5 {
+		counter-reset: list-6 list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-6 {
+		counter-increment: list-6;
+	}
+
+	.ql-editor ol li.ql-indent-6:before {
+		content: counter(list-6, decimal) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-6 {
+		counter-reset: list-7 list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-7 {
+		counter-increment: list-7;
+	}
+
+	.ql-editor ol li.ql-indent-7:before {
+		content: counter(list-7, lower-alpha) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-7 {
+		counter-reset: list-8 list-9;
+	}
+
+	.ql-editor ol li.ql-indent-8 {
+		counter-increment: list-8;
+	}
+
+	.ql-editor ol li.ql-indent-8:before {
+		content: counter(list-8, lower-roman) '. ';
+	}
+
+	.ql-editor ol li.ql-indent-8 {
+		counter-reset: list-9;
+	}
+
+	.ql-editor ol li.ql-indent-9 {
+		counter-increment: list-9;
+	}
+
+	.ql-editor ol li.ql-indent-9:before {
+		content: counter(list-9, decimal) '. ';
+	}
+
+	.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
+		padding-left: 3em;
+	}
+
+	.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
+		padding-left: 4.5em;
+	}
+
+	.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
+		padding-right: 3em;
+	}
+
+	.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
+		padding-right: 4.5em;
+	}
+
+	.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
+		padding-left: 6em;
+	}
+
+	.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
+		padding-left: 7.5em;
+	}
+
+	.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
+		padding-right: 6em;
+	}
+
+	.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
+		padding-right: 7.5em;
+	}
+
+	.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
+		padding-left: 9em;
+	}
+
+	.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
+		padding-left: 10.5em;
+	}
+
+	.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
+		padding-right: 9em;
+	}
+
+	.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
+		padding-right: 10.5em;
+	}
+
+	.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
+		padding-left: 12em;
+	}
+
+	.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
+		padding-left: 13.5em;
+	}
+
+	.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
+		padding-right: 12em;
+	}
+
+	.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
+		padding-right: 13.5em;
+	}
+
+	.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
+		padding-left: 15em;
+	}
+
+	.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
+		padding-left: 16.5em;
+	}
+
+	.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
+		padding-right: 15em;
+	}
+
+	.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
+		padding-right: 16.5em;
+	}
+
+	.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
+		padding-left: 18em;
+	}
+
+	.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
+		padding-left: 19.5em;
+	}
+
+	.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
+		padding-right: 18em;
+	}
+
+	.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
+		padding-right: 19.5em;
+	}
+
+	.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
+		padding-left: 21em;
+	}
+
+	.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
+		padding-left: 22.5em;
+	}
+
+	.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
+		padding-right: 21em;
+	}
+
+	.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
+		padding-right: 22.5em;
+	}
+
+	.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
+		padding-left: 24em;
+	}
+
+	.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
+		padding-left: 25.5em;
+	}
+
+	.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
+		padding-right: 24em;
+	}
+
+	.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
+		padding-right: 25.5em;
+	}
+
+	.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
+		padding-left: 27em;
+	}
+
+	.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
+		padding-left: 28.5em;
+	}
+
+	.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
+		padding-right: 27em;
+	}
+
+	.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
+		padding-right: 28.5em;
+	}
+
+	.ql-editor .ql-video {
+		display: block;
+		max-width: 100%;
+	}
+
+	.ql-editor .ql-video.ql-align-center {
+		margin: 0 auto;
+	}
+
+	.ql-editor .ql-video.ql-align-right {
+		margin: 0 0 0 auto;
+	}
+
+	.ql-editor .ql-bg-black {
+		background-color: #000;
+	}
+
+	.ql-editor .ql-bg-red {
+		background-color: #e60000;
+	}
+
+	.ql-editor .ql-bg-orange {
+		background-color: #f90;
+	}
+
+	.ql-editor .ql-bg-yellow {
+		background-color: #ff0;
+	}
+
+	.ql-editor .ql-bg-green {
+		background-color: #008a00;
+	}
+
+	.ql-editor .ql-bg-blue {
+		background-color: #06c;
+	}
+
+	.ql-editor .ql-bg-purple {
+		background-color: #93f;
+	}
+
+	.ql-editor .ql-color-white {
+		color: #fff;
+	}
+
+	.ql-editor .ql-color-red {
+		color: #e60000;
+	}
+
+	.ql-editor .ql-color-orange {
+		color: #f90;
+	}
+
+	.ql-editor .ql-color-yellow {
+		color: #ff0;
+	}
+
+	.ql-editor .ql-color-green {
+		color: #008a00;
+	}
+
+	.ql-editor .ql-color-blue {
+		color: #06c;
+	}
+
+	.ql-editor .ql-color-purple {
+		color: #93f;
+	}
+
+	.ql-editor .ql-font-serif {
+		font-family: Georgia, Times New Roman, serif;
+	}
+
+	.ql-editor .ql-font-monospace {
+		font-family: Monaco, Courier New, monospace;
+	}
+
+	.ql-editor .ql-size-small {
+		font-size: 0.75em;
+	}
+
+	.ql-editor .ql-size-large {
+		font-size: 1.5em;
+	}
+
+	.ql-editor .ql-size-huge {
+		font-size: 2.5em;
+	}
+
+	.ql-editor .ql-direction-rtl {
+		direction: rtl;
+		text-align: inherit;
+	}
+
+	.ql-editor .ql-align-center {
+		text-align: center;
+	}
+
+	.ql-editor .ql-align-justify {
+		text-align: justify;
+	}
+
+	.ql-editor .ql-align-right {
+		text-align: right;
+	}
+
+	.ql-editor.ql-blank::before {
+		color: rgba(0, 0, 0, 0.6);
+		content: attr(data-placeholder);
+		font-style: italic;
+		left: 15px;
+		pointer-events: none;
+		position: absolute;
+		right: 15px;
+	}
 </style>
diff --git a/store/index.js b/store/index.js
index 24ec782..f6188dc 100644
--- a/store/index.js
+++ b/store/index.js
@@ -7,9 +7,17 @@ export default new Vuex.Store({
 	state: {
 		bgAudioMannager: null, // 背景音频播放对象
 		isBgPlay: false, // 是否后台播放
+		messageObj: {}, // 
 	},
 
 	mutations: {
+
+		// 日报详情
+		setMessageObj(state, obj) {
+			state.messageObj = obj
+		},
+
+
 		createAudio(state) {
 			state.bgAudioMannager = uni.getBackgroundAudioManager();
 		},