mui.toast样式风格及位置修改教程
来源:互联网 发布:2016年二胎出生数据 编辑:程序博客网 时间:2024/05/31 11:03
使用了mui.toast来实现可自动消失的信息提示效果。
但默认的显示效果太差了,很不显示,而且是在底部的。
如下图:
想改到屏幕的中间位置,再改大一点。
但官方并没有相关的文档教程,论坛也没找到相关的教程。
只好自己研究,最终发现。
消息框的DIV类为
<div class="mui-toast-container"><div class="mui-toast-message"></div></div>
所以,就可以通过修改CSS来改变了。
我改后的最终效果如下:
CSS代码如下:
/*toast信息提示*/.mui-toast-container {bottom: 50% !important;}.mui-toast-message {background: url(/app/themes/default/images/toast.png) no-repeat center 10px #000; opacity: 0.6; color: #fff; width: 180px; padding: 70px 5px 10px 5px;}
参考页http://ask.dcloud.net.cn/question/17487
阅读全文
0 0
- mui.toast样式风格及位置修改教程
- mui toast自定义样式
- mui toast自定义样式
- 自定义Toast样式,位置
- mui.prompt 样式修改/自定义
- 关于MUI的一些样式修改
- 自定义toast样式和指定显示位置
- setGravity修改Toast弹出的位置
- Android中修改toast的显示位置
- 安卓中修改Toast显示位置和内容
- ANdroid 学习 之 修改Toast的样式
- Android wiki:14.修改Toast样式
- Android 自定义Toast,修改Toast样式和显示时长
- Android 自定义Toast,修改Toast样式和显示时长
- Android 更改 Toast 的默认位置及自定义Toast
- Android中怎么设置Toast样式和位置的问题
- MUI教程
- 修改系统alertdialog对话框风格样式
- VS2015 C#连接MySQL
- JSP基本语法
- Elasticsearch 默认分词器和中分分词器之间的比较及使用方法
- 洛谷P1119灾后重建
- Layui 中使用vaildate 报错 $(#form).validate is not a function
- mui.toast样式风格及位置修改教程
- 【leetcode】14. Longest Common Prefix(Python & C++)
- Centos系统下安装mysql
- pywin32下载
- Linux环境编程
- VS2015连接ORACLE 11G(.NET自带方式 USING SYSTEM.DATA.ORACLECLIENT;)
- Qt 之 自定义窗口标题栏 之 窗口拉伸
- 关于jQuery的getScript()实现动态js加载,原理,实现过程是怎么样的?
- 【学习笔记】jQuery知识点