half_screen_dialog = function(option){ // 关闭之前可能打开的dialog $('.js_close').click(); if(!option.header||!option.body) return ; const type = option.type || 1; const dialogCss = ['','','weui-half-screen-dialog_bottom-fixed',' weui-half-screen-dialog_large','','weui-half...
第一步,在小程序后台添加该组件库 第二步,在小程序app.json 添加 "useExtendedLib": { "weui": true } 如图 然后在目标页面的.json文件中 引入即可 例如原文件是这样的 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "mp-halfScreenDialog":"../../components/half-screen-dialog/half-screen-dialog...
用到的插件 WEUI:https://weui.io/#half-screen-dialog mescroll和weui的:http://www.mescroll.com/qa.html#q10 Half-screen Dialog苹果手机无法下滑 mescroll和weui的Half-screen Dialog起冲突,导致苹果手机Half-screen Dialog无法下滑。 在页面加载时加如下代码即可 document.getElementById("detail_dialog").addEve...
第一步,在小程序后台添加该组件库 第二步,在小程序app.json 添加 "useExtendedLib": { "weui": true } 如图 然后在目标页面的.json文件中 引入即可 例如原文件是这样的 "mp-halfScreenDialog": "../../components/half-screen-dialog/half-screen-dialog" 改成 "mp-halfScreenDialog": "weui-miniprogram/...
"mp-msg": "weui-miniprogram/msg/msg", "mp-toptips": "weui-miniprogram/toptips/toptips", "mp-half-screen-dialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog", "mp-actionSheet": "weui-miniprogram/actionsheet/actionsheet",
mescroll和weui的Half-screen Dialog起冲突,导致苹果手机Half-screen Dialog无法下滑。 在页面加载时加如下代码即可 document.getElementById("detail_dialog").addEventListener('touchmove',function(e){ e.stopPropagation() }) 1. 2. 3. navbar和mescroll冲突 ...
我们来看下代码,使用很简单,直接使用 mp-half-screen-dialog,配置相关属性即可。 // page.wxml// page.js data配置buttons: [ {type:'default',className:'',text:'辅助操作',value:0}, {type:'primary',className:'',text:'主操作',value:1} ...
opened this issueSep 18, 2019· 4 comments zuoyifengcommentedSep 18, 2019 新版的WeUI2.1.2已经支持Half-screen Dialog组件了,但是对应的weui.js怎么没有相应的方法或者api文档?? Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment...
Half-Screen-Dialog Msg Picker Toast 导航相关 Navbar Navigation-Bar Tabbar 搜索相关 Searchbar Issues 相关 Request 页面通信(Vuex 实现) Rate 版本日志 releases Contributors Thank you to all the people who already contributed to mpvue-weui. 结束语 花了大概一周多的时间来完成了这个项目,过程中收获还是...
// 依赖jQuery/* option 对象: type: 样式1 - 5 ,默认为1 close_btn: 顶部左侧关闭按钮 more_btn:顶部右侧更多操作按钮 header:弹窗头部[必须] body:弹窗主体内容[必须] footer:弹窗尾部 */$(function(){$.half_screen_dialog=function(option){// 先关闭之前可能打开的dialog$('.js_close').click();...