molong/tuniao-ui
1
0
Fork 0
mirror of https://gitee.com/TSpecific/tuniao-ui.git synced 2026-03-07 08:14:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新图标库

Browse Source 
修复已知bug
This commit is contained in:
jaylen
2022-06-06 13:10:28 +08:00
parent 81579ccee5
commit 1e087b5ac3
226 changed files with 51832 additions and 46044 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
componentsPage/read-more/read-more.vue
View File

@@ -1,52 +1,52 @@
<template>
<view class="components-read-more tn-safe-area-inset-bottom">
<!-- 顶部自定义导航 -->
<tn-nav-bar fixed>ReadMore查看更多</tn-nav-bar>
<!-- 页面内容 -->
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<demo-title title="基本使用">
<tn-read-more>
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="允许展开后收起">
<tn-read-more :closeBtn="true">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="修改显示内容的高度">
<tn-read-more :closeBtn="true" :showHeight="200">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="自定义展开收起文本和图标">
<tn-read-more :closeBtn="true" openText="付费查看剩余内容" openIcon="lucky-money" closeText="下次再看" closeIcon="close">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<view class="tn-padding-bottom-lg"></view>
</view>
</view>
</template>
<script>
import demoTitle from '@/libs/components/demo-title.vue'
export default {
name: 'componentsReadMore',
components: {demoTitle},
data() {
return {
<template>
<view class="components-read-more tn-safe-area-inset-bottom">
<!-- 顶部自定义导航 -->
<tn-nav-bar fixed>ReadMore查看更多</tn-nav-bar>
<!-- 页面内容 -->
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<demo-title title="基本使用">
<tn-read-more>
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="允许展开后收起">
<tn-read-more :closeBtn="true">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="修改显示内容的高度">
<tn-read-more :closeBtn="true" :showHeight="200">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<demo-title title="自定义展开收起文本和图标">
<tn-read-more :closeBtn="true" openText="付费查看剩余内容" openIcon="lucky-money" closeText="下次再看" closeIcon="close">
<rich-text :nodes="content"></rich-text>
</tn-read-more>
</demo-title>
<view class="tn-padding-bottom-lg"></view>
</view>
</view>
</template>
<script>
import demoTitle from '@/libs/components/demo-title.vue'
export default {
name: 'componentsReadMore',
components: {demoTitle},
data() {
return {
content: `噫吁嚱，危乎高哉！
蜀道之难，难于上青天！
蚕丛及鱼凫，开国何茫然！
@@ -70,15 +70,15 @@
所守或匪亲，化为狼与豺。
朝避猛虎，夕避长蛇，磨牙吮血，杀人如麻。
锦城虽云乐，不如早还家。
蜀道之难，难于上青天，侧身西望长咨嗟！`,
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
蜀道之难，难于上青天，侧身西望长咨嗟！`,
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>