小程序弹框修改+切换

最新推荐文章于 2024-08-15 23:03:45 发布

小彡朱

最新推荐文章于 2024-08-15 23:03:45 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/qq_43213631/article/details/83059801

版权

这篇博客展示了如何在小程序中实现弹框修改和切换功能。通过CSS样式定义了弹框及其组件的样式，包括背景、标题、输入框、按钮等。JavaScript部分则涉及到页面数据的管理，包括弹窗显示、选择项状态更新、swiper切换以及对话框的关闭和确认操作。

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

在这里插入图片描述
效果图：

在这里插入图片描述

   <swiper current="{
  {currentTab}}" duration="300"  bindchange="swiperTab">
        <swiper-item catchtouchmove="stopTouchMove">
            <view class="catalog_items display-flex-row" >
              <block wx:for="{
  {catalogs}}">
                <text data-select="{
  {item.select}}" class="{
  {item.select == catalogSelect ? 'active':''}} catalog_item" bindtap="chooseCatalog">{
  {item.catalogName}}</text>
              </block>
            </view>
        </swiper-item>
        <swiper-item catchtouchmove="stopTouchMove">
            <view class="catalog_items display-flex-row" >
              <block wx:for="{
  {catalogs}}">
                <text data-select="{
  {item.select}}" class="{
  {item.select == catalogSelect ? 'active':''}} catalog_item" bindtap="chooseCatalog">{
  {item.catalogName}}</text>
              </block>
            </view>
        </swiper-item>
        <swiper-item catchtouchmove="stopTouchMove">
            <view class="catalog_items display-flex-row" >
              <block wx:for="{
  {catalogs}}">