这个很简单，用圆角就可以啦，我帮你写出来吧，看代码divicon width200pxheight 200pxdisplayblockposition relativefloatleftpadding 0pxmargin 10pxbackground #e9e7e0divicon_headwidth150pxheight 150pxdisplayblockposition relativefloatleftpadding 0。

不用脚本虽然也能实现，只是结构和样式相对复杂，不如使用脚本，清晰明了隐藏显示部分可以为任何想要的内容代码如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot example function #39#div。

这里是简单的写法，带了一个Cancel按钮这里的data就是你要在弹出框里显示的内容，是一段html代码，例如一段文字显示详细内容当然，也可以是一个form表单另外，如果dialog自带的那个取消按钮你不想用，可以把buttons那段删了，在data中写一段完整的页面，可以在那里面写一个button。

quot可进行以下操作1重新开关机 2卸载近期安装的第三方软件后观察 3备份手机数据电话簿短信息多媒体文件等，恢复出厂设置 如果恢复出厂设置问题依然存在，建议将手机送至就近的服务中心进行检测及进一步处理quot。

2hide 方法隐藏被选元素这与 CSS 属性 display 类似，但是隐藏的元素不会被完全显示不再影响页面的布局二设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮其中，调用了jquery的以上两个函数具体代码如下三设计遮罩层的样式，如下四弹出窗口的css样式，代码如下。

微信小程序原生的弹出层showModal可以通过配置项editable来配置输入框，但是其使用受到微信版本的限制，微信版本过低时无法显示因此，我们需要实现一个自定义弹窗效果，如下图所示indexml 请输入距离km取消 确认 indexjs Page data inputDisValue #39#39， 实时获取到输入的值 bind。

就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将弹出窗口的内容放在这个DIV层里面在这里，我们将其ID命名为“popupcontent ”以区别于其他DIV层ltdiv id=quotpopupcontentquot这是一个DIV弹窗效果！ltdiv 弹出窗口的CSS修饰代码接 下来，让我们给上面已创建好的这个DIV弹出层进行CSS美化。