应该如何解决 [图片]布局用的flex，每组文字和图片在一个view里面。   display: flex;   align-items: center;   flex-direction: column;

[图片]点击完设备以后再返回首页，首页的弹框没有消失而是继续存在，应该怎么办呢？

[图片]

如何通过微信小程序内容组件 进度条：progress来控制元素的隐藏与展示？有无demo。

一直都是在左上角开始加载地图。

.commodity_attr_box {   height: 380rpx;   width: 100%;   overflow: hidden;   position: fixed;   bottom: 0;   left: 0;   z-index: 6000;   background: #ffffff;   padding: 20rpx 0rpx 20rpx 0rpx;     border-top-left-radius: 5px;   border-top-right-radius: 5px; }

<image wx:if="{{flag}}"class="xindex2" bindtap='changeYL' src="/resource/Zhicon.png"></image> <view class="commodity_screen"  bindtap="hideModal" wx:if="{{showModal}}" ></view> <view class="commodity_attr_box"  wx:if="{{showModal}}">   <cover-view class="showBox"  >       <cover-image class="left" src="https://www.huaxintop.com/images/znpd.png"></cover-image>        <cover-view class="right">1</cover-view>       <br/>     </cover-view>     <cover-view class="content">       介绍：2     </cover-view> </view> js：   changeYL: function () {     this.setData({       showModal: true     })   },     hideModal: function () {     this.setData({       showModal: false     });   },

<view class="box"><swiper indicator-active-color="#ff832a" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" current="0" bindchange="swiperChange" style="width: 100%; height: 120rpx; display: block; box-sizing: border-box; left: NaNrpx; top: NaNrpx">       <block wx:for="{{imgUrls}}" wx:key="lunbo">         <swiper-item >           <image style="width:100%; height: 120px; display: inline-block; box-sizing: border-box; left: NaNrpx; top: NaNrpx"  src="{{item}}" />         </swiper-item>       </block>     </swiper></view> <image wx:if="{{flag}}" class="xindex1" bindtap='enterShow' src="/resource/Rcicon.png"></image> js:   swiperChange: function (e) {      e.detail.current == 0 ? this.flag = true : this.flag = false     console.log(this.flag)   }, 改变轮播图片，能输出flag的值。但是w-if判断就是不能隐藏图片