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

请问怎么在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条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 已结题 3月6日
      • 已采纳回答 3月1日
      • 修改了问题 3月1日
      • 创建了问题 3月1日

      悬赏问题

      • ¥15 vue3为什么请求在这边获取不到数据呢(关键词-select)
      • ¥20 Multisim仿真设计三路智力抢答装置
      • ¥15 用UML制作简单的语音计算机
      • ¥20 用socket实现ping遇到的问题
      • ¥15 综合的类,这个类里面里面又有构造方法,重载方法,有继承,有重写,有接口
      • ¥15 电脑重置失败无法开机也进不了修复模式,如何解决?
      • ¥100 px4飞控如何设置平飞模式下飞机固定的仰角
      • ¥15 关于#python#的问题:不可以使用max ,min ,exit ,break 的情况下找出哪一年份出生率最高,以及哪一年份出生率最低
      • ¥15 WPF中使用DoDragDrop程序会崩,"FatalExecutionEngineError"
      • ¥15 C语言 堆排序 数据结构