tag mui

標籤
貢獻8
17
09:04 PM · Nov 23 ,2025
hello888 頭像 newdriver_59a8bb2914c26 頭像 daijinjia 頭像 shengezhuazi 頭像 tyhan 頭像 shijuepaipie 頭像 dingxi 頭像 yookoo 頭像

@mui / 博客 RSS 訂閱

newdriver_59a8bb2914c26 頭像

newDriver - MUI在項目中使用時遇到的問題的個人總結

picker 添加年插件問題總結 取消按鈕點擊事件無法獲取 可以獲取到取消按鈕標籤和確定按鈕標籤 但是隻能獲取去頂按鈕事件,取消點擊事件無法獲取 通過判斷picker的display狀態也不能確認此事件 lable標籤無法綁定事件 這時需要添加一個單獨全選按鈕時 可以在herder內添加一個按鈕 調用同一picker會保存一部分數據不清除 可以在picker.dis

mui , 兼容性問題 , html5

收藏 評論

hello888 頭像

洛陽醉長安行 - 移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1： 在移動端h5的開發中，因為前期開發使用了是原生的alert來提示，會有在不同機型樣式不統一，還會出現在彈窗標題出現網址的問題，顯示非常不友好，在mui項目中可以直接使用mui的alert組件實現消息提示來解決這個問題。但是因為長期下來alert的地方太多，改動量大，有沒有什麼一勞永逸的辦法。 解決方法： 直接重寫瀏覽器window下的alert函數 window.alert = fu

移動端 , mui , 前端

收藏 評論

daijinjia 頭像

daijinjia - mui技術問題總結

跳轉問題關閉原頁面會閃一下的問題： 在進行頁面關閉時，通常採用plus.webview.currentWebview().close()來進行當前頁面的關閉，這個時候會出問題，就是頁面無法正常跳轉，會一直顯示加載。解決方法就是增加延時函數進行頁面的延時關閉，這是就會成功的來到新頁面，但又會出現一個新的問題，關閉老頁面時，會在新頁面閃一下，這樣的體驗是很不好的。然後經過查閲，可以通過先hide

mui , html5

收藏 評論

shengezhuazi 頭像

伸個爪子 - Mui實現下拉刷新

mui.init({ pullRefresh : { container:"#refreshContainer",//下拉刷新容器標識，querySelector能定位的css選擇器均可，比如：id、.class等 down : { height:50,//可選,默認50.觸發下拉刷新拖動距離,

mui

收藏 評論

hello888 頭像

洛陽醉長安行 - js 使用遞歸上傳文件（批量上傳文件）、上傳進度

當接口不支持批量上傳，使用遞歸實現單文件上傳，配合mui.loading實現上傳進度 var imgAppendixArr = [];//當前已上傳的圖片信息數組，可傳遞給後端 //多張圖片遞歸上傳 function uploadList(obj, i) { var fileList = $("#" + obj.inputId)[0].files; var i = i || 0;//初始為

移動端 , mui , 前端 , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - mui 多個tab頁實現下拉刷新上拉加載

下拉刷新組件的dom結構 div id="refreshContainer" class="mui-scroll-wrapper" div id="refreshBox" div class="active" id="tab1"/div div id="tab2"/div div id="tab3"/div /div /di

移動端 , Css , mui , 前端 , html5

收藏 評論

tyhan 頭像

TY翰 - 公交年檢_mui項目小結

技術總結 一、實名認證頁面（RealNameAuthentication.html） 1.相機拍照蒙層，前端不易實現 解決：用原生代碼來解決的。進入拍攝界面，js所調用函數如下（該函數包含網絡請求） function idCardPut(ruid, okCallback, failCallback, errorCallback) { var success = function(re

mui , 前端 , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶（帶分頁）

前戲： 在移動端網頁中的列表如何實現滾動和搜索條件的記憶，類似微信文章一樣，瀏覽到文章的某一個位置，在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表，如果你現在需求是不帶分頁的文章或列表當然也可以參考，實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件，要在tab切換時需要默認把滾動條重置到最頂部（從頭開始瀏覽），refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

收藏 評論

shijuepaipie 頭像

視覺派Pie - Huilder X開發-貓耳APP（H5+/MUI/VUE）

前言 近年來國內出現了一些可以讓前端人員編寫移動端App的IDE，Hbuilder X是DCloud推出的一款免費開發工具，最大的亮點是可以開發App，利用html5+技術，結合mui+nativejs可以在雲端打包，主要用到的技術就是HTML5、JS、CSS，一套代碼，即可生成Android和IOS對應的兩種App。最早的App開發只有原生這個概念，Html頁面只是用來做一些簡單的靜態資源展示

vue.js , hbuilder , mui

收藏 評論

dingxi 頭像

武小藏 - h5+mui分享調起app跳指定頁面

@font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋體"; } @font-face{ font-family:"Calibri"; } p.MsoNormal{ mso-style-name:正文; mso-style-parent:""; margin:0pt; margin-bottom:.0001pt

mui , 前端 , html5 , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - 移動端過濾欄Tab組件mFilterToolbar

移動端開發中由於mui中沒有比較好用的tab組件，所以我就基於mui開發了一個tab列表組件，可以獲取當前的tab並且增加了排序功能，解決了列表的常見需求 源碼地址：https://github.com/booms21/mF... mFilterToolbar mFilterToolbar 是一款mui風格的移動端h5頂部過濾欄組件，可根據自定義的條件對列表進行過濾，支持排序、組件默認值、組

移動端 , mui

收藏 評論

hello888 頭像

洛陽醉長安行 - mui 側欄菜單實現多級樹數據列表，返回上一級樹

想在移動端使用樹結構選擇項目，但是在移動端顯示體驗太差怎麼辦？使用棧結構存儲樹歷史，使用類似側欄菜單的方式實現： var currtTreeArr = []; //當前樹列表數組 var treeData = []; //根節點數據 var treeHistoryArr = []; //歷史打開的樹，用於回退，進入到其他節點 $(".mui-table-view").on("click", ".m

移動端 , 樹形結構 , mui , 前端 , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - 移動端級聯組件mCascader

移動端開發中可能會涉及到樹狀數據的選擇，由於mui中沒有比較好的組件可以使用，所以我基於mui和jq開發了一款可以在移動端操作級聯的氣泡組件。 源碼地址：https://github.com/booms21/mC... mCascader mCascader 是一款mui風格的移動端h5氣泡級聯框，支持可選擇任意層級、默認值、分隔符 使用方法： 首先引入mui和jq庫，mCascader.

移動端 , mui , html5

收藏 評論

yookoo 頭像

不吃香菜 - MUI使用總結

最近項目中需要使用MUI做一個視頻播放的小功能。我就花時間研究了一下MUI。 MUI是一個使用JavaScript開發Android和IOS應用的前端框架。這篇文章將以知識樹的形式對MUI的使用做一個總結，一些官方文檔中的東西我都只大致提一下，如果需要詳細瞭解可以進入官方文檔瞭解詳情。 UI組件 組件部分不多説，詳情可以看官方文檔。 小技巧：Dialog 組件正常情況下是無法解析HTML內容的，如

mui , Javascript

收藏 評論

hello888 頭像

洛陽醉長安行 - mui 移動端側邊欄菜單組件導致頁面無法滾動問題

無法滾動設置如下css能解決 .mui-scroll-wrapper{ overflow: auto !important; } 如點擊外面遮罩層關閉不了側欄，需要添加一個div class="mui-off-canvas-backdrop"/div在同級就能解決 !-- 側欄內容-- div class="mui-content mui-scroll-wrapper" ... /d

移動端 , Css , mui , 前端 , html5

收藏 評論