HTML/CSS 微信冒泡对话框

柔情只为你懂 2022-12-30 01:21 41阅读 0赞

###  微信对话框 ###

代码：

<!DOCTYPE html>
    <html>
        <head>
            <meta name="keywords" content="zidingyi">
            <meta name="description" content="zidingyi">
            <meta charset="UTF-8">
            <title>triangle</title>
            <style> div.first { width: 200px; height: 45px; background-color: #31E749; color: #000; border-radius: 5px; font-size: 18px; line-height: 45px; padding-left: 10px; display: inline-block; position: relative; } div.second { width: 0; height: 0; border: 10px solid transparent; border-left: 10px solid #31E749; display: inline-block; position: absolute; top: 22px; } </style>
        </head>
        <body>
            <div class="first"> 你每天要多吃饭饭! 懂？</div><div class="second"></div>
        </body>
    </html>

显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70_pic_left]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzAyMTk4Mg_size_16_color_FFFFFF_t_70_pic_left]: /images/20221120/abe3dc94d53c422fa28f284e43fefa54.png

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序（11）：冒泡事件与非冒泡事件

事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

旧城等待，/ 2023年01月04日 13:25/ 0 赞/ 176 阅读

相关 HTML/CSS 微信冒泡对话框

微信对话框代码： <!DOCTYPE html> <html> <head> <meta name="key

柔情只为你懂/ 2022年12月30日 01:21/ 0 赞/ 42 阅读

相关微信小程序阻止事件冒泡

可用： <view catchtap="{ {false}}"></view> <view catchtap></view> 不可用： <view

小灰灰/ 2022年11月15日 14:08/ 0 赞/ 202 阅读

相关微信小程序阻止事件冒泡

在测试小程序的时候，发现了这样的一个bug，点击子元素事件d的时候触发父元素的点击事件，从而执行父级的点击事件，跳转到了父级的点击事件的页面了。 ![f91dc7b726de

╰+哭是因爲堅強的太久メ/ 2022年10月13日 05:06/ 0 赞/ 274 阅读

相关微信小程序—自定义模态对话框实例

<table style="word-wrap:break-word; margin:0px; padding:0px; empty-cells:show; border-co

末蓝、/ 2022年06月10日 09:44/ 0 赞/ 283 阅读

相关微信小程序开发-自定义模态对话框实例

<table style="word-wrap:break-word; margin:0px; padding:0px; empty-cells:show; border-co

向右看齐/ 2022年06月10日 08:51/ 0 赞/ 240 阅读

相关讲述以下微信小程序中的冒泡事件和非冒泡

< view id= 'outter' bindtap= "outterTap" > outter < view id= 'middle' bind

刺骨的言语ヽ痛彻心扉/ 2022年06月03日 10:25/ 0 赞/ 217 阅读

相关 CSS3&JavaScript 仿微信对话框和时间格式化处理

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

àì夳堔傛蜴生んèń/ 2022年04月15日 04:42/ 0 赞/ 220 阅读

相关微信小程序事件冒泡顺序

最近在学习微信小程序其中看到他的事件冒泡的时候发现了一个奇怪的地方 <view id="outer" bind:touchstart

不念不忘少年蓝@/ 2022年01月29日 03:39/ 0 赞/ 279 阅读

相关微信小程序-弹出对话框

什么是对话框对话框是微信小程序的，界面交互的一种方式，其他的还有`toast`等。 > [https://developers.weixin.qq.com/minip

阳光穿透心脏的1/2处/ 2021年11月01日 14:06/ 0 赞/ 645 阅读