zoukankan      html  css  js  c++  java
  • mui 的第一次使用体验以及遇到问题

      mui.js 用出了原生 js 的感觉,就这么多吧,无爱。

    mui 网络请求post data方式传数据后台接收不到的问题?

    headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
    }
    Content-Type设置为'application/x-www-form-urlencoded'


    mui 自定义toast

    • 自定义toast时间  duration:1000(1s)
    mui.toast('<div class="toast-msg"><h4>格式不正确</h4><b>请重新输入</b></div>', {
      duration: 5000,
    })
    • 自定义显示位置(根据自己显示效果修改样式)
    .mui-toast-container {
        bottom: 60% !important;
        /*离布局底部的距离*/
        color: #000000;
    }
    .mui-toast-message {
        border: 2px #008A96 solid;
        background: no-repeat center 10px #fff;
        /*toast的背景图片*/
        /* opacity: 0.7;/*toast中背景色的透明度*/
        /*toast中字体颜色*/
        width: 280px;
        color: #000000;
        /*toast宽度*/
        padding: 20px 5px 20px 5px;
        /*toast中文字的位置*/
    }

    如何让 ®显示在右上角

    <sup>®</sup>

    sub {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
        top: -.5em;
    }        

    如何让版权信息显示在屏幕最下方,屏幕超出一屏时显示在内容后面,不浮动

    <div class="center">内容区域</div>
    <div class="footer">© 版权所有</div>
    • 不超出不屏幕时(通过最小高度将内容区域撑大)
    .center{
       min-height:90%;     
    }
    • 超出屏幕时,只要position 不设置成 fixed 就行

    把输入框放在表格 td中,苹果手机无法获取焦点并输入

     input{
        -webkit-user-select:text !important;
     }

    使用 mui.js 在苹果手机上输入框切换时,页面自动返回顶部

    • 修改mui.js相关input部分

    • 干脆别用mui.js
  • 相关阅读:
    Kotlin 学习笔记(一)
    Android 中调用本地命令
    Android 6.0 中的 Wifi 连接
    Android 中的广播机制
    面向对象之继承和多态
    2016 年秋季助教总结
    2016 年年志
    C 语言学习 第12次作业总结
    程序员编程艺术第三十六~三十七章、搜索智能提示suggestion,附近点搜索
    程序员编程艺术第三十四~三十五章:格子取数问题,完美洗牌算法
  • 原文地址:https://www.cnblogs.com/xqz0618/p/mui.html
Copyright © 2011-2022 走看看