UniApp 按钮文字自适应

作者: Rinaloving | 来源:发表于2024-01-23 09:39 被阅读0次

uniapp 收藏按钮和悬浮按钮
bootstrap笔记
iOS 各种小知识点.小demo
BAGridView：支付宝首页九宫格布局封装，可以自定义多
uniapp 动态监听按钮
Button极限值调整，字体自适应大小
自适应宽度, css 梯形
uniapp 文字跑马
ugui权重适配手机屏幕
uniapp: 防止按钮多次点击多次触发事件

窗体缩放，导致文字换行

white-space: nowrap;

QQ图片20240124093827.png

icon 和文字不换行

<view  class="card-actions-item" @click="toggleEstimateEx('right',item.idcrad)">
    <uni-badge class="uni-badge-left-margin" :text="item.estimateNums"  type="success" absolute="rightTop" :offset="[0, 0]" size="small">
    <uni-icons type="compose" :size="20" color="#ff5500"><text style="font-size: 16px;" class="card-actions-item-text">已评估</text></uni-icons>                       
    </uni-badge>
</view>

image.png

uniapp 收藏按钮和悬浮按钮
1. 文本切换收藏按钮：uni-fav（收藏/已收藏）参考官网[https://uniapp.dcloud.ne...
bootstrap笔记
1、图片自适应加类名；img-responsive； 2、按钮自适应加类名：btn-block; 3、boo...
iOS 各种小知识点.小demo
电影票样式的层次感滚动设置图片上的按钮可以点击文字图片自适应手机电池白色 button传递多个参数使用 ...
BAGridView：支付宝首页九宫格布局封装，可以自定义多
BAGridView 1、功能及简介 1、支付宝首页九宫格布局封装 2、自适应按钮位置和数量 3、自定义文字图...
uniapp 动态监听按钮
Button极限值调整，字体自适应大小
接到需求希望所有的按钮都能自适应大小，想到应该用 adjustsFontSizeToFitWidth ...
自适应宽度, css 梯形
按钮的宽度要求自适应并且内边框为30px 梯形tap
uniapp 文字跑马
/** * 文字跑马 //第一个this 第二个为输入的文字，第三个为赋值的字段第4个是定时器 * pms: ...
ugui权重适配手机屏幕
需求： 1、场景底部UI包含3个按钮；2、3个按钮宽度相同，并能自适应各种尺寸的手机屏幕；3、容器与按钮之间有pa...
uniapp: 防止按钮多次点击多次触发事件
uniapp: 防止按钮多次点击多次触发事件 1、在根目录下新建 common 文件并创建 common.js ...