心悦琴
2022-03-01 17:20
采纳率: 87.7%
浏览 19
已结题

请问怎么在van-dialog使用插槽自定义内容,添加关闭按钮?

img

如图,想要自定义van-dialog,想要模拟微信实现输入支付密码的弹窗,如下图所示

img


目前我是这么写的:

<van-dialog
              use-title-slot
              use-slot
              :show-close="true"
              title="请输入支付密码"
              :show="showDialog"
              :showConfirmButton="false"
            >
                <view slot="title">
                    <view style="position:relative">
                        请输入支付密码
                        <van-icon name="cross" size="18px" custom-style="position:absolute;right:5%;top:5%"/>
                    </view>
                </view>
                
                <view class="dialogContent" style="text-align: center;">
                    <view>三湘银行</view>
                    <view style="font-size:20px;font-size:580">{{depositMoney}}</view>
                </view>
                
            </van-dialog>
            

发现这么写,自定义样式根本不起作用,请问该怎么处理呢?请赐教,不胜感激。

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题