mui.prompt输入框修改默认样式及使用方法

置顶笨笨的幸福1230

于 2019-09-27 09:32:08 发布

阅读量2k

点赞数

文章标签： mui

本文链接：https://blog.youkuaiyun.com/qq_42709302/article/details/101512037

版权

本文详细介绍了如何使用mui框架中的mui.prompt组件来创建自定义样式的输入框，并提供了具体的代码示例。通过修改默认样式，可以实现更符合设计需求的用户界面。同时，文章还展示了如何处理用户输入，包括取消和确认操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mui.prompt输入框修改默认样式及使用方法

$('#commonOpinions').on('tap','.addOption',function(){
			var a = mui.prompt('请编辑您的常用意见','','',['取消','确认'],function(e){
				if(e.index==1){
				var text = document.querySelector('.mui-popup-input textarea').value.trim();
					console.log(text);
					var html = '<li class="mui-table-view-cell bg_red addOptions">'+ text +'</li>';
					$('#commonOpinions').prepend(html);
				}else{
					console.log('取消');
				}
			},'div');
			var lihh = document.querySelector('.mui-popup-input');
			lihh.innerHTML="<textarea></textarea>";
		})