leiyun
/
cytx_mp
1
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
1 коммит
1 ветка
5.2 MiB
 
 
 
 
Дерево: bc497ec898
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'bc497ec898'
${ noResults }
cytx_mp/uni_modules/mp-html/components/mp-html/node/node.vue

626 строки
17 KiB
Исходник Вина История 

  1. <template>

  2.   <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">

  3.     <block v-for="(n, i) in nodes" v-bind:key="i">

  4.       <!-- 图片 -->

  5.       <!-- 占位图 -->

  6.       <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />

  7.       <!-- 显示图片 -->

  8.       <!-- #ifdef H5 || (APP-PLUS && VUE2) -->

  9.       <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />

  10.       <!-- #endif -->

  11.       <!-- #ifndef H5 || (APP-PLUS && VUE2) -->

  12.       <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->

  13.       <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />

  14.       <!-- #endif -->

  15.       <!-- #ifdef APP-HARMONY -->

  16.       <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+ctrl[i]+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />

  17.       <!-- #endif -->

  18.       <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->

  19.       <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />

  20.       <!-- #endif -->

  21.       <!-- #ifdef MP-KUAISHOU -->

  22.       <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>

  23.       <!-- #endif -->

  24.       <!-- #ifdef APP-PLUS && VUE3 -->

  25.       <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />

  26.       <!-- #endif -->

  27.       <!-- 文本 -->

  28.       <!-- #ifdef MP-WEIXIN -->

  29.       <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>

  30.       <!-- #endif -->

  31.       <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->

  32.       <text v-else-if="n.text" decode>{{n.text}}</text>

  33.       <!-- #endif -->

  34.       <text v-else-if="n.name==='br'">{{'\n'}}</text>

  35.       <!-- 链接 -->

  36.       <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">

  37.         <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />

  38.       </view>

  39.       <!-- 视频 -->

  40.       <!-- #ifdef APP-PLUS -->

  41.       <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" :data-i="i" @vplay.stop="play" />

  42.       <!-- #endif -->

  43.       <!-- #ifndef APP-PLUS -->

  44.       <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @pause="mediaEvent" @fullscreenchange="mediaEvent" @error="mediaError" />

  45.       <!-- #endif -->

  46.       <!-- #ifdef H5 || APP-PLUS -->

  47.       <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />

  48.       <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />

  49.       <!-- #endif -->

  50.       <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->

  51.       <!-- 音频 -->

  52.       <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @pause="mediaEvent" @error="mediaError" />

  53.       <!-- #endif -->

  54.       <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">

  55.         <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />

  56.         <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">

  57.           <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />

  58.           <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">

  59.             <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">

  60.               <node :childs="tr.children" :opts="opts" />

  61.             </view>

  62.             <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">

  63.               <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">

  64.                 <node :childs="td.children" :opts="opts" />

  65.               </view>

  66.             </view>

  67.           </block>

  68.         </view>

  69.       </view>

  70.       

  71.       <!-- 富文本 -->

  72.       <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->

  73.       <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />

  74.       <!-- #endif -->

  75.       <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->

  76.       <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />

  77.       <!-- #endif -->

  78.       <!-- 继续递归 -->

  79.       <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">

  80.         <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />

  81.       </view>

  82.       <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />

  83.     </block>

  84.   </view>

  85. </template>

  86. <script module="handler" lang="wxs">

  87. // 行内标签列表

  88. var inlineTags = {

  89.   abbr: true,

  90.   b: true,

  91.   big: true,

  92.   code: true,

  93.   del: true,

  94.   em: true,

  95.   i: true,

  96.   ins: true,

  97.   label: true,

  98.   q: true,

  99.   small: true,

  100.   span: true,

  101.   strong: true,

  102.   sub: true,

  103.   sup: true

  104. }

  105. /**

  106.  * @description 判断是否为行内标签

  107.  */

  108. module.exports = {

  109.   isInline: function (tagName, style) {

  110.     return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1

  111.   }

  112. }

  113. </script>

  114. <script>

  115. 

  116. import node from './node'

  117. export default {

  118.   name: 'node',

  119.   options: {

  120.     // #ifdef MP-WEIXIN

  121.     virtualHost: true,

  122.     // #endif

  123.     // #ifdef MP-TOUTIAO

  124.     addGlobalClass: false

  125.     // #endif

  126.   },

  127.   data () {

  128.     return {

  129.       ctrl: {},

  130.       nodes: [],

  131.       // #ifdef MP-WEIXIN

  132.       isiOS: (uni.canIUse('getDeviceInfo') ? uni.getDeviceInfo() : uni.getSystemInfoSync()).system.includes('iOS')

  133.       // #endif

  134.     }

  135.   },

  136.   props: {

  137.     name: String,

  138.     attrs: {

  139.       type: Object,

  140.       default () {

  141.         return {}

  142.       }

  143.     },

  144.     childs: Array,

  145.     opts: Array

  146.   },

  147.   watch: {

  148.     childs: {

  149. 		  handler (nodes) {

  150.         // 列表缩短会刷新整个列表，因此进行空填充

  151.         while (this.nodes.length > nodes.length) {

  152. 			    nodes.push({})

  153. 		    }

  154.         this.nodes = nodes

  155.       },

  156. 	    immediate: true

  157. 	  }

  158.   },

  159.   components: {

  160. 

  161.     // #ifndef ((H5 || APP-PLUS) && VUE3) || APP-HARMONY

  162.     node

  163.     // #endif

  164.   },

  165.   mounted () {

  166.     this.$nextTick(() => {

  167.       for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);

  168.     })

  169.     // #ifdef H5 || APP-PLUS

  170.     if (this.opts[0]) {

  171.       let i

  172.       for (i = this.childs.length; i--;) {

  173.         if (this.childs[i].name === 'img') break

  174.       }

  175.       if (i !== -1) {

  176.         this.observer = uni.createIntersectionObserver(this).relativeToViewport({

  177.           top: 500,

  178.           bottom: 500

  179.         })

  180.         this.observer.observe('._img', res => {

  181.           if (res.intersectionRatio) {

  182.             this.$set(this.ctrl, 'load', 1)

  183.             this.observer.disconnect()

  184.           }

  185.         })

  186.       }

  187.     }

  188.     // #endif

  189.   },

  190.   beforeDestroy () {

  191.     // #ifdef H5 || APP-PLUS

  192.     if (this.observer) {

  193.       this.observer.disconnect()

  194.     }

  195.     // #endif

  196.   },

  197.   methods:{

  198.     // #ifdef MP-WEIXIN

  199.     toJSON () { return this },

  200.     // #endif

  201.     /**

  202.      * @description 播放视频事件

  203.      * @param {Event} e

  204.      */

  205.     play (e) {

  206.       const i = e.currentTarget.dataset.i

  207.       const node = this.childs[i]

  208.       this.root.$emit('play', {

  209.         source: node.name,

  210.         attrs: {

  211.           ...node.attrs,

  212.           src: node.src[this.ctrl[i] || 0]

  213.         }

  214.       })

  215.       // #ifndef APP-PLUS

  216.       if (this.root.pauseVideo) {

  217.         let flag = false

  218.         const id = e.target.id

  219.         for (let i = this.root._videos.length; i--;) {

  220.           if (this.root._videos[i].id === id) {

  221.             flag = true

  222.           } else {

  223.             this.root._videos[i].pause() // 自动暂停其他视频

  224.           }

  225.         }

  226.         // 将自己加入列表

  227.         if (!flag) {

  228.           const ctx = uni.createVideoContext(id

  229.             // #ifndef MP-BAIDU

  230.             , this

  231.             // #endif

  232.           )

  233.           ctx.id = id

  234.           if (this.root.playbackRate) {

  235.             ctx.playbackRate(this.root.playbackRate)

  236.           }

  237.           this.root._videos.push(ctx)

  238.         }

  239.       }

  240.       // #endif

  241.     },

  242.     /**

  243.      * @description 音视频其他事件

  244.      * @param {Event} e

  245.      */

  246.     mediaEvent (e) {

  247.       const i = e.currentTarget.dataset.i

  248.       const node = this.childs[i]

  249.       this.root.$emit(e.type, {

  250.         ...e.detail,

  251.         source: node.name,

  252.         attrs: {

  253.           ...node.attrs,

  254.           src: node.src[this.ctrl[i] || 0]

  255.         }

  256.       })

  257.     },

  258. 

  259.     /**

  260.      * @description 图片点击事件

  261.      * @param {Event} e

  262.      */

  263.     imgTap (e) {

  264.       const node = this.childs[e.currentTarget.dataset.i]

  265.       if (node.a) {

  266.         this.linkTap(node.a)

  267.         return

  268.       }

  269.       if (node.attrs.ignore) return

  270.       // #ifdef H5 || APP-PLUS

  271.       node.attrs.src = node.attrs.src || node.attrs['data-src']

  272.       // #endif

  273.       // #ifndef APP-HARMONY

  274.       this.root.$emit('imgtap', node.attrs)

  275.       // #endif

  276.       // #ifdef APP-HARMONY

  277.       this.root.$emit('imgtap', {

  278.         ...node.attrs

  279.       })

  280.       // #endif

  281.       // 自动预览图片

  282.       if (this.root.previewImg) {

  283.         uni.previewImage({

  284.           // #ifdef MP-WEIXIN

  285.           showmenu: this.root.showImgMenu,

  286.           // #endif

  287.           // #ifdef MP-ALIPAY

  288.           enablesavephoto: this.root.showImgMenu,

  289.           enableShowPhotoDownload: this.root.showImgMenu,

  290.           // #endif

  291.           current: parseInt(node.attrs.i),

  292.           urls: this.root.imgList

  293.         })

  294.       }

  295.     },

  296. 

  297.     /**

  298.      * @description 图片长按

  299.      */

  300.     imgLongTap (e) {

  301.       // #ifdef APP-PLUS

  302.       const attrs = this.childs[e.currentTarget.dataset.i].attrs

  303.       if (this.opts[3] && !attrs.ignore) {

  304.         uni.showActionSheet({

  305.           itemList: ['保存图片'],

  306.           success: () => {

  307.             const save = path => {

  308.               uni.saveImageToPhotosAlbum({

  309.                 filePath: path,

  310.                 success () {

  311.                   uni.showToast({

  312.                     title: '保存成功'

  313.                   })

  314.                 }

  315.               })

  316.             }

  317.             if (this.root.imgList[attrs.i].startsWith('http')) {

  318.               uni.downloadFile({

  319.                 url: this.root.imgList[attrs.i],

  320.                 success: res => save(res.tempFilePath)

  321.               })

  322.             } else {

  323.               save(this.root.imgList[attrs.i])

  324.             }

  325.           }

  326.         })

  327.       }

  328.       // #endif

  329.     },

  330. 

  331.     /**

  332.      * @description 图片加载完成事件

  333.      * @param {Event} e

  334.      */

  335.     imgLoad (e) {

  336.       const i = e.currentTarget.dataset.i

  337.       /* #ifndef H5 || (APP-PLUS && VUE2) */

  338.       if (!this.childs[i].w) {

  339.         // 设置原宽度

  340.         this.$set(this.ctrl, i, e.detail.width)

  341.       } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {

  342.         // 加载完毕，取消加载中占位图

  343.         this.$set(this.ctrl, i, 1)

  344.       }

  345.       this.checkReady()

  346.     },

  347. 

  348.     /**

  349.      * @description 检查是否所有图片加载完毕

  350.      */

  351.     checkReady () {

  352.       if (this.root && !this.root.lazyLoad) {

  353.         this.root._unloadimgs -= 1

  354.         if (!this.root._unloadimgs) {

  355.           setTimeout(() => {

  356.             this.root.getRect().then(rect => {

  357.               this.root.$emit('ready', rect)

  358.             }).catch(() => {

  359.               this.root.$emit('ready', {})

  360.             })

  361.           }, 350)

  362.         }

  363.       }

  364.     },

  365. 

  366.     /**

  367.      * @description 链接点击事件

  368.      * @param {Event} e

  369.      */

  370.     linkTap (e) {

  371.       const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}

  372.       const attrs = node.attrs || e

  373.       const href = attrs.href

  374.       this.root.$emit('linktap', Object.assign({

  375.         innerText: this.root.getText(node.children || []) // 链接内的文本内容

  376.       }, attrs))

  377.       if (href) {

  378.         if (href[0] === '#') {

  379.           // 跳转锚点

  380.           this.root.navigateTo(href.substring(1)).catch(() => { })

  381.         } else if (href.split('?')[0].includes('://')) {

  382.           // 复制外部链接

  383.           if (this.root.copyLink) {

  384.             // #ifdef H5

  385.             window.open(href)

  386.             // #endif

  387.             // #ifdef MP

  388.             uni.setClipboardData({

  389.               data: href,

  390.               success: () =>

  391.                 uni.showToast({

  392.                   title: '链接已复制'

  393.                 })

  394.             })

  395.             // #endif

  396.             // #ifdef APP-PLUS

  397.             plus.runtime.openWeb(href)

  398.             // #endif

  399.           }

  400.         } else {

  401.           // 跳转页面

  402.           uni.navigateTo({

  403.             url: href,

  404.             fail () {

  405.               uni.switchTab({

  406.                 url: href,

  407.                 fail () { }

  408.               })

  409.             }

  410.           })

  411.         }

  412.       }

  413.     },

  414. 

  415.     /**

  416.      * @description 错误事件

  417.      * @param {Event} e

  418.      */

  419.     mediaError (e) {

  420.       const i = e.currentTarget.dataset.i

  421.       const node = this.childs[i]

  422.       // 加载其他源

  423.       if (node.name === 'video' || node.name === 'audio') {

  424.         let index = (this.ctrl[i] || 0) + 1

  425.         if (index > node.src.length) {

  426.           index = 0

  427.         }

  428.         if (index < node.src.length) {

  429.           this.$set(this.ctrl, i, index)

  430.           return

  431.         }

  432.       } else if (node.name === 'img') {

  433.         // #ifdef H5 && VUE3

  434.         if (this.opts[0] && !this.ctrl.load) return

  435.         // #endif

  436.         // 显示错误占位图

  437.         if (this.opts[2]) {

  438.           this.$set(this.ctrl, i, -1)

  439.         }

  440.         this.checkReady()

  441.       }

  442.       if (this.root) {

  443.         this.root.$emit('error', {

  444.           source: node.name,

  445.           attrs: node.attrs,

  446.           // #ifndef H5 && VUE3

  447.           errMsg: e.detail.errMsg

  448.           // #endif

  449.         })

  450.       }

  451.     }

  452.   }

  453. }

  454. </script>

  455. <style>

  456. /* a 标签默认效果 */

  457. ._a {

  458.   padding: 1.5px 0 1.5px 0;

  459.   color: #366092;

  460.   word-break: break-all;

  461. }

  462. 

  463. /* a 标签点击态效果 */

  464. ._hover {

  465.   text-decoration: underline;

  466.   opacity: 0.7;

  467. }

  468. 

  469. /* 图片默认效果 */

  470. ._img {

  471.   max-width: 100%;

  472.   -webkit-touch-callout: none;

  473. }

  474. 

  475. /* 内部样式 */

  476. 

  477. ._block {

  478.   display: block;

  479. }

  480. 

  481. ._b,

  482. ._strong {

  483.   font-weight: bold;

  484. }

  485. 

  486. ._code {

  487.   font-family: monospace;

  488. }

  489. 

  490. ._del {

  491.   text-decoration: line-through;

  492. }

  493. 

  494. ._em,

  495. ._i {

  496.   font-style: italic;

  497. }

  498. 

  499. ._h1 {

  500.   font-size: 2em;

  501. }

  502. 

  503. ._h2 {

  504.   font-size: 1.5em;

  505. }

  506. 

  507. ._h3 {

  508.   font-size: 1.17em;

  509. }

  510. 

  511. ._h5 {

  512.   font-size: 0.83em;

  513. }

  514. 

  515. ._h6 {

  516.   font-size: 0.67em;

  517. }

  518. 

  519. ._h1,

  520. ._h2,

  521. ._h3,

  522. ._h4,

  523. ._h5,

  524. ._h6 {

  525.   display: block;

  526.   font-weight: bold;

  527. }

  528. 

  529. ._image {

  530.   height: 1px;

  531. }

  532. 

  533. ._ins {

  534.   text-decoration: underline;

  535. }

  536. 

  537. ._li {

  538.   display: list-item;

  539. }

  540. 

  541. ._ol {

  542.   list-style-type: decimal;

  543. }

  544. 

  545. ._ol,

  546. ._ul {

  547.   display: block;

  548.   padding-left: 40px;

  549.   margin: 1em 0;

  550. }

  551. 

  552. ._q::before {

  553.   content: '"';

  554. }

  555. 

  556. ._q::after {

  557.   content: '"';

  558. }

  559. 

  560. ._sub {

  561.   font-size: smaller;

  562.   vertical-align: sub;

  563. }

  564. 

  565. ._sup {

  566.   font-size: smaller;

  567.   vertical-align: super;

  568. }

  569. 

  570. ._thead,

  571. ._tbody,

  572. ._tfoot {

  573.   display: table-row-group;

  574. }

  575. 

  576. ._tr {

  577.   display: table-row;

  578. }

  579. 

  580. ._td,

  581. ._th {

  582.   display: table-cell;

  583.   vertical-align: middle;

  584. }

  585. 

  586. ._th {

  587.   font-weight: bold;

  588.   text-align: center;

  589. }

  590. 

  591. ._ul {

  592.   list-style-type: disc;

  593. }

  594. 

  595. ._ul ._ul {

  596.   margin: 0;

  597.   list-style-type: circle;

  598. }

  599. 

  600. ._ul ._ul ._ul {

  601.   list-style-type: square;

  602. }

  603. 

  604. ._abbr,

  605. ._b,

  606. ._code,

  607. ._del,

  608. ._em,

  609. ._i,

  610. ._ins,

  611. ._label,

  612. ._q,

  613. ._span,

  614. ._strong,

  615. ._sub,

  616. ._sup {

  617.   display: inline;

  618. }

  619. 

  620. /* #ifdef APP-PLUS */

  621. ._video {

  622.   width: 300px;

  623.   height: 225px;

  624. }

  625. /* #endif */

  626. </style>