diff --git a/App.vue b/App.vue
index 7ae8456..177303f 100644
--- a/App.vue
+++ b/App.vue
@@ -16,4 +16,8 @@
/*每个页面公共css */
@import "@/static/styles/main.css";
@import "uview-ui/index.scss";
+
+ page {
+ background-color: #F8F8F8;
+ }
diff --git a/components/u-parse/components/wxParseAudio.vue b/components/u-parse/components/wxParseAudio.vue
new file mode 100644
index 0000000..86df246
--- /dev/null
+++ b/components/u-parse/components/wxParseAudio.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
diff --git a/components/u-parse/components/wxParseImg.vue b/components/u-parse/components/wxParseImg.vue
new file mode 100644
index 0000000..00747e4
--- /dev/null
+++ b/components/u-parse/components/wxParseImg.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate0.vue b/components/u-parse/components/wxParseTemplate0.vue
new file mode 100644
index 0000000..0c76e74
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate0.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate1.vue b/components/u-parse/components/wxParseTemplate1.vue
new file mode 100644
index 0000000..a864f23
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate1.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate10.vue b/components/u-parse/components/wxParseTemplate10.vue
new file mode 100644
index 0000000..9a8d8b6
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate10.vue
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate11.vue b/components/u-parse/components/wxParseTemplate11.vue
new file mode 100644
index 0000000..1402d11
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate11.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
+
+ \n
+
+
+
+
+
+ {{node.text}}
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate2.vue b/components/u-parse/components/wxParseTemplate2.vue
new file mode 100644
index 0000000..d6d027d
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate2.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate3.vue b/components/u-parse/components/wxParseTemplate3.vue
new file mode 100644
index 0000000..f899edd
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate3.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate4.vue b/components/u-parse/components/wxParseTemplate4.vue
new file mode 100644
index 0000000..9bd558c
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate4.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate5.vue b/components/u-parse/components/wxParseTemplate5.vue
new file mode 100644
index 0000000..4f6cc27
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate5.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate6.vue b/components/u-parse/components/wxParseTemplate6.vue
new file mode 100644
index 0000000..4781c64
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate6.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate7.vue b/components/u-parse/components/wxParseTemplate7.vue
new file mode 100644
index 0000000..1efc4dc
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate7.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate8.vue b/components/u-parse/components/wxParseTemplate8.vue
new file mode 100644
index 0000000..2ac546f
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate8.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseTemplate9.vue b/components/u-parse/components/wxParseTemplate9.vue
new file mode 100644
index 0000000..c771e5f
--- /dev/null
+++ b/components/u-parse/components/wxParseTemplate9.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ \n
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{node.text}}
+
+
+
+
diff --git a/components/u-parse/components/wxParseVideo.vue b/components/u-parse/components/wxParseVideo.vue
new file mode 100644
index 0000000..a952f58
--- /dev/null
+++ b/components/u-parse/components/wxParseVideo.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
diff --git a/components/u-parse/libs/html2json.js b/components/u-parse/libs/html2json.js
new file mode 100644
index 0000000..0927382
--- /dev/null
+++ b/components/u-parse/libs/html2json.js
@@ -0,0 +1,261 @@
+/**
+ * html2Json 改造来自: https://github.com/Jxck/html2json
+ *
+ *
+ * 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 wxDiscode from './wxDiscode';
+import HTMLParser from './htmlparser';
+
+function makeMap(str) {
+ const obj = {};
+ const items = str.split(',');
+ for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;
+ return obj;
+}
+
+// Block Elements - HTML 5
+const block = makeMap('br,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');
+
+// Inline Elements - HTML 5
+const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');
+
+function removeDOCTYPE(html) {
+ const isDocument = /([^]*)<\/body>/.test(html);
+ return isDocument ? RegExp.$1 : html;
+}
+
+function trimHtml(html) {
+ return html
+ .replace(//gi, '')
+ .replace(/\/\*.*?\*\//gi, '')
+ .replace(/[ ]+/gi, '')
+ .replace(//gi, '');
+}
+
+function getScreenInfo() {
+ const screen = {};
+ wx.getSystemInfo({
+ success: (res) => {
+ screen.width = res.windowWidth;
+ screen.height = res.windowHeight;
+ },
+ });
+ return screen;
+}
+
+function html2json(html, customHandler, imageProp, host) {
+ // 处理字符串
+ html = removeDOCTYPE(html);
+ html = trimHtml(html);
+ html = wxDiscode.strDiscode(html);
+ // 生成node节点
+ const bufArray = [];
+ const results = {
+ nodes: [],
+ imageUrls: [],
+ };
+
+ const screen = getScreenInfo();
+ function Node(tag) {
+ this.node = 'element';
+ this.tag = tag;
+
+ this.$screen = screen;
+ }
+
+ HTMLParser(html, {
+ start(tag, attrs, unary) {
+ // node for this element
+ const node = new Node(tag);
+
+ if (bufArray.length !== 0) {
+ const parent = bufArray[0];
+ if (parent.nodes === undefined) {
+ parent.nodes = [];
+ }
+ }
+
+ if (block[tag]) {
+ node.tagType = 'block';
+ } else if (inline[tag]) {
+ node.tagType = 'inline';
+ } else if (closeSelf[tag]) {
+ node.tagType = 'closeSelf';
+ }
+
+ node.attr = attrs.reduce((pre, attr) => {
+ const { name } = attr;
+ let { value } = attr;
+ if (name === 'class') {
+ node.classStr = value;
+ }
+ // has multi attibutes
+ // make it array of attribute
+ if (name === 'style') {
+ node.styleStr = value;
+ }
+ if (value.match(/ /)) {
+ value = value.split(' ');
+ }
+
+ // if attr already exists
+ // merge it
+ if (pre[name]) {
+ if (Array.isArray(pre[name])) {
+ // already array, push to last
+ pre[name].push(value);
+ } else {
+ // single value, make it array
+ pre[name] = [pre[name], value];
+ }
+ } else {
+ // not exist, put it
+ pre[name] = value;
+ }
+
+ return pre;
+ }, {});
+
+ // 优化样式相关属性
+ if (node.classStr) {
+ node.classStr += ` ${node.tag}`;
+ } else {
+ node.classStr = node.tag;
+ }
+ if (node.tagType === 'inline') {
+ node.classStr += ' inline';
+ }
+
+ // 对img添加额外数据
+ if (node.tag === 'img') {
+ let imgUrl = node.attr.src;
+ imgUrl = wxDiscode.urlToHttpUrl(imgUrl, imageProp.domain);
+ Object.assign(node.attr, imageProp, {
+ src: imgUrl || '',
+ });
+ if (imgUrl) {
+ results.imageUrls.push(imgUrl);
+ }
+ }
+
+ // 处理a标签属性
+ if (node.tag === 'a') {
+ node.attr.href = node.attr.href || '';
+ }
+
+ // 处理font标签样式属性
+ if (node.tag === 'font') {
+ const fontSize = [
+ 'x-small',
+ 'small',
+ 'medium',
+ 'large',
+ 'x-large',
+ 'xx-large',
+ '-webkit-xxx-large',
+ ];
+ const styleAttrs = {
+ color: 'color',
+ face: 'font-family',
+ size: 'font-size',
+ };
+ if (!node.styleStr) node.styleStr = '';
+ Object.keys(styleAttrs).forEach((key) => {
+ if (node.attr[key]) {
+ const value = key === 'size' ? fontSize[node.attr[key] - 1] : node.attr[key];
+ node.styleStr += `${styleAttrs[key]}: ${value};`;
+ }
+ });
+ }
+
+ // 临时记录source资源
+ if (node.tag === 'source') {
+ results.source = node.attr.src;
+ }
+
+ if (customHandler.start) {
+ customHandler.start(node, results);
+ }
+
+ if (unary) {
+ // if this tag doesn't have end tag
+ // like 
+ // add to parents
+ const parent = bufArray[0] || results;
+ if (parent.nodes === undefined) {
+ parent.nodes = [];
+ }
+ parent.nodes.push(node);
+ } else {
+ bufArray.unshift(node);
+ }
+ },
+ end(tag) {
+ // merge into parent tag
+ const node = bufArray.shift();
+ if (node.tag !== tag) {
+ console.error('invalid state: mismatch end tag');
+ }
+
+ // 当有缓存source资源时于于video补上src资源
+ if (node.tag === 'video' && results.source) {
+ node.attr.src = results.source;
+ delete results.source;
+ }
+
+ if (customHandler.end) {
+ customHandler.end(node, results);
+ }
+
+ if (bufArray.length === 0) {
+ results.nodes.push(node);
+ } else {
+ const parent = bufArray[0];
+ if (!parent.nodes) {
+ parent.nodes = [];
+ }
+ parent.nodes.push(node);
+ }
+ },
+ chars(text) {
+ if (!text.trim()) return;
+
+ const node = {
+ node: 'text',
+ text,
+ };
+
+ if (customHandler.chars) {
+ customHandler.chars(node, results);
+ }
+
+ if (bufArray.length === 0) {
+ results.nodes.push(node);
+ } else {
+ const parent = bufArray[0];
+ if (parent.nodes === undefined) {
+ parent.nodes = [];
+ }
+ parent.nodes.push(node);
+ }
+ },
+ });
+
+ return results;
+}
+
+export default html2json;
diff --git a/components/u-parse/libs/htmlparser.js b/components/u-parse/libs/htmlparser.js
new file mode 100644
index 0000000..2939da3
--- /dev/null
+++ b/components/u-parse/libs/htmlparser.js
@@ -0,0 +1,156 @@
+/**
+ *
+ * htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser
+ *
+ * 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
+ */
+// Regular Expressions for parsing tags and attributes
+
+const startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z0-9_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/;
+const endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/;
+const attr = /([a-zA-Z0-9_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
+
+function makeMap(str) {
+ const obj = {};
+ const items = str.split(',');
+ for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;
+ return obj;
+}
+
+// Empty Elements - HTML 5
+const empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr');
+
+// Block Elements - HTML 5
+const block = makeMap('address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');
+
+// Inline Elements - HTML 5
+const inline = makeMap('a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');
+
+// Attributes that have their values filled in disabled="disabled"
+const fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected');
+
+function HTMLParser(html, handler) {
+ let index;
+ let chars;
+ let match;
+ let last = html;
+ const stack = [];
+
+ stack.last = () => stack[stack.length - 1];
+
+ function parseEndTag(tag, tagName) {
+ // If no tag name is provided, clean shop
+ let pos;
+ if (!tagName) {
+ pos = 0;
+ } else {
+ // Find the closest opened tag of the same type
+ tagName = tagName.toLowerCase();
+ for (pos = stack.length - 1; pos >= 0; pos -= 1) {
+ if (stack[pos] === tagName) break;
+ }
+ }
+ if (pos >= 0) {
+ // Close all the open elements, up the stack
+ for (let i = stack.length - 1; i >= pos; i -= 1) {
+ if (handler.end) handler.end(stack[i]);
+ }
+
+ // Remove the open elements from the stack
+ stack.length = pos;
+ }
+ }
+
+ function parseStartTag(tag, tagName, rest, unary) {
+ tagName = tagName.toLowerCase();
+
+ if (block[tagName]) {
+ while (stack.last() && inline[stack.last()]) {
+ parseEndTag('', stack.last());
+ }
+ }
+
+ if (closeSelf[tagName] && stack.last() === tagName) {
+ parseEndTag('', tagName);
+ }
+
+ unary = empty[tagName] || !!unary;
+
+ if (!unary) stack.push(tagName);
+
+ if (handler.start) {
+ const attrs = [];
+
+ rest.replace(attr, function genAttr(matches, name) {
+ const value = arguments[2] || arguments[3] || arguments[4] || (fillAttrs[name] ? name : '');
+
+ attrs.push({
+ name,
+ value,
+ escaped: value.replace(/(^|[^\\])"/g, '$1\\"'), // "
+ });
+ });
+
+ if (handler.start) {
+ handler.start(tagName, attrs, unary);
+ }
+ }
+ }
+
+ while (html) {
+ chars = true;
+
+ if (html.indexOf('');
+ str = str.replace(/•/g, '•');
+
+ return str;
+}
+
+// HTML 支持的其他实体
+function strOtherDiscode(str) {
+ str = str.replace(/Œ/g, 'Œ');
+ str = str.replace(/œ/g, 'œ');
+ str = str.replace(/Š/g, 'Š');
+ str = str.replace(/š/g, 'š');
+ str = str.replace(/Ÿ/g, 'Ÿ');
+ str = str.replace(/ƒ/g, 'ƒ');
+ str = str.replace(/ˆ/g, 'ˆ');
+ str = str.replace(/˜/g, '˜');
+ str = str.replace(/ /g, '');
+ str = str.replace(/ /g, '');
+ str = str.replace(/ /g, '');
+ str = str.replace(//g, '');
+ str = str.replace(//g, '');
+ str = str.replace(//g, '');
+ str = str.replace(//g, '');
+ str = str.replace(/–/g, '–');
+ str = str.replace(/—/g, '—');
+ str = str.replace(/‘/g, '‘');
+ str = str.replace(/’/g, '’');
+ str = str.replace(/‚/g, '‚');
+ str = str.replace(/“/g, '“');
+ str = str.replace(/”/g, '”');
+ str = str.replace(/„/g, '„');
+ str = str.replace(/†/g, '†');
+ str = str.replace(/‡/g, '‡');
+ str = str.replace(/•/g, '•');
+ str = str.replace(/…/g, '…');
+ str = str.replace(/‰/g, '‰');
+ str = str.replace(/′/g, '′');
+ str = str.replace(/″/g, '″');
+ str = str.replace(/‹/g, '‹');
+ str = str.replace(/›/g, '›');
+ str = str.replace(/‾/g, '‾');
+ str = str.replace(/€/g, '€');
+ str = str.replace(/™/g, '™');
+
+ str = str.replace(/←/g, '←');
+ str = str.replace(/↑/g, '↑');
+ str = str.replace(/→/g, '→');
+ str = str.replace(/↓/g, '↓');
+ str = str.replace(/↔/g, '↔');
+ str = str.replace(/↵/g, '↵');
+ str = str.replace(/⌈/g, '⌈');
+ str = str.replace(/⌉/g, '⌉');
+
+ str = str.replace(/⌊/g, '⌊');
+ str = str.replace(/⌋/g, '⌋');
+ str = str.replace(/◊/g, '◊');
+ str = str.replace(/♠/g, '♠');
+ str = str.replace(/♣/g, '♣');
+ str = str.replace(/♥/g, '♥');
+
+ str = str.replace(/♦/g, '♦');
+ str = str.replace(/'/g, "'");
+ return str;
+}
+
+function strDiscode(str) {
+ str = strNumDiscode(str);
+ str = strGreeceDiscode(str);
+ str = strcharacterDiscode(str);
+ str = strOtherDiscode(str);
+ return str;
+}
+
+function urlToHttpUrl(url, domain) {
+ if (/^\/\//.test(url)) {
+ return `https:${url}`;
+ } else if (/^\//.test(url)) {
+ return `https://${domain}${url}`;
+ }
+ return url;
+}
+
+export default {
+ strDiscode,
+ urlToHttpUrl,
+};
diff --git a/components/u-parse/readme.md b/components/u-parse/readme.md
new file mode 100644
index 0000000..f79b9c3
--- /dev/null
+++ b/components/u-parse/readme.md
@@ -0,0 +1,102 @@
+## uParse 适用于 uni-app/mpvue 的富文本解析组件
+
+> 支持 Html、Markdown 解析，Fork自: [mpvue-wxParse](https://github.com/F-loat/mpvue-wxParse)
+
+
+## 属性
+
+| 名称 | 类型 | 默认值 | 描述 |
+| -----------------|--------------- | ------------- | ---------------- |
+| loading | Boolean | false | 数据加载状态 |
+| className | String | — | 自定义 class 名称 |
+| content | String | — | 渲染内容 |
+| noData | String | 数据不能为空 | 空数据时的渲染展示 |
+| startHandler | Function | 见源码 | 自定义 parser 函数 |
+| endHandler | Function | null | 自定义 parser 函数 |
+| charsHandler | Function | null | 自定义 parser 函数 |
+| imageProp | Object | 见下文 | 图片相关参数 |
+
+### 自定义 parser 函数具体介绍
+
+* 传入的参数为当前节点 `node` 对象及解析结果 `results` 对象，例如 `startHandler(node, results)`
+* 无需返回值，通过对传入的参数直接操作来完成需要的改动
+* 自定义函数会在原解析函数处理之后执行
+
+### imageProp 对象具体属性
+
+| 名称 | 类型 | 默认值 | 描述 |
+| -----------------|--------------- | ------------- | ------------------ |
+| mode | String | 'aspectFit' | 图片裁剪、缩放的模式 |
+| padding | Number | 0 | 图片内边距 |
+| lazyLoad | Boolean | false | 图片懒加载 |
+| domain | String | '' | 图片服务域名 |
+
+## 事件
+
+| 名称 | 参数 | 描述 |
+| -----------------|----------------- | ---------------- |
+| preview | 图片地址，原始事件 | 预览图片时触发 |
+| navigate | 链接地址，原始事件 | 点击链接时触发 |
+
+## 基本使用方法
+
+
+``` vue
+
+
+
+
+
+
+
+
+
+```
+
+
+## 渲染 Markdown
+
+> 先将 markdown 转换为 html 即可
+
+```
+npm install marked
+```
+
+``` js
+import marked from 'marked'
+import uParse from '@/components/u-parse/u-parse.vue'
+
+export default {
+ components: {
+ uParse
+ },
+ data () {
+ return {
+ article: marked(`#hello, markdown!`)
+ }
+ }
+}
+```
diff --git a/components/u-parse/u-parse.css b/components/u-parse/u-parse.css
new file mode 100644
index 0000000..691993a
--- /dev/null
+++ b/components/u-parse/u-parse.css
@@ -0,0 +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
+ */
+
+.wxParse {
+ width: 100%;
+ font-family: Helvetica, sans-serif;
+ font-size: 30upx;
+ color: #666;
+ line-height: 1.8;
+}
+
+.wxParse view {
+ word-break: hyphenate;
+}
+
+.wxParse .inline {
+ display: inline;
+ margin: 0;
+ padding: 0;
+}
+
+.wxParse .div {
+ margin: 0;
+ padding: 0;
+}
+
+.wxParse .h1 .text {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+.wxParse .h2 .text {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+.wxParse .h3 .text {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+.wxParse .h4 .text {
+ margin: 1.33em 0;
+}
+.wxParse .h5 .text {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+.wxParse .h6 .text {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+.wxParse .h1 .text,
+.wxParse .h2 .text,
+.wxParse .h3 .text,
+.wxParse .h4 .text,
+.wxParse .h5 .text,
+.wxParse .h6 .text,
+.wxParse .b,
+.wxParse .strong {
+ font-weight: bolder;
+}
+
+
+.wxParse .p {
+ margin: 1em 0;
+}
+
+.wxParse .i,
+.wxParse .cite,
+.wxParse .em,
+.wxParse .var,
+.wxParse .address {
+ font-style: italic;
+}
+
+.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;
+}
+.wxParse .code {
+ display: inline;
+ background: #f5f5f5;
+}
+
+.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 .strong,
+.wxParse .s {
+ display: inline;
+}
+
+.wxParse .a {
+ color: deepskyblue;
+}
+
+.wxParse .video {
+ text-align: center;
+ margin: 22upx 0;
+}
+
+.wxParse .video-video {
+ width: 100%;
+}
+
+.wxParse .img {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ max-width: 100%;
+ 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: 33upx;
+}
+.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 .table {
+ width: 100%;
+}
+.wxParse .thead, .wxParse .tfoot, .wxParse .tr {
+ display: flex;
+ flex-direction: row;
+}
+.wxParse .tr {
+ width:100%;
+ display: flex;
+ border-right: 2upx solid #e0e0e0;
+ border-bottom: 2upx solid #e0e0e0;
+}
+.wxParse .th,
+.wxParse .td {
+ display: flex;
+ width: 1276upx;
+ overflow: auto;
+ flex: 1;
+ padding: 11upx;
+ border-left: 2upx solid #e0e0e0;
+}
+.wxParse .td:last {
+ border-top: 2upx solid #e0e0e0;
+}
+.wxParse .th {
+ background: #f0f0f0;
+ border-top: 2upx solid #e0e0e0;
+}
diff --git a/components/u-parse/u-parse.vue b/components/u-parse/u-parse.vue
new file mode 100644
index 0000000..494e60c
--- /dev/null
+++ b/components/u-parse/u-parse.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages.json b/pages.json
index ec89ba5..f744de6 100644
--- a/pages.json
+++ b/pages.json
@@ -3,6 +3,16 @@
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [{
+ "path": "pages/detail/detail",
+ "style": {
+ "navigationBarTitleText": "商品详情",
+ "navigationBarTextStyle": "white",
+ "navigationBarBackgroundColor": "#12CA64",
+ "enablePullDownRefresh": false
+ }
+
+ },
+ {
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "食瞳",
@@ -11,7 +21,7 @@
//导航栏取消
// "navigationStyle": "custom",
//是否开启下拉刷新
- "enablePullDownRefresh": false
+ "enablePullDownRefresh": true
}
},
{
@@ -41,6 +51,7 @@
"enablePullDownRefresh": false
}
}
+
],
"tabBar": {
"color": "#CCCCCC",
diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
new file mode 100644
index 0000000..2cb7162
--- /dev/null
+++ b/pages/detail/detail.vue
@@ -0,0 +1,175 @@
+
+
+
+
+
+
+
+ 收藏
+
+
+
+
+ {{item.title}}
+ {{item.tag}}
+
+
+ {{item.desc}}
+
+
+ {{item.classify}}
+
+ {{item.tagOne}}
+ {{item.tagTwo}}
+
+
+
+
+
+ 发布日期：
+ {{item.time}}
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 07c44c2..6f6bcb7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,33 +1,192 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+ {{listItem.title}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.img_tag}}
+
+
+
+ {{item.title}}
+
+
+
+
+ {{item.desc}}
+
+
+
+
+ 发布日期：
+ {{item.time}}
+
+
+
+
+
+
+
+
diff --git a/static/classify/sy_icon_cy.png b/static/classify/sy_icon_cy.png
new file mode 100644
index 0000000..a2acfcd
Binary files /dev/null and b/static/classify/sy_icon_cy.png differ
diff --git a/static/classify/sy_icon_cy@2x.png b/static/classify/sy_icon_cy@2x.png
new file mode 100644
index 0000000..dfb1124
Binary files /dev/null and b/static/classify/sy_icon_cy@2x.png differ
diff --git a/static/classify/sy_icon_gs.png b/static/classify/sy_icon_gs.png
new file mode 100644
index 0000000..8f44e63
Binary files /dev/null and b/static/classify/sy_icon_gs.png differ
diff --git a/static/classify/sy_icon_gs@2x.png b/static/classify/sy_icon_gs@2x.png
new file mode 100644
index 0000000..b8c85e1
Binary files /dev/null and b/static/classify/sy_icon_gs@2x.png differ
diff --git a/static/classify/sy_icon_hp.png b/static/classify/sy_icon_hp.png
new file mode 100644
index 0000000..48dee17
Binary files /dev/null and b/static/classify/sy_icon_hp.png differ
diff --git a/static/classify/sy_icon_hp@2x.png b/static/classify/sy_icon_hp@2x.png
new file mode 100644
index 0000000..45efa9c
Binary files /dev/null and b/static/classify/sy_icon_hp@2x.png differ
diff --git a/static/classify/sy_icon_hz.png b/static/classify/sy_icon_hz.png
new file mode 100644
index 0000000..c97a1bd
Binary files /dev/null and b/static/classify/sy_icon_hz.png differ
diff --git a/static/classify/sy_icon_hz@2x.png b/static/classify/sy_icon_hz@2x.png
new file mode 100644
index 0000000..70a124e
Binary files /dev/null and b/static/classify/sy_icon_hz@2x.png differ
diff --git a/static/classify/sy_icon_ls.png b/static/classify/sy_icon_ls.png
new file mode 100644
index 0000000..06e04a0
Binary files /dev/null and b/static/classify/sy_icon_ls.png differ
diff --git a/static/classify/sy_icon_ls@2x.png b/static/classify/sy_icon_ls@2x.png
new file mode 100644
index 0000000..ac04b48
Binary files /dev/null and b/static/classify/sy_icon_ls@2x.png differ
diff --git a/static/classify/sy_icon_np.png b/static/classify/sy_icon_np.png
new file mode 100644
index 0000000..862c400
Binary files /dev/null and b/static/classify/sy_icon_np.png differ
diff --git a/static/classify/sy_icon_np@2x.png b/static/classify/sy_icon_np@2x.png
new file mode 100644
index 0000000..7d056a4
Binary files /dev/null and b/static/classify/sy_icon_np@2x.png differ
diff --git a/static/classify/sy_icon_rs.png b/static/classify/sy_icon_rs.png
new file mode 100644
index 0000000..bc436ed
Binary files /dev/null and b/static/classify/sy_icon_rs.png differ
diff --git a/static/classify/sy_icon_rs@2x.png b/static/classify/sy_icon_rs@2x.png
new file mode 100644
index 0000000..9558226
Binary files /dev/null and b/static/classify/sy_icon_rs@2x.png differ
diff --git a/static/classify/sy_icon_sj.png b/static/classify/sy_icon_sj.png
new file mode 100644
index 0000000..6d98d0d
Binary files /dev/null and b/static/classify/sy_icon_sj.png differ
diff --git a/static/classify/sy_icon_sj@2x.png b/static/classify/sy_icon_sj@2x.png
new file mode 100644
index 0000000..f7db782
Binary files /dev/null and b/static/classify/sy_icon_sj@2x.png differ
diff --git a/static/classify/sy_icon_tw.png b/static/classify/sy_icon_tw.png
new file mode 100644
index 0000000..b36813d
Binary files /dev/null and b/static/classify/sy_icon_tw.png differ
diff --git a/static/classify/sy_icon_tw@2x.png b/static/classify/sy_icon_tw@2x.png
new file mode 100644
index 0000000..c529e55
Binary files /dev/null and b/static/classify/sy_icon_tw@2x.png differ
diff --git a/static/classify/sy_icon_yp.png b/static/classify/sy_icon_yp.png
new file mode 100644
index 0000000..7ed9d2a
Binary files /dev/null and b/static/classify/sy_icon_yp.png differ
diff --git a/static/classify/sy_icon_yp@2x.png b/static/classify/sy_icon_yp@2x.png
new file mode 100644
index 0000000..182d27a
Binary files /dev/null and b/static/classify/sy_icon_yp@2x.png differ
diff --git a/static/detail/xiangqing_icon_shoucang.png b/static/detail/xiangqing_icon_shoucang.png
new file mode 100644
index 0000000..09508db
Binary files /dev/null and b/static/detail/xiangqing_icon_shoucang.png differ
diff --git a/static/detail/xiangqing_icon_shoucang@2x.png b/static/detail/xiangqing_icon_shoucang@2x.png
new file mode 100644
index 0000000..96d2dba
Binary files /dev/null and b/static/detail/xiangqing_icon_shoucang@2x.png differ
diff --git a/static/detail/xp_icon_ysc.png b/static/detail/xp_icon_ysc.png
new file mode 100644
index 0000000..5f09e18
Binary files /dev/null and b/static/detail/xp_icon_ysc.png differ
diff --git a/static/detail/xp_icon_ysc@2x.png b/static/detail/xp_icon_ysc@2x.png
new file mode 100644
index 0000000..04e32a6
Binary files /dev/null and b/static/detail/xp_icon_ysc@2x.png differ
diff --git a/static/detail/zhanwei_xppx.png b/static/detail/zhanwei_xppx.png
new file mode 100644
index 0000000..2b2ef7e
Binary files /dev/null and b/static/detail/zhanwei_xppx.png differ
diff --git a/static/detail/zhanwei_xppx@2x.png b/static/detail/zhanwei_xppx@2x.png
new file mode 100644
index 0000000..80e93db
Binary files /dev/null and b/static/detail/zhanwei_xppx@2x.png differ
diff --git a/static/products/sy_bb(1).png b/static/products/sy_bb(1).png
new file mode 100644
index 0000000..4470d25
Binary files /dev/null and b/static/products/sy_bb(1).png differ
diff --git a/static/products/sy_bb.png b/static/products/sy_bb.png
new file mode 100644
index 0000000..2e2732f
Binary files /dev/null and b/static/products/sy_bb.png differ
diff --git a/static/products/sy_bb@2x(1).png b/static/products/sy_bb@2x(1).png
new file mode 100644
index 0000000..157d9a7
Binary files /dev/null and b/static/products/sy_bb@2x(1).png differ
diff --git a/static/products/sy_bb@2x.png b/static/products/sy_bb@2x.png
new file mode 100644
index 0000000..157d9a7
Binary files /dev/null and b/static/products/sy_bb@2x.png differ
diff --git a/static/products/sy_bg.png b/static/products/sy_bg.png
new file mode 100644
index 0000000..5da1716
Binary files /dev/null and b/static/products/sy_bg.png differ
diff --git a/static/products/sy_icon_sjf(1).png b/static/products/sy_icon_sjf(1).png
new file mode 100644
index 0000000..1ccc04f
Binary files /dev/null and b/static/products/sy_icon_sjf(1).png differ
diff --git a/static/products/sy_icon_sjf.png b/static/products/sy_icon_sjf.png
new file mode 100644
index 0000000..1ccc04f
Binary files /dev/null and b/static/products/sy_icon_sjf.png differ
diff --git a/static/products/sy_icon_sjf@2x(1).png b/static/products/sy_icon_sjf@2x(1).png
new file mode 100644
index 0000000..443b754
Binary files /dev/null and b/static/products/sy_icon_sjf@2x(1).png differ
diff --git a/static/products/sy_icon_sjf@2x.png b/static/products/sy_icon_sjf@2x.png
new file mode 100644
index 0000000..443b754
Binary files /dev/null and b/static/products/sy_icon_sjf@2x.png differ
diff --git a/static/products/zhanwei_dg(1).png b/static/products/zhanwei_dg(1).png
new file mode 100644
index 0000000..3d09e13
Binary files /dev/null and b/static/products/zhanwei_dg(1).png differ
diff --git a/static/products/zhanwei_dg(2).png b/static/products/zhanwei_dg(2).png
new file mode 100644
index 0000000..b2bed95
Binary files /dev/null and b/static/products/zhanwei_dg(2).png differ
diff --git a/static/products/zhanwei_dg(3).png b/static/products/zhanwei_dg(3).png
new file mode 100644
index 0000000..8fc39c3
Binary files /dev/null and b/static/products/zhanwei_dg(3).png differ
diff --git a/static/products/zhanwei_dg.png b/static/products/zhanwei_dg.png
new file mode 100644
index 0000000..6f08046
Binary files /dev/null and b/static/products/zhanwei_dg.png differ
diff --git a/static/products/zhanwei_dg@2x(1).png b/static/products/zhanwei_dg@2x(1).png
new file mode 100644
index 0000000..89f2726
Binary files /dev/null and b/static/products/zhanwei_dg@2x(1).png differ
diff --git a/static/products/zhanwei_dg@2x(2).png b/static/products/zhanwei_dg@2x(2).png
new file mode 100644
index 0000000..eac9677
Binary files /dev/null and b/static/products/zhanwei_dg@2x(2).png differ
diff --git a/static/products/zhanwei_dg@2x(3).png b/static/products/zhanwei_dg@2x(3).png
new file mode 100644
index 0000000..4cf5e1c
Binary files /dev/null and b/static/products/zhanwei_dg@2x(3).png differ
diff --git a/static/products/zhanwei_dg@2x.png b/static/products/zhanwei_dg@2x.png
new file mode 100644
index 0000000..6a148ce
Binary files /dev/null and b/static/products/zhanwei_dg@2x.png differ