5.微信小程序之弹窗

最新推荐文章于 2025-01-07 22:34:56 发布

什么~

最新推荐文章于 2025-01-07 22:34:56 发布

阅读量941

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.csdn.net/panzina/article/details/82983416

本文介绍了如何在微信小程序中创建弹窗，并展示了点击按钮触发弹窗，弹窗内含三个选项，用户选择后点击确认会显示所选文字。详细步骤包括了popup.wxml、popup.wxss和popup.js的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击按钮，弹出弹窗。内含三个选项，选中其中某项，点击确认后显示文字

具体代码

1.popup.wxml

<view class='btn'>
  <view wx:if="{
  
  {today}}">今天的心情是:{
  
  {choose}}</view>
  <button hover-class='dark' bindtap='Popup'>弹窗</button>
</view>

<!-- 弹窗 -->
<view class='setPopup' wx:if="{
  
  {isShow}}">
  <view class='main'>
    <view class='title'>今天的心情</view>
    <radio-group class="radio-group" bindchange="radioChange">
      <label class='radio' wx:for="{
  
  {items}