#微信小程序#自定义弹窗设计、picker-view的使用

最新推荐文章于 2024-09-21 16:46:41 发布

小桥流水叮冬

最新推荐文章于 2024-09-21 16:46:41 发布

阅读量1.5k

点赞数

分类专栏：前端文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_43811390/article/details/121606171

版权

本文介绍了在微信小程序中如何实现自定义弹窗设计，通过catchtouchmove属性控制界面滚动，并解决了在开发者工具中存在滚动的bug。同时，文章详细讲述了使用picker-view组件来让用户选择数字单位的过程，探讨了picker-view显示问题及其解决方案，以及利用text-align实现组件居中的方法。

摘要由CSDN通过智能技术生成

1.问题描述：有一大段对界面中使用到的内容进行理论解释的文字，放在界面上占地方且不好看，点击按钮跳转另一个界面又觉得没必要，所以需要点击按钮在原界面出现一个弹窗，而且弹窗出现后无法再滚动界面。
最终效果图如下所示：
请添加图片描述

解决方法：

<!-- wxml -->
<view class="container">
	...
	<view wx:if="{
    {flag}}" class="show" catchtouchmove="{flag?true:return}" bindtap="noShow">
		<view class="word">
			<text>这是一段文字</text&g