123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814 |
- <template>
- <view>
- <slot v-if="!nodes.length" />
-
- <web-view id="top" ref="web" :src="src" :style="'margin-top:-2px;height:'+height+'px'" @onPostMessage="_message" />
-
-
- <view id="top" :style="showAm+(selectable?';user-select:text;-webkit-user-select:text':'')" :animation="scaleAm" @tap="_tap"
- @touchstart="_touchstart" @touchmove="_touchmove">
-
- <div :id="'rtf'+uid"></div>
-
-
- <trees :nodes="nodes" :lazy-load="lazyLoad" :loadVideo="loadVideo" />
- <image v-for="(item, index) in imgs" v-bind:key="index" :id="index" :src="item" hidden @load="_load" />
-
- </view>
-
- </view>
- </template>
- <script>
-
- import trees from './libs/trees';
- var cache = {},
-
- fs = uni.getFileSystemManager ? uni.getFileSystemManager() : null,
-
- Parser = require('./libs/MpHtmlParser.js');
- var document;
-
- function hash(str) {
- for (var i = str.length, val = 5381; i--;)
- val += (val << 5) + str.charCodeAt(i);
- return val;
- }
-
-
- var rpx = uni.getSystemInfoSync().screenWidth / 750,
- cfg = require('./libs/config.js');
-
-
- var dom = weex.requireModule('dom');
-
- export default {
- name: 'parser',
- data() {
- return {
-
- loadVideo: false,
-
-
- uid: this._uid,
-
-
- src: '',
- height: 1,
-
-
- scaleAm: '',
- showAm: '',
- imgs: [],
-
- nodes: []
- }
- },
-
- components: {
- trees
- },
-
- props: {
- 'html': null,
-
- 'autopause': {
- type: Boolean,
- default: true
- },
-
- 'autosetTitle': {
- type: Boolean,
- default: true
- },
-
- 'compress': Number,
- 'useCache': Boolean,
- 'xml': Boolean,
-
- 'domain': String,
-
- 'gestureZoom': Boolean,
-
-
- 'lazyLoad': Boolean,
-
- 'selectable': Boolean,
- 'tagStyle': Object,
- 'showWithAnimation': Boolean,
- 'useAnchor': Boolean
- },
- watch: {
- html(html) {
- this.setContent(html);
- }
- },
- mounted() {
-
- this.imgList = [];
- this.imgList.each = function(f) {
- for (var i = 0, len = this.length; i < len; i++)
- this.setItem(i, f(this[i], i, this));
- }
- this.imgList.setItem = function(i, src) {
- if (i == void 0 || !src) return;
-
-
- if (src.indexOf('http') == 0 && this.includes(src)) {
- var newSrc = '';
- for (var j = 0, c; c = src[j]; j++) {
- if (c == '/' && src[j - 1] != '/' && src[j + 1] != '/') break;
- newSrc += Math.random() > 0.5 ? c.toUpperCase() : c;
- }
- newSrc += src.substr(j);
- return this[i] = newSrc;
- }
-
- this[i] = src;
-
- if (src.includes('data:image')) {
- var filePath, info = src.match(/data:image\/(\S+?);(\S+?),(.+)/);
- if (!info) return;
-
- filePath = `${wx.env.USER_DATA_PATH}/${Date.now()}.${info[1]}`;
- fs && fs.writeFile({
- filePath,
- data: info[3],
- encoding: info[2],
- success: () => this[i] = filePath
- })
-
-
- filePath = `_doc/parser_tmp/${Date.now()}.${info[1]}`;
- var bitmap = new plus.nativeObj.Bitmap();
- bitmap.loadBase64Data(src, () => {
- bitmap.save(filePath, {}, () => {
- bitmap.clear()
- this[i] = filePath;
- })
- })
-
- }
- }
- if (this.html) this.setContent(this.html);
- },
- beforeDestroy() {
-
- if (this._observer) this._observer.disconnect();
-
- this.imgList.each(src => {
-
- if (src && src.includes('_doc')) {
- plus.io.resolveLocalFileSystemURL(src, entry => {
- entry.remove();
- });
- }
-
-
- if (src && uni.env && src.includes(uni.env.USER_DATA_PATH))
- fs && fs.unlink({
- filePath: src
- })
-
- })
- clearInterval(this._timer);
- },
- methods: {
-
- _Dom2Str(nodes) {
- var str = '';
- for (var node of nodes) {
- if (node.type == 'text')
- str += node.text;
- else {
- str += ('<' + node.name);
- for (var attr in node.attrs || {})
- str += (' ' + attr + '="' + node.attrs[attr] + '"');
- if (!node.children || !node.children.length) str += '>';
- else str += ('>' + this._Dom2Str(node.children) + '</' + node.name + '>');
- }
- }
- return str;
- },
- _handleHtml(html, append) {
- if (typeof html != 'string') html = this._Dom2Str(html.nodes || html);
-
- if (html.includes('rpx'))
- html = html.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * rpx + 'px');
- if (!append) {
-
- var style = '<style>@keyframes show{0%{opacity:0}100%{opacity:1}}';
- for (var item in cfg.userAgentStyles)
- style += `${item}{${cfg.userAgentStyles[item]}}`;
- for (item in this.tagStyle)
- style += `${item}{${this.tagStyle[item]}}`;
- style += '</style>';
- html = style + html;
- }
- return html;
- },
-
- setContent(html, append) {
-
- if (!html) {
- this.src = '';
- this.height = 1;
- return;
- }
- if (append) return;
- plus.io.resolveLocalFileSystemURL('_doc', entry => {
- entry.getDirectory('parser_tmp', {
- create: true
- }, entry => {
- var fileName = Date.now() + '.html';
- entry.getFile(fileName, {
- create: true
- }, entry => {
- entry.createWriter(writer => {
- writer.onwriteend = () => {
- this.nodes = [1];
- this.src = '_doc/parser_tmp/' + fileName;
- this.$nextTick(function() {
- entry.remove();
- })
- }
- html =
- '<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1' +
- (this.selectable ? '' : ',user-scalable=no') +
- '"><script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></' +
- 'script><base href="' + this.domain + '">' + this._handleHtml(html) +
- '<script>"use strict";function post(t){uni.postMessage({data:t})}' +
- (this.showWithAnimation ? 'document.body.style.animation="show .5s",' : '') +
- 'document.addEventListener("UniAppJSBridgeReady",function(){post({action:"load",text:document.body.innerText});var t=document.getElementsByTagName("title");t.length&&post({action:"getTitle",title:t[0].innerText});for(var e,o=document.getElementsByTagName("img"),n=[],i=0,r=0;e=o[i];i++)e.onerror=function(){post({action:"error",source:"img",target:this})},e.hasAttribute("ignore")||"A"==e.parentElement.nodeName||(e.i=r++,n.push(e.src),e.onclick=function(){post({action:"preview",img:{i:this.i,src:this.src}})});post({action:"getImgList",imgList:n});for(var a,s=document.getElementsByTagName("a"),c=0;a=s[c];c++)a.onclick=function(){var t,e=this.getAttribute("href");if("#"==e[0]){var r=document.getElementById(e.substr(1));r&&(t=r.offsetTop)}return post({action:"linkpress",href:e,offset:t}),!1};;for(var u,m=document.getElementsByTagName("video"),d=0;u=m[d];d++)u.style.maxWidth="100%",u.onerror=function(){post({action:"error",source:"video",target:this})}' +
- (this.autopause ? ',u.onplay=function(){for(var t,e=0;t=m[e];e++)t!=this&&t.pause()}' : '') +
- ';for(var g,l=document.getElementsByTagName("audio"),p=0;g=l[p];p++)g.onerror=function(){post({action:"error",source:"audio",target:this})};window.onload=function(){post({action:"ready",height:document.body.scrollHeight})}});</' +
- 'script>';
- writer.write(html);
- });
- })
- })
- })
-
-
- if (!html) {
- if (this.rtf && !append) this.rtf.parentNode.removeChild(this.rtf);
- return;
- }
- var div = document.createElement('div');
- if (!append) {
- if (this.rtf) this.rtf.parentNode.removeChild(this.rtf);
- this.rtf = div;
- } else {
- if (!this.rtf) this.rtf = div;
- else this.rtf.appendChild(div);
- }
- div.innerHTML = this._handleHtml(html, append);
- for (var styles = this.rtf.getElementsByTagName('style'), i = 0, style; style = styles[i++];) {
- style.innerHTML = style.innerHTML.replace(/body/g, '#rtf' + this._uid);
- style.setAttribute('scoped', 'true');
- }
-
- if (!this._observer && this.lazyLoad && IntersectionObserver) {
- this._observer = new IntersectionObserver(changes => {
- for (let item, i = 0; item = changes[i++];) {
- if (item.isIntersecting) {
- item.target.src = item.target.getAttribute('data-src');
- item.target.removeAttribute('data-src');
- this._observer.unobserve(item.target);
- }
- }
- }, {
- rootMargin: '900px 0px 900px 0px'
- })
- }
- var _ts = this;
-
- var title = this.rtf.getElementsByTagName('title');
- if (title.length && this.autosetTitle)
- uni.setNavigationBarTitle({
- title: title[0].innerText
- })
-
- this.imgList.length = 0;
- var imgs = this.rtf.getElementsByTagName('img');
- for (let i = 0, j = 0, img; img = imgs[i]; i++) {
- img.style.maxWidth = '100%';
- var src = img.getAttribute('src');
- if (this.domain && src) {
- if (src[0] == '/') {
- if (src[1] == '/')
- img.src = (this.domain.includes('://') ? this.domain.split('://')[0] : '') + ':' + src;
- else img.src = this.domain + src;
- } else if (!src.includes('://')) img.src = this.domain + '/' + src;
- }
- if (!img.hasAttribute('ignore') && img.parentElement.nodeName != 'A') {
- img.i = j++;
- _ts.imgList.push(img.src || img.getAttribute('data-src'));
- img.onclick = function() {
- var preview = true;
- this.ignore = () => preview = false;
- _ts.$emit('imgtap', this);
- if (preview) {
- uni.previewImage({
- current: this.i,
- urls: _ts.imgList
- });
- }
- }
- }
- img.onerror = function() {
- _ts.$emit('error', {
- source: 'img',
- target: this
- });
- }
- if (_ts.lazyLoad && this._observer && img.src && img.i != 0) {
- img.setAttribute('data-src', img.src);
- img.removeAttribute('src');
- this._observer.observe(img);
- }
- }
-
- var links = this.rtf.getElementsByTagName('a');
- for (var link of links) {
- link.onclick = function() {
- var jump = true,
- href = this.getAttribute('href');
- _ts.$emit('linkpress', {
- href,
- ignore: () => jump = false
- });
- if (jump && href) {
- if (href[0] == '#') {
- if (_ts.useAnchor) {
- _ts.navigateTo({
- id: href.substr(1)
- })
- }
- } else if (href.indexOf('http') == 0 || href.indexOf('//') == 0)
- return true;
- else {
- uni.navigateTo({
- url: href
- })
- }
- }
- return false;
- }
- }
-
- var videos = this.rtf.getElementsByTagName('video');
- _ts.videoContexts = videos;
- for (let video, i = 0; video = videos[i++];) {
- video.style.maxWidth = '100%';
- video.onerror = function() {
- _ts.$emit('error', {
- source: 'video',
- target: this
- });
- }
- video.onplay = function() {
- if (_ts.autopause)
- for (let item, i = 0; item = _ts.videoContexts[i++];)
- if (item != this) item.pause();
- }
- }
-
- var audios = this.rtf.getElementsByTagName('audios');
- for (var audio of audios)
- audio.onerror = function() {
- _ts.$emit('error', {
- source: 'audio',
- target: this
- });
- }
- this.document = this.rtf;
- if (!append) document.getElementById('rtf' + this._uid).appendChild(this.rtf);
- this.$nextTick(() => {
- this.nodes = [1];
- this.$emit('load');
- })
- setTimeout(() => this.showAm = '', 500);
-
-
- var nodes;
- if (!html)
- return this.nodes = [];
- else if (typeof html == 'string') {
- let parser = new Parser(html, this);
-
- if (this.useCache) {
- var hashVal = hash(html);
- if (cache[hashVal])
- nodes = cache[hashVal];
- else {
- nodes = parser.parse();
- cache[hashVal] = nodes;
- }
- } else nodes = parser.parse();
- this.$emit('parse', nodes);
- } else if (Object.prototype.toString.call(html) == '[object Array]') {
-
- if (html.length && html[0].PoweredBy != 'Parser') {
- let parser = new Parser(html, this);
- (function f(ns) {
- for (var i = 0, n; n = ns[i]; i++) {
- if (n.type == 'text') continue;
- n.attrs = n.attrs || {};
- for (var item in n.attrs)
- if (typeof n.attrs[item] != 'string') n.attrs[item] = n.attrs[item].toString();
- parser.matchAttr(n, parser);
- if (n.children && n.children.length) {
- parser.STACK.push(n);
- f(n.children);
- parser.popNode(parser.STACK.pop());
- } else n.children = void 0;
- }
- })(html);
- }
- nodes = html;
- } else if (typeof html == 'object' && html.nodes) {
- nodes = html.nodes;
- console.warn('错误的 html 类型:object 类型已废弃');
- } else
- return console.warn('错误的 html 类型:' + typeof html);
-
- this.loadVideo = false;
-
- if (document) this.document = new document(this.nodes, 'nodes', this);
- if (append) this.nodes = this.nodes.concat(nodes);
- else this.nodes = nodes;
- if (nodes.length && nodes[0].title && this.autosetTitle)
- uni.setNavigationBarTitle({
- title: nodes[0].title
- })
- this.$nextTick(() => {
- this.imgList.length = 0;
- this.videoContexts = [];
-
- setTimeout(() => {
-
- var f = (cs) => {
- for (let i = 0, c; c = cs[i++];) {
- if (c.$options.name == 'trees') {
- for (var j = c.nodes.length, item; item = c.nodes[--j];) {
- if (item.c) continue;
- if (item.name == 'img') {
- this.imgList.setItem(item.attrs.i, item.attrs.src);
-
- if (!c.observer && !c.imgLoad && item.attrs.i != '0') {
- if (this.lazyLoad && uni.createIntersectionObserver) {
- c.observer = uni.createIntersectionObserver(c);
- c.observer.relativeToViewport({
- top: 900,
- bottom: 900
- }).observe('._img', () => {
- c.imgLoad = true;
- c.observer.disconnect();
- })
- } else
- c.imgLoad = true;
- }
-
- }
-
- else if (item.name == 'video') {
- var ctx = uni.createVideoContext(item.attrs.id, c);
- ctx.id = item.attrs.id;
- this.videoContexts.push(ctx);
- }
-
-
- if (item.attrs && item.attrs.id) {
- this.anchors = this.anchors || [];
- this.anchors.push({
- id: item.attrs.id,
- node: c
- })
- }
-
- }
- }
- if (c.$children.length)
- f(c.$children)
- }
- }
- f(this.$children);
-
- }, 200)
- this.$emit('load');
-
-
- setTimeout(() => {
- this.loadVideo = true;
- }, 3000);
-
- })
-
-
- var height;
- clearInterval(this._timer);
- this._timer = setInterval(() => {
-
- var res = [this.rtf.getBoundingClientRect()];
-
-
-
- uni.createSelectorQuery().in(this)
-
-
- this.createSelectorQuery()
-
- .select('#top').boundingClientRect().exec(res => {
-
- this.width = res[0].width;
- if (res[0].height == height) {
- this.$emit('ready', res[0])
- clearInterval(this._timer);
- }
- height = res[0].height;
-
- });
-
- }, 350)
- if (this.showWithAnimation && !append) this.showAm = 'animation:show .5s';
-
- },
- getText(ns = this.nodes) {
-
- return this._text;
-
-
- return this.rtf.innerText;
-
-
- var txt = '';
- for (var i = 0, n; n = ns[i++];) {
- if (n.type == 'text') txt += n.text.replace(/ /g, '\u00A0').replace(/</g, '<').replace(/>/g, '>')
- .replace(/&/g, '&');
- else if (n.type == 'br') txt += '\n';
- else {
-
- var block = n.name == 'p' || n.name == 'div' || n.name == 'tr' || n.name == 'li' || (n.name[0] == 'h' && n.name[1] >
- '0' && n.name[1] < '7');
- if (block && txt && txt[txt.length - 1] != '\n') txt += '\n';
- if (n.children) txt += this.getText(n.children);
- if (block && txt[txt.length - 1] != '\n') txt += '\n';
- else if (n.name == 'td' || n.name == 'th') txt += '\t';
- }
- }
- return txt;
-
- },
- navigateTo(obj) {
- if (!this.useAnchor)
- return obj.fail && obj.fail({
- errMsg: 'Anchor is disabled'
- })
-
- if (!obj.id)
- dom.scrollToElement(this.$refs.web);
- else
- this.$refs.web.evalJs('var pos=document.getElementById("' + obj.id +
- '");if(pos)post({action:"linkpress",href:"#",offset:pos.offsetTop})');
- return obj.success && obj.success({
- errMsg: 'pageScrollTo:ok'
- });
-
-
- if (!obj.id) {
- window.scrollTo(0, this.rtf.offsetTop);
- return obj.success && obj.success({
- errMsg: 'pageScrollTo:ok'
- });
- }
- var target = document.getElementById(obj.id);
- if (!target) return obj.fail && obj.fail({
- errMsg: 'Label not found'
- });
- obj.scrollTop = this.rtf.offsetTop + target.offsetTop;
- uni.pageScrollTo(obj);
-
-
- var Scroll = (selector, component) => {
- uni.createSelectorQuery().in(component ? component : this).select(selector).boundingClientRect().selectViewport()
- .scrollOffset()
- .exec(res => {
- if (!res || !res[0])
- return obj.fail && obj.fail({
- errMsg: 'Label not found'
- });
- obj.scrollTop = res[1].scrollTop + res[0].top;
- uni.pageScrollTo(obj);
- })
- }
- if (!obj.id) Scroll('#top');
- else {
-
- Scroll('#top >>> #' + obj.id + ', #top >>> .' + obj.id);
-
-
- for (var anchor of this.anchors)
- if (anchor.id == obj.id)
- Scroll('#' + obj.id + ', .' + obj.id, anchor.node);
-
- }
-
- },
- getVideoContext(id) {
-
- if (!id) return this.videoContexts;
- else
- for (var i = this.videoContexts.length; i--;)
- if (this.videoContexts[i].id == id) return this.videoContexts[i];
-
- },
-
- preLoad(html, num) {
-
- if (html.constructor == Array)
- html = this._Dom2Str(html);
- var script = "var contain=document.createElement('div');contain.innerHTML='" + html.replace(/'/g, "\\'") +
- "';for(var imgs=contain.querySelectorAll('img'),i=imgs.length-1;i>=" + num +
- ";i--)imgs[i].removeAttribute('src');";
-
-
- this.$refs.web.evalJs(script);
-
-
- eval(script);
-
-
- if (typeof html == 'string') {
- var id = hash(html);
- html = new Parser(html, this).parse();
- cache[id] = html;
- }
- var wait = [];
- (function f(ns) {
- for (var i = 0, n; n = ns[i++];) {
- if (n.name == 'img' && n.attrs.src && !wait.includes(n.attrs.src))
- wait.push(n.attrs.src);
- f(n.children || []);
- }
- })(html);
- if (num) wait = wait.slice(0, num);
- this._wait = (this._wait || []).concat(wait);
- if (!this.imgs) this.imgs = this._wait.splice(0, 15);
- else if (this.imgs.length < 15)
- this.imgs = this.imgs.concat(this._wait.splice(0, 15 - this.imgs.length));
-
- },
-
- _message(e) {
-
- var data = e.detail.data[0];
- if (data.action == 'load') {
- this.$emit('load');
- this._text = data.text;
- } else if (data.action == 'getTitle') {
- if (this.autosetTitle)
- uni.setNavigationBarTitle({
- title: data.title
- })
- } else if (data.action == 'getImgList') {
- this.imgList.length = 0;
- for (var i = data.imgList.length; i--;)
- this.imgList.setItem(i, data.imgList[i]);
- } else if (data.action == 'preview') {
- var preview = true;
- data.img.ignore = () => preview = false;
- this.$emit('imgtap', data.img);
- if (preview)
- uni.previewImage({
- current: data.img.i,
- urls: this.imgList
- })
- } else if (data.action == 'linkpress') {
- var jump = true,
- href = data.href;
- this.$emit('linkpress', {
- href,
- ignore: () => jump = false
- })
- if (jump && href) {
- if (href[0] == '#') {
- if (this.useAnchor)
- dom.scrollToElement(this.$refs.web, {
- offset: data.offset
- })
- } else if (href.includes('://'))
- plus.runtime.openWeb(href);
- else
- uni.navigateTo({
- url: href
- })
- }
- } else if (data.action == 'error')
- this.$emit('error', {
- source: data.source,
- target: data.target
- })
- else if (data.action == 'ready') {
- this.height = data.height;
- this.$nextTick(() => {
- uni.createSelectorQuery().in(this).select('#top').boundingClientRect().exec(res => {
- this.rect = res[0];
- this.$emit('ready', res[0]);
- })
- })
- }
- },
-
-
-
- _load(e) {
- if (this._wait.length)
- this.$set(this.imgs, e.target.id, this._wait.shift());
- },
- // #endif
- _tap(e) {
-
- if (this.gestureZoom && e.timeStamp - this._lastT < 300) {
- var initY = e.touches[0].pageY - e.currentTarget.offsetTop;
- if (this._zoom) {
- this._scaleAm.translateX(0).scale(1).step();
- uni.pageScrollTo({
- scrollTop: (initY + this._initY) / 2 - e.touches[0].clientY,
- duration: 400
- })
- } else {
- var initX = e.touches[0].pageX - e.currentTarget.offsetLeft;
- this._initY = initY;
- this._scaleAm = uni.createAnimation({
- transformOrigin: `${initX}px ${this._initY}px 0`,
- timingFunction: 'ease-in-out'
- });
-
- this._scaleAm.opacity(1);
-
- this._scaleAm.scale(2).step();
- this._tMax = initX / 2;
- this._tMin = (initX - this.width) / 2;
- this._tX = 0;
- }
- this._zoom = !this._zoom;
- this.scaleAm = this._scaleAm.export();
- }
- this._lastT = e.timeStamp;
-
- },
- _touchstart(e) {
-
- if (e.touches.length == 1)
- this._initX = this._lastX = e.touches[0].pageX;
-
- },
- _touchmove(e) {
-
- var diff = e.touches[0].pageX - this._lastX;
- if (this._zoom && e.touches.length == 1 && Math.abs(diff) > 20) {
- this._lastX = e.touches[0].pageX;
- if ((this._tX <= this._tMin && diff < 0) || (this._tX >= this._tMax && diff > 0))
- return;
- this._tX += (diff * Math.abs(this._lastX - this._initX) * 0.05);
- if (this._tX < this._tMin) this._tX = this._tMin;
- if (this._tX > this._tMax) this._tX = this._tMax;
- this._scaleAm.translateX(this._tX).step();
- this.scaleAm = this._scaleAm.export();
- }
-
- }
-
- }
- }
- </script>
- <style>
- @keyframes show {
- 0% {
- opacity: 0
- }
- 100% {
- opacity: 1;
- }
- }
-
- :host {
- display: block;
- overflow: scroll;
- -webkit-overflow-scrolling: touch;
- }
-
- </style>
|