1、首先打开微信开发者工具,新建一个小程序。
2、page目录胡宏下新建一个test目录和相关页面文件。打开app.json文件,将test页面路径放置到index前面。
3、单个view居中:点击打开test.wxml页面代码,输掘敬入图中的代码内容。给view设置一个class。
4、点击打开test.wxss文件,这里设置元素样式。输入下面图中的样式代码,可裤散册以实现view中文字内容居中。
5、最后打开test.wxss文件,设置viewin的样式代码,如图中所示。实现内部的view相对于外层的view居中显示。
让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@qq.com
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)