vue js里面，金额不足下单时，js 函数弹出弹层

页面效果：

dialog里面内容：

css样式：

<style scoped lang="scss">
    #Null_balance {
        width: 100%;
        .No_balance {
            color: #2E2E2E;
            font-family: PingFangSC-Medium;
            font-weight: 500;
            text-align: center;
            .ti_shi {
                height: 40px;
                font-size: 42px;
                font-family: PingFangSC-Medium;
                font-weight: bold;
                color: rgba(46, 46, 46, 1);
                line-height: 33px;

            }
            p {
                font-size: 34px;
                font-family: PingFangSC-Regular;
                font-weight: 400;
                color: rgba(46, 46, 46, 1);
                line-height: 48px;
                padding: 40px 0;
            }
            .sure {
                text-align: center;
                button {
                    text-align: center;
                    width: 380px;
                    height: 80px;
                    line-height: 70px;
                    background: linear-gradient(-90deg, rgba(250, 54, 124, 1) 0%, rgba(254, 67, 80, 1) 100%);
                    border-radius: 10px;
                    border: 1PX solid rgba(250, 54, 124, 1);
                    font-size: 32px;
                    font-family: PingFangSC-Regular;
                    font-weight: 400;
                    color: rgba(255, 255, 255, 1);
                }
            }
        }
    }

</style>

js部分：

 

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140