收藏
回答

modal使用疑问

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug modal 客户端 iOS 6.6.6 2.0.8

使用modal写了个颜色选择板,但有个问题(在Debug版本中不存在,发布版本中会出现),求解?

【debug版本】



【发布版本】



【代码】

<modal title="选择颜色" hidden="{{hiddenModal}}" confirm-text="确定" cancel-text="取消" bindconfirm="colorConfirm" bindcancel="colorCancel">

<block wx:for="{{colors}}" wx:for-index="r" wx:for-item="items">

<view class="color_row">

<block wx:for="{{ items}}" wx:key="{{item}}">

<view class='color_item{{ selected==item?" color_item_selected":"" }}' style="background-color:{{item}}" data-val="{{item}}" bindtap='selectColor'></view>

</block>

</view>

</block>

<view class='color_selected_area'>

<view class='color_selected_area_color' style="background-color:{{selected}};">选中颜色</view>

<view>

<input value='{{selected}}' class='{{ iptCorrect?"":".color_input_error" }}' bindinput='checkInput' maxlength='7'></input>

</view>

</view>

</modal>



回答关注问题邀请回答
收藏

1 个回答

  • 小程序技术专员-june
    小程序技术专员-june
    2018-05-23

    modal组件已经不再维护,普通弹窗可用wx.showModal代替,其他特殊需求请自行实现弹窗相关组件。

    2018-05-23
    有用
    回复 1
    • peng
      peng
      2018-05-23
      好的,我自己实现了一遍,发上去看看。 <!--自己实现--> <view class='color_mask' wx:if='{{!hiddenModal}}'></view> <view class='color_block_fixed' wx:if='{{!hiddenModal}}'> <view class='color_block'> <view class='color_title'> 选择颜色 </view> <view class='color_content'> <block wx:for="{{colors}}" wx:for-index="r" wx:for-item="items" wx:key='*this'> <view class="color_row"> <block wx:for="{{ items}}" wx:key="{{item}}"> <view class='color_item{{ selected==item?" color_item_selected":"" }}' style="background-color:{{item}}" data-val="{{item}}" bindtap='selectColor'></view> </block> </view> </block> <view class='color_selected_area'> <view class='color_selected_area_color' style="background-color:{{selected}};">选中颜色</view> <view> <input value='{{selected}}' class='{{ iptCorrect?"":".color_input_error" }}' bindinput='checkInput' maxlength='7' adjust-position="false"></input> </view> </view> </view> <view class='color_button_area'> <view bindtap='colorCancel'>取消</view> <view bindtap='colorConfirm' class='color_button_area_ok'>确定</view> </view> </view> </view>
      2018-05-23
      回复
登录 后发表内容