<template>
	<view>
	  <movable-area class="movable-area">
		<movable-view class="movable-view" :x="x" :y="y" direction="all">
		  <view class="newProblem" @click="newProblem">
			<image src="../../static/images/tabbar/work.png"></image>
			<!-- <text></text> -->
		  </view>
		</movable-view>
	  </movable-area>
	</view>
  </template>

  <script>
  export default {
	data() {
	  return {
		x: 1000, // x大于默认的值就会在最右边
		y: 1000
	  };
	},
	computed: {

	},
	methods: {
	  // 意见反馈
	  newProblem() {
		uni.switchTab({url: `/pages/work/index`})
	  }
	}
  };
  </script>

  <style lang="less">
  .movable-area {
	// 保持在右下角
	margin-top: 200rpx;
	margin-left: 100rpx;
	height: calc(100vh - 300rpx);
	width: calc(100vw - 150rpx);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 99999999;
	pointer-events: none; //此处要加，鼠标事件可以渗透
	.movable-view {
	  width: 60rpx;
	  height: 60rpx;
	  pointer-events: auto; //恢复鼠标事件
	  .newProblem {
		width: 60rpx;
		height: 60rpx;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		background: #ffffff;
		border-radius: 50%;
		border: 1px solid #a6a6a6;
		image {
		  width: 30rpx;
		  height: 30rpx;
		}

		text {
		  margin-top: 10rpx;
		  font-size: 16rpx;
		  font-family: PingFangSC-Semibold, PingFang SC;
		  font-weight: 600;
		  color: #000000;
		}
	  }
	}
  }
  </style>

