微信小程序之实现弹窗组件及点击弹窗按钮实现页面跳转

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

嫣嫣细语

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

阅读量1.8k

点赞数 7

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

本文链接：https://blog.csdn.net/aaa123aaasqw/article/details/139318173

版权

创建一个名为PopupWindow的弹窗组件：
1、创建组件目录结构：
在项目的components目录下新建一个名为PopupWindow的文件夹，里面包含四个核心文件： PopupWindow.wxml 、 PopupWindow.wxss 、PopupWindow.js 、 PopupWindow.json

2、编写组件文件：

PopupWindow.wxml：定义组件的结构。

<!--components/PopupWindow/PopupWindow.wxml-->
<view class="popup-mask" hidden="{
  {!showPopup}}"></view>
<view class="popup-window" hidden="{
  {!showPopup}}">
  <view class="popup-header">
    <text class="popup-title">重要提示</text>
  </view>
  <view class="popup-body">
    <view class="popup-message">
      <!-- 弹窗具体内容 -->
      <text>校园二手书交易，不限品类，诚信标价，让校园二手书合理流通起来！！！</te