Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

popup 使用picker 位置错误和无法关闭picker 和子组件无法显示 #408

Open
1 task done
xzzzzzzz opened this issue Aug 17, 2021 · 3 comments
Open
1 task done

Comments

@xzzzzzzz
Copy link

xzzzzzzz commented Aug 17, 2021

  • 我已经搜索过相关 issues ,确定这个问题没有人提过。

重现链接

重现步骤

    <wux-popup
        visible="{{ popupVisble }}"
        position="center"
        title="新增联系人"
        mask
        maskCancel="{{false}}"
        bind:onClose="handleClose"
        >
          <view style="padding-top:15px;">
            <wux-cell  hover-class="none" thumb="../../assets/images/bt.svg">
            <wux-field name="realName" >
              <wux-input
                data-name="addForm.realName"
                placeholder="请输入联系人姓名"
                clear
                type="text"
                controlled
                label="姓名"
                value="{{addForm.realName}}"
                bind:change="inputChange"
                />
              </wux-field>
            </wux-cell>
          <wux-field name="relation"  initialValue="{{ [addForm.relation] }}">
            <wux-picker 
                data-name="addForm.relationName"  
                data-id="addForm.relation" 
                options="{{relationList}}" 
                value="{{ [addForm.relation] }}" 
                cascade 
                cols="1" 
                bind:change="onConfirm" >
                <wux-cell hover-class="none"  thumb="../../assets/images/bt.svg"
                 title="性别" is-link extra="{{ addForm.relationName?addForm.relationName:'请选择联系人关系' }}"></wux-cell>
            </wux-picker>
          </wux-field>
            <wux-cell  hover-class="none" thumb="../../assets/images/bt.svg">
            <wux-field name="mobile">
              <wux-input
                data-name="addForm.mobile"
                placeholder="请输入联系人电话"
                clear
                controlled
                type="number"
                label="电话"
                value="{{addForm.mobile}}"
                bind:change="inputChange"
              />
              </wux-field>
            </wux-cell>
            <view style="text-align:right;padding-top:20px;">
              <wux-button 
                inline 
                color="#ffffff"
               type="assertive"
               bind:click="handleClose"
               style="margin-right:10px;"
              >取消</wux-button>
              <wux-button 
                inline 
                color="#ffffff"
                bind:click="addContacts"
               type="positive"
              >确定</wux-button>
            </view>
          </view>
        </wux-popup>

期望的结果是什么?

解决bug

实际的结果是什么?

无法关闭和错位显示

环境 版本
Wux v3.8.8
微信小程序基础库 2.17.0
系统 window 64
@skyvow
Copy link
Member

skyvow commented Aug 19, 2021

@xzzzzzzz 我这写了个简单的示例没有复现 BUG,模拟器和真机都正常显示。能否提供可复现的 demo?

@xzzzzzzz
Copy link
Author

xzzzzzzz commented Sep 1, 2021

@skyvow
1629794991(1)

在您的项目里加也是一样

@skyvow
Copy link
Member

skyvow commented Sep 1, 2021

@xzzzzzzz 确认 popup 中间位置弹出复现 bug,后续会考虑修复;目前看底部弹出没问题, 可以考虑先使用这个方式实现功能。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants