wm-list-add.vue 608 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <view >
  3. <view class="homeBtn" @click="add">
  4. <u-icon name="plus-circle-fill" color="#5064eb" size="46"></u-icon>
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. };
  13. },
  14. methods:{
  15. add(){
  16. this.$emit('clickAdd');
  17. }
  18. }
  19. }
  20. </script>
  21. <style lang="scss">
  22. .homeBtn {
  23. width: 80upx;
  24. height: 66upx;
  25. border-radius: 50upx 0 0 50upx;
  26. position: fixed;
  27. bottom: 260upx;
  28. right: -10rpx;
  29. z-index: 12;
  30. display: flex;
  31. justify-content: center;
  32. align-items: center;
  33. background: #ffffff;
  34. box-shadow: -4upx -4upx 30upx #888888;
  35. }
  36. </style>