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

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

  1. <template>

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

  3.     <block v-for="(n, i) in childs" 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" @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" @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.       <!-- insert -->

  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. import node from './node'

  116. export default {

  117.   name: 'node',

  118.   options: {

  119.     // #ifdef MP-WEIXIN

  120.     virtualHost: true,

  121.     // #endif

  122.     // #ifdef MP-TOUTIAO

  123.     addGlobalClass: false

  124.     // #endif

  125.   },

  126.   data () {

  127.     return {

  128.       ctrl: {},

  129.       // #ifdef MP-WEIXIN

  130.       isiOS: uni.getSystemInfoSync().system.includes('iOS')

  131.       // #endif

  132.     }

  133.   },

  134.   props: {

  135.     name: String,

  136.     attrs: {

  137.       type: Object,

  138.       default () {

  139.         return {}

  140.       }

  141.     },

  142.     childs: Array,

  143.     opts: Array

  144.   },

  145.   components: {

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

  147.     node

  148.     // #endif

  149.   },

  150.   mounted () {

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

  152.       // 修复可能导致死循环的问题

  153.       for (this.root = this?.$parent; this.root && this.root?.$options.name !== 'up-parse'; this.root = this.root?.$parent);

  154.     })

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

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

  157.       let i

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

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

  160.       }

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

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

  163.           top: 500,

  164.           bottom: 500

  165.         })

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

  167.           if (res.intersectionRatio) {

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

  169.             this.observer.disconnect()

  170.           }

  171.         })

  172.       }

  173.     }

  174.     // #endif

  175.   },

  176.   beforeDestroy () {

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

  178.     if (this.observer) {

  179.       this.observer.disconnect()

  180.     }

  181.     // #endif

  182.   },

  183.   emits: ['linktap', 'imgtap', 'play', 'ready', 'error'],

  184.   methods: {

  185.     // #ifdef MP-WEIXIN

  186.     toJSON () { return this },

  187.     // #endif

  188.     /**

  189.      * @description 规范化链接地址

  190.      * @param {any} href

  191.      * @return {String}

  192.      */

  193.     normalizeHref (href) {

  194.       return typeof href === 'string' ? href.trim() : ''

  195.     },

  196. 

  197.     /**

  198.      * @description 判断是否为外部链接

  199.      * @param {String} href

  200.      * @return {Boolean}

  201.      */

  202.     isExternalLink (href) {

  203.       return href.split('?')[0].includes('://')

  204.     },

  205. 

  206.     /**

  207.      * @description 打开外部链接

  208.      * @param {String} href

  209.      */

  210.     openExternalLink (href) {

  211.       // #ifdef H5

  212.       window.open(href)

  213.       // #endif

  214.       // #ifdef MP

  215.       uni.setClipboardData({

  216.         data: href,

  217.         success: () =>

  218.           uni.showToast({

  219.             title: '链接已复制'

  220.           })

  221.       })

  222.       // #endif

  223.       // #ifdef APP-PLUS

  224.       try {

  225.         plus.runtime.openWeb(href)

  226.       } catch (e) { }

  227.       // #endif

  228.       // #ifdef APP-HARMONY

  229.       try {

  230.         plus.runtime.openURL(href)

  231.       } catch (e) { }

  232.       // #endif

  233.     },

  234. 

  235.     /**

  236.      * @description 播放视频事件

  237.      * @param {Event} e

  238.      */

  239.     play (e) {

  240.       const i = e.currentTarget.dataset.i

  241.       const node = this.childs[i]

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

  243.         source: node.name,

  244.         attrs: {

  245.           ...node.attrs,

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

  247.         }

  248.       })

  249.       // #ifndef APP-PLUS

  250.       if (this.root.pauseVideo) {

  251.         let flag = false

  252.         const id = e.target.id

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

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

  255.             flag = true

  256.           } else {

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

  258.           }

  259.         }

  260.         // 将自己加入列表

  261.         if (!flag) {

  262.           const ctx = uni.createVideoContext(id

  263.             // #ifndef MP-BAIDU

  264.             , this

  265.             // #endif

  266.           )

  267.           ctx.id = id

  268.           if (this.root.playbackRate) {

  269.             ctx.playbackRate(this.root.playbackRate)

  270.           }

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

  272.         }

  273.       }

  274.       // #endif

  275.     },

  276. 

  277.     /**

  278.      * @description 图片点击事件

  279.      * @param {Event} e

  280.      */

  281.     imgTap (e) {

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

  283.       if (node.a) {

  284.         this.linkTap(node.a)

  285.         return

  286.       }

  287.       if (node.attrs.ignore) return

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

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

  290.       // #endif

  291.       // #ifndef APP-HARMONY

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

  293.       // #endif

  294.       // #ifdef APP-HARMONY

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

  296.         ...node.attrs

  297.       })

  298.       // #endif

  299.       // 自动预览图片

  300.       if (this.root.previewImg) {

  301.         uni.previewImage({

  302.           // #ifdef MP-WEIXIN

  303.           showmenu: this.root.showImgMenu,

  304.           // #endif

  305.           // #ifdef MP-ALIPAY

  306.           enablesavephoto: this.root.showImgMenu,

  307.           enableShowPhotoDownload: this.root.showImgMenu,

  308.           // #endif

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

  310.           urls: this.root.imgList

  311.         })

  312.       }

  313.     },

  314. 

  315.     /**

  316.      * @description 图片长按

  317.      */

  318.     imgLongTap (e) {

  319.       // #ifdef APP-PLUS

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

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

  322.         uni.showActionSheet({

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

  324.           success: () => {

  325.             const save = path => {

  326.               uni.saveImageToPhotosAlbum({

  327.                 filePath: path,

  328.                 success () {

  329.                   uni.showToast({

  330.                     title: '保存成功'

  331.                   })

  332.                 }

  333.               })

  334.             }

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

  336.               uni.downloadFile({

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

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

  339.               })

  340.             } else {

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

  342.             }

  343.           }

  344.         })

  345.       }

  346.       // #endif

  347.     },

  348. 

  349.     /**

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

  351.      * @param {Event} e

  352.      */

  353.     imgLoad (e) {

  354.       const i = e.currentTarget.dataset.i

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

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

  357.         // 设置原宽度

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

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

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

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

  362.       }

  363.       this.checkReady()

  364.     },

  365. 

  366.     /**

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

  368.      */

  369.     checkReady () {

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

  371.         this.root._unloadimgs -= 1

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

  373.           setTimeout(() => {

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

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

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

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

  378.             })

  379.           }, 350)

  380.         }

  381.       }

  382.     },

  383. 

  384.     /**

  385.      * @description 链接点击事件

  386.      * @param {Event} e

  387.      */

  388.     linkTap (e) {

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

  390.       const attrs = node.attrs || e

  391.       const href = this.normalizeHref(attrs.href)

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

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

  394.       }, attrs))

  395.       if (href) {

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

  397.           // 跳转锚点

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

  399.         } else if (this.isExternalLink(href)) {

  400.           // 复制外部链接

  401.           if (this.root.copyLink) {

  402.             this.openExternalLink(href)

  403.           }

  404.         } else {

  405.           // 跳转页面

  406.           uni.navigateTo({

  407.             url: href,

  408.             fail () {

  409.               uni.switchTab({

  410.                 url: href,

  411.                 fail () { }

  412.               })

  413.             }

  414.           })

  415.         }

  416.       }

  417.     },

  418. 

  419.     /**

  420.      * @description 错误事件

  421.      * @param {Event} e

  422.      */

  423.     mediaError (e) {

  424.       const i = e.currentTarget.dataset.i

  425.       const node = this.childs[i]

  426.       // 加载其他源

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

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

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

  430.           index = 0

  431.         }

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

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

  434.           return

  435.         }

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

  437.         // #ifdef H5 && VUE3

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

  439.         // #endif

  440.         // 显示错误占位图

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

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

  443.         }

  444.         this.checkReady()

  445.       }

  446.       if (this.root) {

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

  448.           source: node.name,

  449.           attrs: node.attrs,

  450.           // #ifndef H5 && VUE3

  451.           errMsg: e.detail.errMsg

  452.           // #endif

  453.         })

  454.       }

  455.     }

  456.   }

  457. }

  458. </script>

  459. <style>

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

  461. ._a {

  462.   padding: 1.5px 0 1.5px 0;

  463.   color: #366092;

  464.   word-break: break-all;

  465. }

  466. 

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

  468. ._hover {

  469.   text-decoration: underline;

  470.   opacity: 0.7;

  471. }

  472. 

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

  474. ._img {

  475.   max-width: 100%;

  476.   -webkit-touch-callout: none;

  477. }

  478. 

  479. /* 内部样式 */

  480. 

  481. ._block {

  482.   display: block;

  483. }

  484. 

  485. ._b,

  486. ._strong {

  487.   font-weight: bold;

  488. }

  489. 

  490. ._code {

  491.   font-family: monospace;

  492. }

  493. 

  494. ._del {

  495.   text-decoration: line-through;

  496. }

  497. 

  498. ._em,

  499. ._i {

  500.   font-style: italic;

  501. }

  502. 

  503. ._h1 {

  504.   font-size: 2em;

  505. }

  506. 

  507. ._h2 {

  508.   font-size: 1.5em;

  509. }

  510. 

  511. ._h3 {

  512.   font-size: 1.17em;

  513. }

  514. 

  515. ._h5 {

  516.   font-size: 0.83em;

  517. }

  518. 

  519. ._h6 {

  520.   font-size: 0.67em;

  521. }

  522. 

  523. ._h1,

  524. ._h2,

  525. ._h3,

  526. ._h4,

  527. ._h5,

  528. ._h6 {

  529.   display: block;

  530.   font-weight: bold;

  531. }

  532. 

  533. ._image {

  534.   height: 1px;

  535. }

  536. 

  537. ._ins {

  538.   text-decoration: underline;

  539. }

  540. 

  541. ._li {

  542.   display: list-item;

  543. }

  544. 

  545. ._ol {

  546.   list-style-type: decimal;

  547. }

  548. 

  549. ._ol,

  550. ._ul {

  551.   display: block;

  552.   padding-left: 40px;

  553.   margin: 1em 0;

  554. }

  555. 

  556. ._q::before {

  557.   content: '"';

  558. }

  559. 

  560. ._q::after {

  561.   content: '"';

  562. }

  563. 

  564. ._sub {

  565.   font-size: smaller;

  566.   vertical-align: sub;

  567. }

  568. 

  569. ._sup {

  570.   font-size: smaller;

  571.   vertical-align: super;

  572. }

  573. 

  574. ._thead,

  575. ._tbody,

  576. ._tfoot {

  577.   display: table-row-group;

  578. }

  579. 

  580. ._tr {

  581.   display: table-row;

  582. }

  583. 

  584. ._td,

  585. ._th {

  586.   display: table-cell;

  587.   vertical-align: middle;

  588. }

  589. 

  590. ._th {

  591.   font-weight: bold;

  592.   text-align: center;

  593. }

  594. 

  595. ._ul {

  596.   list-style-type: disc;

  597. }

  598. 

  599. ._ul ._ul {

  600.   margin: 0;

  601.   list-style-type: circle;

  602. }

  603. 

  604. ._ul ._ul ._ul {

  605.   list-style-type: square;

  606. }

  607. 

  608. ._abbr,

  609. ._b,

  610. ._code,

  611. ._del,

  612. ._em,

  613. ._i,

  614. ._ins,

  615. ._label,

  616. ._q,

  617. ._span,

  618. ._strong,

  619. ._sub,

  620. ._sup {

  621.   display: inline;

  622. }

  623. 

  624. /* #ifdef APP-PLUS */

  625. ._video {

  626.   width: 300px;

  627.   height: 225px;

  628. }

  629. /* #endif */

  630. </style>