草庐IT

MUI框架快速开发

文章目录创建项目快速编写标题页面主体底部选项卡常用关键词字体图标事件处理常见手势事件窗口对象底部选项卡-页面切换底部选项卡窗口对象设置点击事件处理栅格系统页面传值通过openWindow通过自定义事件常用关键词参考创建项目使用MUI框架搭建项目,首先我们要下载一个HBuilderX。使用HBuilderX新建一个项目,在工具栏选择文件–新建–项目。选择5+App项目,选择mui项目模板,输入项目名称,创建成功!项目目录如下,包含基本的mui的css、js文件,入口文件是index.html。快速编写标题输入mh可以快速生成标题栏。生成的代码如下。页面效果如图所示。页面主体输入mbo,创建项目主

uniapp 使用 mui-player 插件播放 m3u8/flv 视频流

背景:uniapp开发的h5项目,需要播放m3u8/flv后缀的视频,网上有很多视频插件,但是样式和效果不尽如人意,博主最后选择mui-player插件,定制化稍微强一点以及有官方文档可以阅读,官网文档https://muiplayer.js.org/zh/guide/tips:建议先阅读官方文档,再在页面进行引入博主最后实现的效果如下,pc端和移动端为两种展示样式,pc可以设置声音、播放速度、分辨率、全屏、画中画等功能,具体还有其他的功能自定义可以参照官网,官网的说明很详细以及有示例进行参考;移动端和pc端的功能大差不差,只是展现形式略有差别。1、安装mui-player插件npmimui-

uniapp 使用 mui-player 插件播放 m3u8/flv 视频流

背景:uniapp开发的h5项目,需要播放m3u8/flv后缀的视频,网上有很多视频插件,但是样式和效果不尽如人意,博主最后选择mui-player插件,定制化稍微强一点以及有官方文档可以阅读,官网文档https://muiplayer.js.org/zh/guide/tips:建议先阅读官方文档,再在页面进行引入博主最后实现的效果如下,pc端和移动端为两种展示样式,pc可以设置声音、播放速度、分辨率、全屏、画中画等功能,具体还有其他的功能自定义可以参照官网,官网的说明很详细以及有示例进行参考;移动端和pc端的功能大差不差,只是展现形式略有差别。1、安装mui-player插件npmimui-

windows - 使用 NSIS 3.0 编译时 MUI 未定义 LANG_ENGLISH

我刚从NSIS2.51升级至NSIS3.0,主要是因为新版本supportsWindows10.对于我的安装程序,我使用的是ModernUserInterface(MUI).我使用一些自定义页面。根据documentation,我正在使用MUI_HEADER_TEXT宏在我的自定义页面函数中设置页眉上的文本,例如:[...]PagecustomInstallTypeLangStringPAGE_INSTALL_TYPE_TITLE${LANG_ENGLISH}"InstallationType"LangStringPAGE_INSTALL_TYPE_SUBTITLE${LANG_ENG

html - 如何在 MUI 中对齐水平图标和文本

我是MUI的新手,现在我的图标和文本没有对齐:我想要的结果:我的代码是:revolve我尝试了网格和行,但没有用。谁能帮帮我? 最佳答案 这非常有效!revolve 关于html-如何在MUI中对齐水平图标和文本,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/51940157/

MUI调用照片以及裁剪和图库照片上传到服务器【后端部分Flask+MUI】

MUI调用照片以及裁剪和图库照片上传到服务器【后端部分】涉及技术:前端:MUI后端:Flask数据库:MongoDB一.MUI后端接受照片1.1主要的py文件先设置固定接受照片路由,用于处理数据请求。@app.route("/photo",methods=['POST','GET'])我们在上一篇中写到,前端以及将目的照片将照片的文件流转换为besa64格式的数据流,所以我们在后端里,需要接受它的baes64的数据流文件:score=request.form.get("imageBase64")现在的score里面就是我们需要的照片流。我们将其代码模块化,新建一个Photo的py文件。在主要的

MUI调用照片以及裁剪和图库照片上传到服务器【后端部分Flask+MUI】

MUI调用照片以及裁剪和图库照片上传到服务器【后端部分】涉及技术:前端:MUI后端:Flask数据库:MongoDB一.MUI后端接受照片1.1主要的py文件先设置固定接受照片路由,用于处理数据请求。@app.route("/photo",methods=['POST','GET'])我们在上一篇中写到,前端以及将目的照片将照片的文件流转换为besa64格式的数据流,所以我们在后端里,需要接受它的baes64的数据流文件:score=request.form.get("imageBase64")现在的score里面就是我们需要的照片流。我们将其代码模块化,新建一个Photo的py文件。在主要的
12