console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=">
<meta http-equiv="X-UA-Compatible" content="">
<script src="https://static.360buyimg.com/pops/xstoreom/plugins/vue/vue.min.js">
</script>
<script src="https://static.360buyimg.com/pops/xstoreom/fresh/fresh.min.js">
</script>
<link href="https://static.360buyimg.com/pops/xstoreom/fresh/styles/fresh.min.css" rel="stylesheet" />
<style>
body {
padding: 20px
}
</style>
</head>
<body>
<br>
<p-switch :checked.sync="checked">
<span slot="open">开</span>
<span slot="close">关</span>
</p-switch>
<br> {{checked|json}}
<br>
<p-switch>
<p-icon type="android-done" slot="open"></p-icon>
<p-icon type="android-close" slot="close"></p-icon>
</p-switch>
<br>
<br>
<p-switch size="large">
<span slot="open">开启</span>
<span slot="close">关闭</span>
</p-switch>
<p-switch size="large">
<span slot="open">ON</span>
<span slot="close">OFF</span>
</p-switch>
<script>
new Vue({
el: "body",
data: {
checked: false
}
})
</script>
</body>
</html>