MUI时间控件样式错乱是什么原因
<link href="../css/mui.min.css" rel="stylesheet" />
    <script src="../js/mui.min.js"></script>

    <script src="../js/mui.picker.min.js"></script>
    <link href="../css/mui.picker.min.css" >/>


<div class="mui-content">
<ul class="mui-table-view">
    <li class="mui-table-view-cell"> 
        <a class="mui-navigate-right"> 会议时间 <span id='stardate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择(必填)</span> </a> 
        <input type="hidden" name="rideStartTime" id='rideStartTime'/> </li> 
          <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 至 <span id='enddate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择(必填)</span> </a> 
            <input type="hidden" name="rideEndTime" id='rideEndTime'/> </li>
</ul> 



<script>

document.getElementById("stardate").addEventListener('tap', function ()
{ var dDate = new Date();
var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson);
var picker = new mui.DtPicker(options);
picker.show(function (rs){
console.log(rs) ;
var timestr = rs.text;
$('#stardate').html(timestr);
picker.dispose(); }); })
document.getElementById("enddate").addEventListener('tap', function ()
{
var dDate = new Date();
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var picker = new mui.DtPicker(options);
picker.show(function (rs)
{ console.log(rs);
var timestr = rs.text;
$('#enddate').html(timestr);
picker.dispose(); }); })

</script>

图片说明

图片说明
不知道是哪里的问题。样式成这样了

1个回答

问题已解决//原来是我引用文件多打了一个<

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
MUI框架中功能效果的class样式修改问题

MUI框架中使用功能效果,需要修改其中的样式,原有的样式也有class类,此时如何进行样式修改或者覆盖这两种方式,来达到效果?或者哪个才是最优的方法

mui popover 样式多出一条线是怎么回事

![图片说明](https://img-ask.csdn.net/upload/201811/14/1542160649_318310.png) ``` <style type="text/css"> /*移除底部或顶部三角,需要在删除此代码*/ .mui-popover .mui-popover-arrow:after { position: fixed; right: 0px; bottom: 0px; left: 0px; height: 0px; } </style> <div id="popover" class="mui-popover" > <div class="mui-popover-arrow"></div> <div class="mui-input-row mui-radio mui-left"> <label>年假</label> <input name="choose" value="年假" type="radio" > </div> <div class="mui-input-row mui-radio mui-left"> <label>事假</label> <input name="choose" value="事假" type="radio" > </div> <div class="mui-input-row mui-radio mui-left"> <label>病假</label> <input name="choose" value="病假" type="radio" > </div> </div> ```

kartik 时间控件如何设置开始时间和结束时间

kartik 时间控件如何设置开始时间和结束时间?????????????

MUI 上拉加载 始终显示在页面顶部

稍微往上一拉就会触发 贴代码,显示效果,求解 ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565166234_463443.jpg) ``` <body style="height: 100%;"> <script src="../js/mui.js"></script> <script type="text/javascript"> mui.init(); </script> <!-- <header id="header" class="mui-bar mui-bar-nav navbar"> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-left mui-action-back" id="cancelbtn">返回</button> <h1 class="mui-title navtitle">备件领退用记录</h1> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="savebtn">申请</button> </header> --> <div id="refreshContainer" class="mui-content mui-scroll-wrapper" style=""> <div class="mui-scroll" id="scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 50px;"> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> </ul> </div> </div> <script> //公共变量 var fromsource = '维修'; var eqfiDevicename = ''; var eqfiDepartmentnum = ''; var maliId = ''; </script> <script> mui.init({ pullRefresh: { container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等 down: { style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色 height: '50px', //可选,默认50px.下拉刷新控件的高度, range: '100px', //可选 默认100px,控件可下拉拖拽的范围 offset: '0px', //可选 默认0px,下拉刷新控件的起始位置 auto: false, //可选,默认false.首次加载自动上拉刷新一次 callback: function() { } }, up: { height: 50, auto: false, contentrefresh: '正在加载...', contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容; callback: function() { console.log($('#refreshContainer').css('height')); console.log($('#scroll').css('height')); } } } }); </script> </body> </html> ```

mui pullrefresh 与时间日期冲突

.mui-plus-pullrefresh .mui-scroll { position: absolute; width: 100%; } 这个没效果

怎样获取选中的下拉列表的value?, mui

$(function() { mui.init(); var why = new mui.PopPicker(); why.setData([{ value: '0', text: '维修保养' }, { value: '1', text: '事故' }, { value: '2', text: '处理罚单' }, { value: '3', text: '合同到期' }, { value: '4', text: '车况不佳' }]); // 选择换车原因 $('.mui-form-group').on('tap', '.mui-select-why', function() { var _this = $(this); var _input = _this.find('input[type="hidden"]'); var _span = _this.find('span'); why.show(function(rs) { _span.html(rs[0].text); if(_span.hasClass('ft-999999')) { _span.removeClass('ft-999999').addClass('ft-333333'); } _input.val(rs[0].value); }); return false; }); // 表单提交点击事件 $('.mui-form-group').on('tap', '.mui-btn', function() { alert("12"); mui(this).button('loading'); }); });

mui的maskClick事件和mui.menu的问题

```js main = qiao.h.indexPage();//获取主页面也就是获取index.html页面 main.addEventListener('maskClick', opMenu); mui.menu = opMenu; function opMenu(){ if(showMenu){ closeMenu(); }else{ openMenu(); } } ``` 想问一下maskClick事件是什么事件? mui.menu = opMenu;自己目测因此是点击系统菜单按钮触发 opMenu方法的意思;不过在mui的[官方文档](http://dev.dcloud.net.cn/mui/util/#selector)中未查到mui.menu的解释;所以想请大虾说一下mui.menu是什么意思?

mui手机app开发中文件上传

关于mui手机app开发中文件上传如何实现,哪位大神救救急,在下已经头疼一天了

mui 安卓页面无法滚动

``` <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="../../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" href="../../css/base.css" /> <link rel="stylesheet" href="../../css/style.css" /> </head> <body> <header class="mui-bar mui-bar-nav bgcolor-white flex-two"> <a href="" class="mui-pull-left mui-action-back"> <svg class="icon color-main1" aria-hidden="true"> <use xlink:href="#icon-fanhui"></use> </svg> </a> <h1 class="mui-title ">公司简介</h1> </header> <!-- mui-scroll-wrapper 一开始没有加 --> <div class="p20 pullDown mui-content company-introduction mui-scroll-wrapper"> <img src="../../images/about.jpg" alt="" class="per100 mt10" /> <p class="text-in"> 敏华控股有限公司(以下简称敏华)成立于1992年,集团总部位于香港,在美国、英国、中国大陆等全球核心经济区域和城市设有多家子公司、分公司及关联公司。 </p> <p class="text-in"> 敏华主营业务涉及沙发、床垫、板式家具、海绵、家具配件等产品的研发、制造、销售和服务,是中国家具行业的领军企业,现自主研发已获专利及认证的产品达300多项。 </p> <p class="text-in"> 作为中国家具品牌联盟主席单位、全国工商联家具装饰业商会副会长单位、中国家具协会沙发专业委员会执行主席单位,2005年,敏华公司赴海外上市,成为新加坡证券交易所主板上市的首家中国家具企业,新加坡总理授予敏华“杰出贡献奖”。2010年,敏华成功在香港联交所主板挂牌上市,跨向了更大的国际舞台。2014年,敏华控股入选首批“沪港通”,为家具业唯一入选企业。 </p> <p class="text-in"> 2014年,董事局主席黄敏利先生荣登荣福布斯亚洲封面,此前更荣膺香港“十大杰出青年工业家”称号、当选为惠州市第十届政协委员、荣获荣誉市民等。敏华曾多次入选福布斯排行榜,并荣获“十强企业”、“卓越品牌企业”、“高信用等级企业”等多项荣誉称号。2014年敏华控股更荣获香港商业“奥斯卡”——“杰出中国公司奖”殊荣。2017年,敏华荣登“中国民营企业制造业500强”,旗下芝华仕入选“2017亚洲品牌500强”,凭借专业化的技术水平和良好的品牌形象,敏华公司沙发品牌“芝華仕”被授予“中国驰名商标”、“中国名牌”等的荣誉称号。 </p> <p class="text-in"> 敏华旗下拥有“Cheers芝華仕”、“Fleming北欧宜居”两大知名家具品牌。芝华仕作为全球沙发行业的领导品牌,旗下分为主营让人舒适享受的功能沙发——芝华仕头等舱沙发,旗下分为贵族系列与时尚系列,外形线条简洁、设计感强的非功能性休闲沙发——芝华仕都市系列,倡导科技睡眠的床垫——芝华仕5星床垫、芝华仕智能床系列,通过融入先进的科技元素,为千家万户提供舒适、健康、时尚的家居体验,充分满足了不同消费者的需求。 </p> <p class="text-in"> Fleming北欧宜居致力于为欧洲家庭提供更具设计感、更具时尚性、更舒适健康的家居产品,融合时尚潮流、健康舒适与创新设计、技术,赋予产品更多活力,风格独特、舒适美好的家居产品帮助更多家庭提高生活质量。至今,Fleming北欧宜居系列产品已畅销20多个欧洲国家和地区,开设1200多家店铺,与众不同的设计美学和严格把控的精细品质,让每一位使用者都能健康、舒适地享受美好生活。 </p> <p class="text-in"> 在中国,敏华拥有品牌旗舰店超过2200家,并在全球拥有超过3000个销售终端,产品畅销美国、英国、加拿大、中国等100多个国家及地区,运营网络横跨四大洲。敏华旗下的产品更广泛被运用于高铁、酒店、游艇、高端会所、影院等多个领域,每年为全球上亿的消费者提供头等舱沙发享受,深得行业和消费者的肯定及喜爱。 </p> <p class="text-in"> 作为中国大型功能沙发及床垫产品供货商,敏华在中国大陆拥有亚洲强大的沙发生产制造基地,分别在广东、江苏、天津、重庆设有五大低碳、生态的工业园区,建筑面积超过180万平方米的生产基地,配合自建专业物流车配送体系,为全国以及全球的消费者送去方便快捷的优质产品和服务,让敏华产品的舒适家居享受延伸到千家万户。 </p> <p class="text-in"> 自敏华成立伊始,敏华积极带动社会劳动力就业,做大做强传统行业和民族品牌,使个人进步、企业发展和繁荣社会形成良性的循环互动。在此基础上,敏华尽己所能投身慈善公益、体育运动、教育文化、环境保护等各项社会公益活动,始终秉承着“履行社会责任,实现可持续性发展”的企业价值观,为促进社会和谐进步而不懈努力。敏华基于这种社会责任和民族意识,构建自身的企业使命---为千家万户带来健康、舒适、超值、美观的家居,致力于为消费者打造优质的产品和服务,给每个家庭带来“健康、舒适、超值、时尚”的消费新理念和承诺。 </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> </div> <script src="../../js/zepto-1.2.0.min.js"></script> <script src="../../js/mui.min1.js"></script> <script src="../../fonts/iconfont.js"></script> <script src="../../js/font.js"></script> <script type="text/javascript"> mui.init() //初始化 类.mui-scroll-wrapper,使其包裹的区域溢出可以上下滚动 // 一开始没有加这段 (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); </script> </body> </html> ``` 一开始没有加.mui-scroll-wrapper这个类,iphone没有问题.就百度了一下说加上 ``` (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); ``` 这段,没有用给“.mui-content” div加上类“.mui-scroll-wrapper”后,iphone也无法滚动了,并且控制台报错 **[ERROR] : RangeError: Maximum call stack size exceeded.** 请问该如何解决。谢谢!

mui中的on tap 事件为什么会执行两次?

代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <style> </style> <script type="text/javascript" charset="utf-8"> </script> </head> <body> <!-- 主界面不动、菜单移动 --> <!-- 侧滑导航根容器 --> <div class="mui-off-canvas-wrap mui-draggable mui-slide-in"> <!-- 菜单容器 --> <aside class="mui-off-canvas-left" id="offCanvasSide"> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 菜单具体展示内容 --> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: deepskyblue;font-size: 25px;"> <strong>菜单导航</strong> </li> </ul> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: orange;"> <a class="mui-navigate-right"> 首页 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 网站导航 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 博客文章 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 视频教程 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 关于作者 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 留言板 </a> </li> </ul> </div> </div> </aside> <!-- 主页面容器 --> <div class="mui-inner-wrap"> <!-- 主页面标题 --> <header class="mui-bar mui-bar-nav"> <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a> <h1 class="mui-title">萧潇墨个人网站</h1> </header> <div class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 主界面具体展示内容 --> <!--顶部div--> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html"> 推荐 </a> <a class="mui-control-item test"> 热点 </a> <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html"> 北京 </a> <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html"> 社会 </a> <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html"> 娱乐 </a> </div> </div> <div class="content" id="item1mobile"> 推荐 </div> <div class="content" id="item2mobile"> 热点 </div> </div> </div> <div class="mui-off-canvas-backdrop"></div> </div> </div> <script> mui(".mui-scroll").on("tap", ".test", function() { console.log("执行了") var va = this.innerText alert(va) }); </script> </body> </html> 但是每次执行都是打印两次 求解

MUI中上拉加载下拉刷新容器中onclick无法调用问题

MUI中上拉加载下拉刷新容器中onclick无法调用,因控件id为数据库实时id有作他用,无法使用tap事件委托,还有没有其他办法。

mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?

## mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?还有就是新人礼券的部分有一个100元怎么才能显示出来 ``` <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link href="../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="../初始化css.css"/> <link rel="stylesheet" type="text/css" href="1首页.css"/> <script type="text/javascript" src="../jquery-ui-1.12.1.custom/jquery-3.1.1.min.js" ></script> <script src="1首页.js" type="text/javascript"></script> </head> <body> <!--头部标题栏--> <header class="mui-bar mui-bar-nav bg"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">订蛋糕</h1> <a class="mui-icon mui-icon-more shezhi"></a> </header> <!--内容--> <div class="mui-content bg"> <!--轮播图--> <div id="slider" class="mui-slider" > <div class="mui-slider-group mui-slider-loop"> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner1.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner3.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner1.png"> </a> </div> </div> </div> <!--搜索--> <div class="mui-row"> <div class="mui-col-sm-3 sousuo-size3"> <button class="mui-btn btn"> <span class="mui-icon mui-icon-location"></span> 北京 </button> </div> <div class="mui-col-sm-9 sousuo-size9"> <div class="mui-content-padded"> <div class="mui-input-row mui-search sousuo"> <input type="search" class="mui-input-clear mui-icon mui-icon-search" placeholder="输入搜索"> </div> </div> </div> </div> <!--导航--> <ul class="mui-table-view mui-grid-view mui-grid-9"> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/限时抢购.png"/></span> <div class="mui-media-body ">限时抢购</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/当天可达.png"/></span> <div class="mui-media-body">当天可达</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><span class="mui-badge">100元</span><img class="img" src="../img/新人礼券.png"/></span> <div class="mui-media-body">新人礼券</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/全部商品.png"/></span> <div class="mui-media-body">全部商品</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/水果蛋糕.png"/></span> <div class="mui-media-body">水果蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/奶油蛋糕.png"/></span> <div class="mui-media-body">奶油蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/创意蛋糕.png"/></span> <div class="mui-media-body">创意蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/新品推荐.png"/></span> <div class="mui-media-body">新品推荐</div> </a> </li> </ul> <!--分隔行--> <div class="hang"></div> <!--品牌街--> <div class="brands"> <span class="text">品牌街</span> <span class="mui-icon mui-icon-arrowright tu"></span> </div> <!--横向滚动--> <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-active"> <img class="img-size" src="../img/E时三客.png"/> </a> <a class="a-size"> <img class="" src="../img/pinkme.png"/> </a> <a class="a-size"> <img class="" src="../img/七彩蛋糕.png"/> </a> <a class="a-size"> <img class="" src="../img/wink cake.png"/> </a> </div> </div> <!--行--> <div class="hang"></div> <!--商品--> <ul class="mui-table-view mui-grid-view"> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品1.png"> <div class="mui-media-body brands-text">挚爱</div> <p class="brand">黑天鹅</p> <p class="price">¥999</p> <span class="pingjia">309人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 2.png"> <div class="mui-media-body brands-text">甜蜜如心鲜奶蛋糕</div> <p class="brand">元祖食品</p> <p class="price">¥158</p> <span class="pingjia">3768人评价</span> <span class="songda">最快5小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 3.png"> <div class="mui-media-body brands-text">花澜甜心</div> <p class="brand">好利来</p> <p class="price">¥199</p> <span class="pingjia">578人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 4.png"> <div class="mui-media-body brands-text">裸蛋糕</div> <p class="brand">焙尔蒂</p> <p class="price">¥148</p> <span class="pingjia">新品上架</span> <span class="songda">最快5小时送达</span> </div> </a> </li> </ul> </div> <script src="../js/mui.min.js"></script> <script type="text/javascript"> mui.init({swipeBack:true});//启动右滑关闭功能 </script> </body> </html> ``` ``` /*搜索部分*/ .btn{ background-color: #f1f1f1; border-style:none ; margin-top: 10px; margin-left: 10px; border-radius:5px ; width: 100%; height: 34px; } .sousuo input{ background-color: #FFFFFF; border: solid 1px #7d7d7d; border-radius: 5px; width: 96%; margin-left: 10px; } .sousuo-size3{ width: 20%; } .sousuo-size9{ width: 80%; } /*九宫格导航部分*/ .img{ width: 100%; } /*品牌街部分*/ .text{ display: inline-block; width: 92%; text-align: center; padding-left: 24px; } .tu{ display: inline-block; width: 6%; } /*分隔行*/ .hang{ width: 100%; height: 10px; background-color: #f9f9f9; margin-bottom: 20px; } /*横向滚动*/ .img-size{ width: 25%; } /*商品*/ .brands-text{ text-align: left; font-family: "微软雅黑"; font-size: 26px; color: #333333; } .brands-border{ border: solid 1px #e5e5e5; } .brand{ font-size: 20px; font-family: "微软雅黑"; color: #666666; text-align: left; } .price{ font-family: "微软雅黑"; font-size: 24px; color: #ff3939; text-align: left; } .pingjia,.songda{ font-family: "微软雅黑"; font-size: 20px; color: #cccccc; text-align: left; } ![图片说明](https://img-ask.csdn.net/upload/201708/25/1503639179_671193.jpg) ```

MUI框架滚动距离,运用jquery或者MUI怎样获取滚动垂直距离?

项目构建使用MUI框架,滚动触发标题显示,运用jQuery怎么获取滚动垂直距离?谢谢

android 集成H5页面,H5是用MUI框架写的

用MUI框架的缺点就是导航栏和数据页面得分开成两个html文件, 但是安卓这边只能加载一个Html的文件, 前端应该怎么做能够做到两个html文件一起加载?????

mui弹出菜单传值如何实现

最近在用mui框架,用它们自带的弹出菜单。里面定义了一个表单,当点击弹出按钮时把商品id 传入到表单中。

MUI的Picker组件在IOS11上滑动显示不全怎么解决?

MUI的Picker组件在IOS11上滑动显示不全怎么解决?

关于mui的页面传值问题

本人小白一个,才学了两天的mui,遇到了页面传值问题 两个页面,a页面和b页面,先从a页面进入b页面,再由b页面回到a页面,此时像b-->向a传了一个值,网上搜了一些方法都不行 b页面: mui.openWindow({ id:'test1', url:'test1.html', extras:{ city:selectCity } }); a页面 mui.plusReady(function(){ alert(11); var s= plus.webview.currentWebview(); alert(s.city); var kais = document.getElementById("kais"); kais.innerHTML = s.city; }) 测试了下发现我根本执行不到方法里面去,也就是连11都没弹出,求解救,小白很苦恼,刚入职场,而且可能下一个项目就要使用mui框架来做,所以这几天在学习

今天在看mui,下面是其中的一段话,什么是跟手拖动?

今天在看mui,下面是其中的一段话: webview模式也有其缺点: 不支持拖动手势(跟手拖动); 请问大神,跟手拖动是什么意思

为何mui绑定事件tap后ios点击一次就触发了andriod得tap2次才可以触发跳转页面

<div> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right">我的收藏</a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right">我的积分</a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right">浏览记录</a> </li> <li class="mui-table-view-cell" id="shdz"> <a class="mui-navigate-right">收货地址</a> </li> </ul> </div> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); var cc = document.getElementsByClassName("wdxx"); for (var i = 0;i<cc.length;i++){ if(cc[i].innerHTML==0){ cc[i].style.display = 'none'; }else{ cc[i].style.display = 'block'; } } //tap为mui封装的单击事件,可参考手势事件章节 document.getElementById('shdz').addEventListener('tap', function() { //打开关于页面 mui.openWindow({ url: 'addressgl.html', id:'shdz' }); }); </script>

学Python后到底能干什么?网友:我太难了

感觉全世界营销文都在推Python,但是找不到工作的话,又有哪个机构会站出来给我推荐工作? 笔者冷静分析多方数据,想跟大家说:关于超越老牌霸主Java,过去几年间Python一直都被寄予厚望。但是事实是虽然上升趋势,但是国内环境下,一时间是无法马上就超越Java的,也可以换句话说:超越Java只是时间问题罢。 太嚣张了会Python的人!找工作拿高薪这么简单? https://edu....

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

为什么程序猿都不愿意去外包?

分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助

Java校招入职华为,半年后我跑路了

何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

@程序员:GitHub这个项目快薅羊毛

今天下午在朋友圈看到很多人都在发github的羊毛,一时没明白是怎么回事。 后来上百度搜索了一下,原来真有这回事,毕竟资源主义的羊毛不少啊,1000刀刷爆了朋友圈!不知道你们的朋友圈有没有看到类似的消息。 这到底是啥情况? 微软开发者平台GitHub 的一个区块链项目 Handshake ,搞了一个招募新会员的活动,面向GitHub 上前 25万名开发者派送 4,246.99 HNS币,大约价...

用python打开电脑摄像头,并把图像传回qq邮箱【Pyinstaller打包】

前言: 如何悄悄的打开朋友的摄像头,看看她最近过的怎么样,嘿嘿!这次让我带你们来实现这个功能。 注: 这个程序仅限在朋友之间开玩笑,别去搞什么违法的事情哦。 代码 发送邮件 使用python内置的email模块即可完成。导入相应的代码封装为一个send函数,顺便导入需要导入的包 注: 下面的代码有三处要修改的地方,两处写的qq邮箱地址,还有一处写的qq邮箱授权码,不知道qq邮箱授权码的可以去百度一...

C++(继承):19---虚基类与虚继承(virtual)

一、菱形继承 在介绍虚继承之前介绍一下菱形继承 概念:A作为基类,B和C都继承与A。最后一个类D又继承于B和C,这样形式的继承称为菱形继承 菱形继承的缺点: 数据冗余:在D中会保存两份A的内容 访问不明确(二义性):因为D不知道是以B为中介去访问A还是以C为中介去访问A,因此在访问某些成员的时候会发生二义性 缺点的解决: 数据冗余:通过下面“虚继承”技术来解决(见下) 访问...

计算机网络——浅析网络层

一、前言 注意,关于ipv4和ipv6,ipv4是ip协议第4版本,也表示这个版本的ip一共4个字节,同样地,ipv6是ip协议第6版本,也表示这个版本的ip一共6个字节。 关于网络层使用路由器实现互联:在计算机网络的分层结构中,不同层有不同的中继设备: 计算机网络层 中继设备/中继系统 物理层 中继器、集线器Hub 数据链路层 网桥或交换机(交换机是多端口网桥,两者本质上是一个东西) 网络层 路...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

女朋友过生日,我花了20分钟给她写了一个代理服务器

女朋友说:“看你最近挺辛苦的,我送你一个礼物吧。你看看想要什么,我来准备。” 我想了半天,从书到鞋子到电子产品最后到生活用品,感觉自己什么都不缺,然后和她说:“你省省钱吧,我什么都不需要。” 她坚持要送:“不行,你一定要说一个礼物,我想送你东西了。” 于是,我认真了起来,拿起手机,上淘宝逛了几分钟,但还是没能想出来缺点什么,最后实在没办法了:“这样吧,如果你实在想送东西,那你就写一个代理服务器吧”...

记一次腾讯面试,我挂在了最熟悉不过的队列上……

腾讯后台面试,面试官问:如何自己实现队列?

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

立即提问
相关内容推荐