uni-data-select文字过长显示省略号问题修复

devtools/2025/1/8 2:49:53/

操作步骤:

下拉框选项文字超过25字符但是未满一行时会出现省略号

预期结果:

满一行再出现省略号而非25字符

实际结果:

满25字符就出现省略号

bug描述:

组件uni-data-select.vue显示修复过此bug

<view v-if="current" class="uni-selectinput-text">{{textShow}}</view>
textShow() {
// 长文本显示
let text = this.current;
if (text.length > 10) {
return text.slice(0, 25) + '...';
}
return text;
},
这段代码就会让输入框还有很多空白时就出现‘...’的情况,很不友好,这里的bug应该是在css中修改,如下代码

 

.uni-selectinput-box{
width: 100%;
......
}


html代码还是如下:
<view v-if="current" class="uni-select__input-text">{{current}}</view>


http://www.ppmy.cn/devtools/147909.html

相关文章

前端笔记:vscode Vue nodejs npm

1 VS Code 终端中默认cmd 默认使用 cmd (Command Prompt), 不使用 PowerShell 解决方式&#xff1a; 【vscode配置】&#xff1a;vscode配置终端为cmd ​ 1 命令面板&#xff08;Ctrlshiftp&#xff09; ​ 2 输入 Terminal:Select Default Profile 之后回车 ​ 3 选择 c…

黑马JavaWeb开发跟学(十四).SpringBootWeb原理

黑马JavaWeb开发跟学 十四.SpringBootWeb原理 SpingBoot原理1. 配置优先级2. Bean管理2.1 获取Bean2.2 Bean作用域2.3 第三方Bean 3. SpringBoot原理3.1 起步依赖3.2 自动配置3.2.1 概述3.2.2 常见方案3.2.2.1 概述3.2.2.2 方案一3.2.2.3 方案二 3.2.3 原理分析3.2.3.1 源码跟踪…

基于Pytorch和yolov8n手搓安全帽目标检测的全过程

一.背景 还是之前的主题&#xff0c;使用开源软件为公司搭建安全管理平台&#xff0c;从视觉模型识别安全帽开始。主要参考学习了开源项目 https://github.com/jomarkow/Safety-Helmet-Detection&#xff0c;我是从运行、训练、标注倒过来学习的。由于工作原因&#xff0c;抽空…

JS 中 json数据 与 base64、ArrayBuffer之间转换

JS 中 json数据 与 base64、ArrayBuffer之间转换 json 字符串进行 base64 编码 function jsonToBase64(json) {return Buffer.from(json).toString(base64); }base64 字符串转为 json 字符串 function base64ToJson(base64) {try {const binaryString atob(base64);const js…

植物大战僵尸杂交版3.0.2版本

更新内容 植物大战僵尸杂交版3.0.2版本的更新内容如下&#xff1a; • 修复BUG&#xff1a; • 游戏内贴图错乱的BUG。 • 无尽模式卡死的BUG。 • 卡牌模仿者的一系列BUG。 • 干扰车可能同时出现多辆的BUG。 • 冒险模式部分关卡无法过关的BUG。 • 新增内容&#xf…

WCH的CH57X的J-LINK的芯片FLASH烧录文件

WCH的CH57X的J-LINK的芯片FLASH烧录文件,需要在 D:\app\Keil_v5\SEGGER\JLink_V616a目录中JLINKDEVICES.XML文件中修改并增加以下信息。同时&#xff0c;需要加入CH57X.FLM文件 <Device> <ChipInfo Vendor"WCH" Name"CH57X" WorkRAMAddr"…

区块链技术为电商API接口带来的数据安全革新

随着科技的飞速发展&#xff0c;数据交互已成为现代社会不可或缺的一部分。在电商领域&#xff0c;数据的高效与安全流通是业务运营的核心。区块链技术作为一种去中心化的分布式账本技术&#xff0c;以其独特的透明性、安全性和不可篡改性&#xff0c;为电商API接口的数据安全带…

nginx配置 - 资源参数配置(性能优化)

nginx - 资源参数配置 (性能优化) 一、worker_rilimit_nofile配置的含义使用场景如何调整参数系统级文件描述符限制(补充)二、worker_connections三、两者之间的数值关系本文重点讨论: 最大文件描述符数量 worker_rilimit_nofile和最大连接数 worker_connections 一、work…