home-btn.vue 711 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view :style="vuex_skin">
  3. <!-- #ifdef H5 -->
  4. <view class="homeBtn" @click="home">
  5. <text class="cuIcon-homefill text-base" style="font-size: 40rpx;"></text>
  6. </view>
  7. <!-- #endif -->
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. name: "home",
  13. data() {
  14. return {
  15. };
  16. },
  17. methods:{
  18. home(){
  19. uni.switchTab({
  20. url:"/pages/index/home"
  21. })
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="scss">
  27. .homeBtn {
  28. width: 80upx;
  29. height: 66upx;
  30. border-radius: 50upx 0 0 50upx;
  31. position: fixed;
  32. bottom: 260upx;
  33. right: 0;
  34. z-index: 12;
  35. display: flex;
  36. justify-content: center;
  37. align-items: center;
  38. background: #ffffff;
  39. box-shadow: -4upx -4upx 30upx #888888;
  40. }
  41. </style>