<template>
  <view class="refresh_btn">
    <view class="refresh_btn_content" @click="handleRefreshBtn">
      <uni-icons type="refreshempty" color="#0082fa" size="16"></uni-icons> <text>刷新</text>
    </view>
  </view>
</template>
<script setup lang="ts">
const emit = defineEmits(['onClick'])
const handleRefreshBtn = () => {
  emit('onClick')
}
</script>
<style lang="scss" scoped>
.refresh_btn {
  position: fixed;
  bottom: 55rpx;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  .refresh_btn_content {
    box-shadow: 0px 4px 10px 0px rgba(185, 185, 185, 0.3);
    background-color: #fff;
    padding: 15rpx 35rpx;
    border-radius: 100rpx;
    color: #0082fa;
    display: flex;
    align-items: center;
    font-size: 28rpx;
    text {
      padding-left: 5rpx;
    }
  }
}
</style>
