修改 echart替换组件 完成置菜单按钮需要重新设计

pages/device/APF/detail.vue

@@ -88,6 +88,7 @@
 					:content="content"
 					@trigger="trigger"
 				/>
+			
 				<uni-popup ref="share" type="share" :safe-area="false">
 					<uni-popup-share title="分享到"></uni-popup-share>
 					<view style="height: 40rpx; background: #fff"></view>
@@ -139,7 +140,7 @@ import { manualAccess } from '@/common/api/accessBoot'
 import { MQTT_IP, MQTT_OPTIONS } from '@/common/js/mqtt.js'
 import mqtt, { log } from 'mqtt/dist/mqtt.js'
 import { base64ToPath, pathToBase64 } from 'image-tools'
-
+// import hoverMenu from '@/components/hover-menu/hover-menu.vue'
 export default {
 	components: {
 		basic,
@@ -147,6 +148,7 @@ export default {
 		power,
 		oscillogram,
 		IO,
+		hoverMenu
 	},
 	data() {
 		return {
@@ -206,6 +208,7 @@ export default {
 			basicData: [],
 			IOData: [],
 			pageOptions: {},
+			
 		}
 	},
 	methods: {
@@ -273,6 +276,9 @@ export default {
 			}
 			this.$refs.fab.close()
 		},
+		  clickItem(item) {
+		                console.log(item);
+		            },
 		// 取消调试
 		cancelDebug() {
 			this.dialogType = '取消调试'
@@ -461,12 +467,12 @@ export default {
 							if (key === 'Apf_RmsI_TolOut(A)') {
 								arr.push({
 									label: '总输出电流:',
-									value: Math.round(item.statisticalData)  + 'A',
+									value: Math.round(item.statisticalData) + 'A',
 								})
 							} else {
 								arr.push({
 									label: '电流畸变率:',
-									value:Math.round(item.statisticalData)  + '%',
+									value: Math.round(item.statisticalData) + '%',
 								})
 								// arr.push('电流畸变率:' + item.statisticalData + '%')
 							}
@@ -668,4 +674,28 @@ export default {
 		background: #f3f4f5;
 	}
 }
-</style>
+/deep/ .uni-fab__circle--rightBottom {
+	right: 8px !important;
+	bottom: 8px !important;
+}
+/deep/ .uni-fab--rightBottom {
+	right: 8px !important;
+	bottom: 8px !important;
+}
+/deep/ .uni-fab__circle {
+	width: 40px;
+	height: 40px;
+}
+
+/deep/ .uni-fab__content--flexDirectionEnd {
+	width: 40px !important;
+	// height: 50px !important;
+}
+/deep/.uni-fab__item {
+	// height: 45px;
+	width: 40px !important;
+}
+/deep/.uni-fab__item--first {
+	height: 40px !important;
+}
+</style>