这种的切忌不要有一系列的input
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" type="text/css" href="../css/l_index.css" />
<link rel="stylesheet" type="text/css" href="../css/zjm-style.css" />
<link rel="stylesheet" href="">
<style>
.el-message-box--center {
padding-top: 16px;
padding-bottom: 0px;
}
</style>
<body>
<div id="z-content">
<template>
<el-button type="text" @click="open2">点击打开 Message Box</el-button>
</template>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="../js/echarts.js"></script>
<script>
new Vue({
el: '#z-content',
data: function() {
return {
visible: false
}
},
methods: {
open2() {
const h = this.$createElement;
this.$msgbox({
showClose: false,
center: true,
dangerouslyUseHTMLString: true,
message: '<i class="iconfont icon-gantanhao"></i>' +
'<p class="zjm-p1">支付成功</p>',
showCancelButton: false,
showConfirmButton: false,
});
}
}
})
</script>
</html>
网友评论