<template>
  <view @click="emit('click')" :style="{'--w-bottom':$w.bottom+'px'}" hover-class="w-hover-before" class="w-fab"><slot><u-icon name="plus" color="var(--icon-color)" size="var(--icon-size)"></u-icon></slot></view>
</template>
<script setup>

const emit = defineEmits("click");

// import wx from '../../mixins/mp-weixin.js'
// export default {
// 	mixins:[wx]
// }
</script>

<style lang="scss" scoped>
.w-fab {
	position: fixed;
	width: 2em;
	height: 2em;
	right: calc(var(--offset-x,0px) + .5em);
	bottom: calc(var(--offset-y,0px) + var(--w-bottom) + .5em);
	border-radius: 3em;
	background-color: var(--w-main);
	display: flex;
	justify-content: center;
	align-items: center;
  z-index: var(--z-index,var(--w-z-index));
	--icon-color:var(--w-bg-light);
	--icon-size:1em;
	overflow: hidden;
  
}

</style>