detail.vue

<template><view><!-- <view class=""><text>唱歌跳舞</text></view><view seletable><text>唱歌跳舞</text></view><view seletable space="ensp"><text>唱歌 跳舞</text></view> --><view class="box" hover-class="box-active">我是一個大盒子</view><view class="box2" hover-class="box-active" hover-stop-propagation="">我是一個大盒子</view><button type="default">阿牛</button><button size="mini">阿牛</button><button type="primary">阿牛</button></view> </template><script>export default {data() {return {}},methods: {}} </script><style> .box{width: 100px;height: 100px;background: #007AFF; } .box2{width: 200px;height: 200px;background: #4CD964; } .box-active{background: red; } </style>

運行結果

?

總結

以上是生活随笔為你收集整理的前端学习（2353）：button按钮组件的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。