获得mui-upload上传行数

获得mui-upload上传行数,第1张

根据我的查询,mui-upload组件提供了一个fileList属性,用于获取上传行数,具体可以通过 thisrefsuploadstatefileListlength来获取行数。

让popverd出框始终显示在中间位置 就不要用 <a href='#popver'>,自己写一个标签,比如:

<button type="button" @click="transferOder">转移订单</button>

通过点击事件 控制 popver的显示和<div class="mui-backdrop "></div>的显示

并且在点击事件中控制popver的定位: $('#middlePopover')css('top',$(window)scrollTop()+180)//定位的关键代码

这样不管页面如何滚动 popver始终处于最中间的位置。

############

刚好最近在写一个vue 和mui的项目,mui的popver封装的js是定位点击的位置,不能让他始终在中间,又看了网上各种各样的答案都不太符合,然后自己写了一个。有什么不懂的可以邮件635036447@qqcom

DOM结构

关于mui页面的dom,你需要知道如下规则。

固定栏靠前

所谓的固定栏,也就是带有mui-bar属性的节点,都是基于fixed定位的元素;常见组件包括:顶部导航栏(mui-bar-nav)、底部工具条(mui-bar-footer)、底部选项卡(mui-bar-tab);这些元素使用时需遵循一个规则:放在mui-content元素之前,即使是底部工具条和底部选项卡,也要放在mui-content之前,否则固定栏会遮住部分主内容;

### 一切内容都要包裹在mui-content中

除了固定栏之外,其它内容都要包裹在mui-content中,否则就有可能被固定栏遮罩,原因:固定栏基于Fixed定位,不受流式布局限制,普通内容依然会从top:0的位置开始布局,这样就会被固定栏遮罩,mui为了解决这个问题,定义了如下css代码:

[css] view plain copy

mui-bar-nav ~ mui-content {

padding-top: 44px;

}

mui-bar-footer ~ mui-content {

padding-bottom: 44px;

}

mui-bar-tab ~ mui-content {

padding-bottom: 50px;

}

你当然可以通过自定义CSS的方式实现如上类似效果,但为了使用简便,建议将除固定栏之外的所有内容,全部放在mui-content中。

始终为button按钮添加type属性

若button按钮没有type属性,浏览器默认按照type=submit逻辑处理,这样若将没有type的button放在form表单中,点击按钮就会执行form表单提交,页面就会刷新,用户体验极差。

窗口管理

页面初始化:必须执行muiinit方法

mui在页面初始化时,初始化了很多参数配置,比如:按键监听、手势监听等,因此mui页面都必须调用一次muiinit()方法;

页面跳转:抛弃href跳转

当浏览器加载一个新页面时,若页面DOM尚未渲染完毕,页面会先显示空白,然后等DOM渲染完毕后,再显示具体内容,这是WEB浏览器技术无法逾越的体验障碍;为解决这个问题,建议使用[muiopenWindow方法](>

他的意思是叫你用GOOGLE的卫星地图把这个经纬度输进去具体坐标你自己找吧河马洗澡28°19'1853"S,32°24'3024"E]&7y"G美国51区37°14'425"N,115°48'5125"Wc8-hlqE1X传说中的超七星酒店25°8'2707"N55°11'1029"E_xk^xF俄罗斯贝尔加湖上白带子不知道是什麽53°53'5921"N108°58'5638"EomI8a美国夏威夷亚利桑那号残骸博物馆21°21'5425"N157°56'5700"W#XRE$o美国拉斯维加斯金字塔36°5'4436"N115°10'3319"WI深圳明斯克航空母舰22°33'1392"N114°14'1062"EY>7"Z深圳大亚湾核电站22°36'253"N114°32'4561"EJz#NN93D7p巴西圣母玛利亚22°57'571"S43°12'3664"W1bVL`B'/咸阳金字塔34°21'4144"N108°38'858"ELKb;(5'美国军事基地32°42'3800"N117°11'2300"WN@$=Y美国军事基地30°23'4504"N81°24'2831"WxdR>wP3n法国军事基地43°6'3718"N5°54'916"E'P3k"Wk英国军事基地50°48'3532"N1°6'2331"W:`em(=+美国军事基地36°56'2292"N76°20'2486"WrvzYY1QB0hHlaa英国巨石阵51°10'4308"N1°49'3323"WTD[}T}卐型建筑物32°40'3399"N117°9'2787"WJKh=WHv美国航空母舰40°45'5305"N74°0'252"W4tMzx%美国大三角图案37°39'5622"N116°1'3090"Wd:N$'意大利古罗马竞技场41°53'2447"N12°29'3289"E/Jz{G)`印度被曝光的Sukhoi30MKI战斗机18°34'4246"N73°55'1189"Es`[@}56美国纽约世贸大厦遗址40°42'4412"N74°0'4477"W!__0uB#/巴拿马运河8°59'4506"N79°35'2839"WAZ|eU[q,上海国际机场31°12'739"N121°20'2379"E-1(6v5ux俄罗斯核潜艇基地42°52'1355"N132°30'5674"E>CzJ:K)r美国戴维斯空军基地32°10'1451"N110°50'5307"W]@fwWv@9n非洲南部南非好望角34°21'1270"S18°29'1632"E:;SWmz0V梵蒂冈圣彼得大教堂41°54'898"N12°27'1657"Eo,6n=+秘鲁神秘巨型地表图案14°42'2074"S75°9'3178"W{rqh#=9G麦田怪圈53°31'5433"N1°21'2263"Wniu7L@l;P埃及狮身人面像29°58'3087"N31°8'1578"E5%UR|T4}上海东方明珠电视塔31°14'2959"N121°29'4197"Eg8HK:Zf俄罗斯莫斯科克里姆林宫及红场55°45'1135"N37°37'1280"EORL4FD6美国纽约帝国大厦40°44'5630"N73°59'1360"W7$}/o{p法国巴黎罗浮宫48°51'3950"N2°20'923"ER@CFo88_法国巴黎圣母院48°51'1061"N2°20'5941"E&W\#+b澳大利亚悉尼歌剧院33°51'2500"S151°12'5387"Ej^Sb1JF澳门国际机场22°9'2967"N113°34'3696"EOuS\%6B美国夏威夷海军基地(珍珠港)21°21'4247"N157°57'1470"W/4z{NEVN美国华盛顿国防部(五角大楼)38°52'1319"N77°3'2604"WUHF@6\法国巴黎凯旋门48°52'2495"N2°17'4228"E'v(mgH广州新白云国际机场23°23'807"N113°17'5988"EY"~$z2r{香港国际机场22°18'2243"N113°55'2296"EMW=^G{ZWh法国巴黎埃菲尔铁塔48°51'3073"N2°17'3859"ERfK(0y美国自由女神像40°41'2051"N74°2'4026"WA_V9D埃及金字塔29°58'3392"N31°7'4942"EZ3fhG@E为人民服务42°32'3395"N,94°19'3680"E^gMo59oA/向斗争中学习42°27'4095"N,94°14'3680"EE`wn/8排除万难去争取胜利42°27'1208"N,94°8'4936"EIdK``Vp0只争朝夕42°39'3330"N,94°16'059"E`jCoPh毛主席万万岁42°39'1885"N,94°10'080"EA%5{I7s祖国在我心中39°41'4347"N,73°55'3717"E&r]iw#xK香格里拉-松赞林寺(经文)27°52'510"N,99°41'5220"EAKD&l}Lw白宫:38°53'2390"N77°00'3260"WQ]VVzL_f五角大楼:38°52'1539"N77°03'2202"Wjrp(t)bh\美国核设施:37°50'3881"N116°43'5301"W9>0"''%戴维斯空军基地:32°9'5752"N,110°51'1758"WQq-2]bM北韩核反应堆:40°5'4220"N,128°20'2691"EAu4iqc,J+怀特曼空军基地:38°43'4089"N93°33'2158"WIe]&Dwz8>俄国的核潜艇:428689845164N,132517761198E^("8(%空36师大场:3422'19"n10907'10"eKA=6|,2]凤凰山陆航基地及陆军轻武器射击场:30°43'5099"N104°05'2616EYm||ri慕尼黑安联体育场(开幕式):48219147789,116263784774NBG%h=e柏林奥林匹克体育场(决赛):525133561136,132398110056aikf_}1p汉诺威AWD竞技场:523599290703,973288538378V&'cnW5>汉堡世界杯体育场:535869222364,990124407196IPdtG!多特蒙德维斯特法伦体育场:514927357971,745381528043I(Ev5fn|=盖尔森基奥夫沙尔克竞技场:515537521117,706907863308dNiYz\凯泽斯劳滕沃尔特体育场:494337693907,777715096552/oB纽伦堡法兰克人体育场:494259497861,111241851189stRh$#g斯图加特戈特利布戴姆勒体育场:487931489667,9233283327185UW1}HP莱比锡中央体育场(改建前):513464198348,123509946539xk6g)muiO法兰克福森林体育场(改建前):500696330234,864661484093F$kQ^KJ;U八达岭:40°21'1541"N,116°00'2421"EiZe#7]jj凯旋门:48°52'2679"N,2°17'4266"E1LA'ku9w凡尔赛宫:48°48'1776"N,2°7'1824"EpUX!("D巴黎圣母院:48°51'1139"N,2°20'5695"Ee_liwg卢浮宫:48°51'3974"N,2°20'926"E|tD9v=巴黎埃菲尔铁塔:48°51'2954"N,2°17'4019"E-!yeB`自由女神像:40°41'2148"N,74°2'4038"WCNgdY\Q1世贸中心双子星大厦遗址:40°42'4219"N74°00'4445"W~Ek],s帝国大厦:40°44'5474"N73°59'1088"W0K^6/UH红场和克里姆林:55°45'0886"N37°37'2305"E`|Yo_4三峡30°50'45"N111°01'27"E0q/L):泸定铁索桥29°54'5239"N102°13'4861"Ec6B821%比尔盖茨的豪宅:47°37'3771"N,122°14'3326"W^;y71nE大标语“仗怎么打,兵怎么练!”:43°45'1910"N,87°40'490"E{chX)Y;H老外也搞大标语"GoWings!":42°10'2919"N,83°11'4136"WX:byHVY<断桥:25°55'4642"N,80°7'4958"WjC$lq_gw马戏团:45°30'2640"N73°32'5294"Wea@ADN\1大堡礁:GreatBarrierReef18°21'0458"S,146°47'5881"EJ`VPX&Q7撞机事件:51°52'1778"N,0°34'013"W"r5-Dx(乍得超高分辨率绿洲:1517'5435"n1925'4638''e|tpOvJ^50米长的恐怖怪虫:48°51'2833N10°12'1866Es!ygd一群河马:28°19'1843"s32°24'3016EmOG3xEp大三角图案:37°39'5622"N116°1'3090"W`%w,Cd羊群,还有一个人在看着卫星。哈哈哈15°17'5448"N19°25'4685"EvkUt89卐标志32°40'3399"N117°9'2787"W-HO#t5M巨虫48°51'2833N10°12'1866EpyS_

1、查找子元素方式1:>

例如:var aNods = $("ul > a");查找ul下的所有a标签

2、查找子元素方式2:children()

3、查找子元素方式3:find()

通过下标获取第n个子标签的ID值

1var num1=$("ul > a:eq(0)")attr("ID");

2var num2=$("ul")children("a:eq(0)")attr("ID");

3var num3=$("ul")find("a:eq(0)")attr("ID");

<!--下拉刷新容器-->

<div id="refreshContainer" class="mui-content mui-scroll-wrapper">

<div class="mui-scroll">

<!--数据列表-->

<ul class="mui-table-view mui-table-view-chevron">

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

<li onclick="alert(1111)">bbb</li>

</ul>

</div>

</div>

<script type="text/javascript">

muiinit({

gestureConfig: {

tap: true, //默认为true

doubletap: true, //默认为false

longtap: true, //默认为false

swipe: true, //默认为true

drag: true, //默认为true

hold: false, //默认为false,不监听

release: false //默认为false,不监听

},

pullRefresh: {

container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、class等

down: {

contentdown: "下拉可以刷新", //可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容

contentover: "释放立即刷新", //可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容

contentrefresh: "正在刷新", //可选,正在刷新状态时,下拉刷新控件上显示的标题内容

callback: function() { //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;

}

}

}

});

</script>

以上就是关于获得mui-upload上传行数全部的内容,包括:获得mui-upload上传行数、mui怎样让popverd出框始终显示在中间位置、huilder和mui开发的app获取个推推送的消息的click事件应该写在哪等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9626512.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存