你当前查看的文档是tmui3.2.0（已不再支持NVUE）

[tmui3.1.x nvue点我] [tmui4.x uniappx原生开发代替nvue]

展示组件

查看更多 tmMore

让内容超过指定高时自动隐藏内容.

🌶️ 示例

查看模拟效果－

示例模板

<template>
    <view>
        <tm-sheet>
            <tm-text font-size="36" class="text-weight-b mb-16 d-block">金额栅格 TmMoney</tm-text>
            <view>
                <tm-text>考虑到这个比较常用，输入金额为数字即可，可以放心的使用保证精度，不采用toFiexd，保证金额精度无舍入</tm-text>
            </view>
        </tm-sheet>
   
        <tm-sheet class="flex flex-row flex-row-center-between">
            <tm-more>
                新华社北京12月30日电 国家主席习近平将于31日晚7时通过中央广播电视总台和互联网，发表二〇二六年新年贺词。中央广播电视总台所属中央电视台综合频道、新闻频道、中文国际频道、4K频道，中国国际电视台各外语频道，中央人民广播电台，中国国际广播电台，以及人民网、新华网、央视新闻客户端等中央主要新闻媒体所属网站、新媒体平台将准时播出。
            </tm-more>
        </tm-sheet>

        <tm-sheet class="flex flex-row flex-row-center-between">
            <tm-more v-model="open" :text="['付费解锁','关闭']" unActiveColor="error" :disabled="true" @click="openClick">
                新华社北京12月30日电 国家主席习近平将于31日晚7时通过中央广播电视总台和互联网，发表二〇二六年新年贺词。中央广播电视总台所属中央电视台综合频道、新闻频道、中文国际频道、4K频道，中国国际电视台各外语频道，中央人民广播电台，中国国际广播电台，以及人民网、新华网、央视新闻客户端等中央主要新闻媒体所属网站、新媒体平台将准时播出。
            </tm-more>
        </tm-sheet>

        
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const open = ref(false)
const openClick = () => {
    if(open.value){
        open.value = false;
        return
    }
    uni.showModal({
        title: '提示',
        content: '确定要付费打开吗？',
        success: (res) => {
            if (res.confirm) {
                open.value = true
            }

        }
    })


}
</script>
<style lang="scss" scoped></style>

🌶️ 兼容性

平台兼容

H5	uniAPP	小程序	version
☑️	☑️	☑️	☑️

🌱 参数

参数名	类型	默认值	描述
width	string	"auto"	组件宽度
height	string	"60"	被关闭时的高度。
modelValue	boolean	false	当前打开的状态
activeColor	string	""	激活后的文本色,默认是读取全局色
unActiveColor	string	"#a6a6a6"	未激活后的文本色
text	Array	()=>[]asstring[]	打开和关闭状态的文本"展开更多","收起更多"
maskBgColor	Array	()=>['rgba(255,255,255,1)','rgba(255,255,255,0.3)']	遮罩的渐变的背景色
darkMaskBgColor	Array	()=>['rgba(24,24,24,1.0)','rgba(24,24,24,0.3)']	暗黑时遮罩的渐变的背景色
disabled	boolean	false	是否禁用展开。
showMoreBtn	boolean	true	是否显示开启和关闭按钮,因为各个手机屏幕可能不一样,可能会根据行数自行决定是否要显示展开和关闭按钮,请通过此自行判断.

🌹 事件

事件名	参数	返回数据	描述
change	名称：opened,当前打开的状态,	-	状态切换时变换
click	名称：opened,当前打开的状态,可以通过此判断是点打开还是点关闭,	-	点击展开的按钮时触发
update:modelValue	-	-	-

🌽 slot插槽

插槽名	数据	描述
default	名称：binding,isOpened 类型：-
默认插槽

🥗 ref方法

方法名	参数	返回值	描述