uBotton.vue 690 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view>
  3. <u-button :shape="shape" :custom-style="customStyle" class="clickbtn" @click="submitClickEvent">认证</u-button>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. }
  11. },
  12. props:{
  13. shape:{
  14. type:String,
  15. default:'circle'
  16. },
  17. customStyle:{
  18. type:Object,
  19. default:{
  20. }
  21. }
  22. },
  23. methods:{
  24. submitClickEvent(){
  25. this.$emit('confirm')
  26. },
  27. }
  28. }
  29. </script>
  30. <style scoped lang="scss">
  31. .clickbtn {
  32. width: 690rpx;
  33. height: 90rpx;
  34. line-height: 90rpx;
  35. background: #00952e;
  36. font-size: 32rpx;
  37. text-align: center;
  38. margin: 40rpx auto 20rpx;
  39. letter-spacing: 2rpx;
  40. color: #fff;
  41. border-radius: 45rpx;
  42. }
  43. </style>