From b27c028d40cb6b79be669b9948def1127d07416c Mon Sep 17 00:00:00 2001
From: ZhaoTongYao <531131322@qq.com>
Date: Wed, 16 Dec 2020 16:50:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=82=AC=E6=B5=AE=E5=8F=AF=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=94=B9=E4=B8=BA=E7=BB=84=E4=BB=B6=20moveBu?=
 =?UTF-8?q?tton=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/moveButton/moveButton.js           | 47 +++++++++++++++++++
 components/moveButton/moveButton.json         |  3 ++
 components/moveButton/moveButton.wxml         |  8 ++++
 components/moveButton/moveButton.wxss         | 34 ++++++++++++++
 pages/discussion/discussion.json              |  3 +-
 pages/discussion/discussion.wxml              | 10 ++--
 pages/discussion/discussion.wxss              | 23 ---------
 pages/heartNew/heartNew.json                  |  3 +-
 pages/heartNew/heartNew.wxml                  | 16 ++++---
 pages/heartNew/heartNew.wxss                  | 36 +-------------
 pages/indexNew/indexNew.json                  |  3 +-
 pages/indexNew/indexNew.wxml                  | 12 ++---
 pages/indexNew/indexNew.wxss                  | 36 +-------------
 .../pages/eventlist/eventlist.json            |  3 +-
 .../pages/eventlist/eventlist.wxml            | 12 ++---
 .../pages/eventlist/eventlist.wxss            | 22 ---------
 .../heart/pages/dropByList/dropByList.json    |  3 +-
 .../heart/pages/dropByList/dropByList.wxml    | 13 +++--
 .../heart/pages/dropByList/dropByList.wxss    | 33 -------------
 .../pages/groupBuyList/groupBuyList.json      |  3 +-
 .../pages/groupBuyList/groupBuyList.wxml      | 13 +++--
 .../pages/groupBuyList/groupBuyList.wxss      | 33 -------------
 .../pages/moduleList/moduleList.json          |  3 +-
 .../pages/moduleList/moduleList.wxml          | 16 ++++---
 .../pages/moduleList/moduleList.wxss          | 33 -------------
 25 files changed, 150 insertions(+), 271 deletions(-)
 create mode 100644 components/moveButton/moveButton.js
 create mode 100644 components/moveButton/moveButton.json
 create mode 100644 components/moveButton/moveButton.wxml
 create mode 100644 components/moveButton/moveButton.wxss

diff --git a/components/moveButton/moveButton.js b/components/moveButton/moveButton.js
new file mode 100644
index 0000000..977b921
--- /dev/null
+++ b/components/moveButton/moveButton.js
@@ -0,0 +1,47 @@
+Component({
+  data: {
+  },
+  properties: {
+    areaTop: {
+      type: Number,
+      value: 0
+    },
+    areaLeft: {
+      type: Number,
+      value: 0
+    },
+    areaWidth: {
+      type: String,
+      value: '100%'
+    },
+    areaHeight: {
+      type: String,
+      value: '100%'
+    },
+    buttonWidth: {
+      type: Number,
+      value: 178
+    },
+    buttonHeight: {
+      type: Number,
+      value: 178
+    },
+    buttonTop: {
+      type: Number,
+      value: 1000
+    },
+    buttonLeft: {
+      type: Number,
+      value: 560
+    },
+    imgUrl: {
+      type: String,
+      value: ''
+    }
+  },
+  methods: {
+    onClickButton () {
+      this.triggerEvent('movebtnCallBack')
+    }
+  }
+})
\ No newline at end of file
diff --git a/components/moveButton/moveButton.json b/components/moveButton/moveButton.json
new file mode 100644
index 0000000..32640e0
--- /dev/null
+++ b/components/moveButton/moveButton.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
\ No newline at end of file
diff --git a/components/moveButton/moveButton.wxml b/components/moveButton/moveButton.wxml
new file mode 100644
index 0000000..10c5065
--- /dev/null
+++ b/components/moveButton/moveButton.wxml
@@ -0,0 +1,8 @@
+<movable-area class="movable-area" style="top:{{areaTop}}rpx;left:{{areaLeft}}rpx;width:{{areaWidth}};height:{{areaHeight}};">
+    <movable-view class="movable-view" direction="all" inertia="true" friction="10" 
+                style="width:{{buttonWidth}}rpx;height:{{buttonHeight}}rpx;top:{{buttonTop}}rpx;left:{{buttonLeft}}rpx;">
+            <view class="img-box" bindtap="onClickButton">
+                <image src="{{imgUrl}}" />
+            </view>
+    </movable-view>
+</movable-area>
\ No newline at end of file
diff --git a/components/moveButton/moveButton.wxss b/components/moveButton/moveButton.wxss
new file mode 100644
index 0000000..6e4fbdc
--- /dev/null
+++ b/components/moveButton/moveButton.wxss
@@ -0,0 +1,34 @@
+
+/* 悬浮按钮 -start- */
+.movable-area{
+  pointer-events:none;
+  z-index: 999;
+  width: 100%;
+  height: 90%;
+  position: fixed;
+  top: 60px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.movable-view{ 
+  pointer-events:auto;
+  width: 178rpx;
+  height: 178rpx;
+  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
+  transform-origin: center center;
+  will-change: auto;
+  position: absolute;
+  top: 1100rpx;
+  left: 560rpx;
+}
+.img-box {
+  width: 100%;
+  height: 100%;
+}
+.img-box image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+/* 悬浮按钮 -end- */
\ No newline at end of file
diff --git a/pages/discussion/discussion.json b/pages/discussion/discussion.json
index e9b6c57..03000d2 100644
--- a/pages/discussion/discussion.json
+++ b/pages/discussion/discussion.json
@@ -4,6 +4,7 @@
     "issue-list": "./components/issueList/issueList",
     "project-list": "./components/projectList/projectList",
     "pulldown-refresh": "../../components/pullDownRefresh/pullDownRefresh",
-    "completeInfo-dialog": "../../components/completeInfoDialog/completeInfoDialog"
+    "completeInfo-dialog": "../../components/completeInfoDialog/completeInfoDialog",
+    "move-btn": "/components/moveButton/moveButton"
   }
 }
\ No newline at end of file
diff --git a/pages/discussion/discussion.wxml b/pages/discussion/discussion.wxml
index 2eaa322..4c351b5 100644
--- a/pages/discussion/discussion.wxml
+++ b/pages/discussion/discussion.wxml
@@ -24,13 +24,9 @@
     <project-list id="projectlist" bind:getProjectComponent="getProjectComponent"></project-list>
   </view>
 
-<movable-area class="movable-area">
-   <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-      <view class="addIssue" bindtap="addIssue">
-        <image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717LnkmAK5OyAAF05Azead8157.png" />
-      </view>
-   </movable-view>
- </movable-area>
+  <move-btn button-width="196" button-height="232" button-top="650" button-left="560"
+            img-url="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717LnkmAK5OyAAF05Azead8157.png"
+            bindmovebtnCallBack="addIssue"></move-btn>
 </view>
 
 <completeInfo-dialog
diff --git a/pages/discussion/discussion.wxss b/pages/discussion/discussion.wxss
index b7212f3..2c10c48 100644
--- a/pages/discussion/discussion.wxss
+++ b/pages/discussion/discussion.wxss
@@ -160,26 +160,3 @@ button::after {
 .tab-v2 .hover-btn {
   box-shadow: 0px 0px 10px 0px rgba(188, 0, 5, 0.22);
 }
-
-.movable-area{
-  pointer-events:none;
-  z-index: 100;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 196rpx;
-  height: 232rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 650rpx;
-  left: 560rpx;
-}
\ No newline at end of file
diff --git a/pages/heartNew/heartNew.json b/pages/heartNew/heartNew.json
index 791eee5..bd2aa51 100644
--- a/pages/heartNew/heartNew.json
+++ b/pages/heartNew/heartNew.json
@@ -9,7 +9,8 @@
     "load-more": "../../components/loadMore/loadMore",
     "no-data": "../../components/nodata/nodata",
     "volunteer-list":"./components/volunteer/volunteer",
-    "completeInfo-dialog": "../../components/completeInfoDialog/completeInfoDialog"
+    "completeInfo-dialog": "../../components/completeInfoDialog/completeInfoDialog",
+    "move-btn": "/components/moveButton/moveButton"
   },
   "enablePullDownRefresh": true,
   "backgroundColor": "#f8f8f8",
diff --git a/pages/heartNew/heartNew.wxml b/pages/heartNew/heartNew.wxml
index c862cfd..650879b 100644
--- a/pages/heartNew/heartNew.wxml
+++ b/pages/heartNew/heartNew.wxml
@@ -100,12 +100,14 @@
 <view class="details-top" hidden="{{jingcai}}">
   <activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity>
 </view>
-<movable-area class="movable-area">
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-    <view class="my-apply" bindtap="myApply">
-      <image src="../../images/heart/apply-new.png" />
-    </view>
-  </movable-view>
-</movable-area>
+<move-btn 
+        area-top="120"
+        area-height="90%"
+        button-width="208" 
+        button-height="122" 
+        button-top="850" 
+        button-left="520" 
+        img-url="../../images/heart/apply-new.png" 
+        bindmovebtnCallBack="myApply"></move-btn>
 <load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more>
 <completeInfo-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></completeInfo-dialog>
\ No newline at end of file
diff --git a/pages/heartNew/heartNew.wxss b/pages/heartNew/heartNew.wxss
index 7c562a8..971815e 100644
--- a/pages/heartNew/heartNew.wxss
+++ b/pages/heartNew/heartNew.wxss
@@ -475,38 +475,4 @@ button:last-child {
   border-radius: 0px;
   border: none;
 }
-/* 搜索志愿者 end */
-
-/* 悬浮按钮 start */
-.movable-area{
-  pointer-events:none;
-  z-index: 999;
-  width: 100%;
-  height: 90%;
-  position: fixed;
-  top: 120rpx;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 208rpx;
-  height: 122rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 850rpx;
-  left: 520rpx;
-}
-.my-apply {
-  width: 208rpx;
-  height: 122rpx;
-}
-.my-apply image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-/* 悬浮按钮 end */
\ No newline at end of file
+/* 搜索志愿者 end */
\ No newline at end of file
diff --git a/pages/indexNew/indexNew.json b/pages/indexNew/indexNew.json
index 49f2c18..731f256 100644
--- a/pages/indexNew/indexNew.json
+++ b/pages/indexNew/indexNew.json
@@ -6,6 +6,7 @@
     "nav-bar": "/components/navbar/index",
     "load-more": "../../components/loadMore/loadMore",
     "complete-info-dialog": "../../components/completeInfoDialog/completeInfoDialog",
-    "wux-popup": "../../dist/popup/index"
+    "wux-popup": "../../dist/popup/index",
+    "move-btn": "/components/moveButton/moveButton"
   }
 }
\ No newline at end of file
diff --git a/pages/indexNew/indexNew.wxml b/pages/indexNew/indexNew.wxml
index a6eeec1..18431b5 100644
--- a/pages/indexNew/indexNew.wxml
+++ b/pages/indexNew/indexNew.wxml
@@ -174,13 +174,11 @@
   <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more>
 </view>
 
-<movable-area class="movable-area" wx:if="{{sxjs.id}}">
-    <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-            <view class="report-issue" bindtap="toSxjs">
-                <image src="{{sxjs.imgUrl}}" />
-            </view>
-    </movable-view>
-</movable-area>
+<move-btn wx:if="{{sxjs.id}}"
+          area-top="120"
+          area-height="90%"
+          img-url="{{sxjs.imgUrl}}"
+          bindmovebtnCallBack="toSxjs"></move-btn>
 
 <complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog>
 
diff --git a/pages/indexNew/indexNew.wxss b/pages/indexNew/indexNew.wxss
index 994a19e..592e0e2 100644
--- a/pages/indexNew/indexNew.wxss
+++ b/pages/indexNew/indexNew.wxss
@@ -662,38 +662,4 @@ page {
   text-align: center;
   font-size: 36rpx;
   color: #04BCA0;
-}
-
-/* 悬浮按钮 -start- */
-.movable-area{
-  pointer-events:none;
-  z-index: 999;
-  width: 100%;
-  height: 90%;
-  position: fixed;
-  top: 60px;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 178rpx;
-  height: 178rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 1100rpx;
-  left: 560rpx;
-}
-.report-issue {
-  width: 178rpx;
-  height: 178rpx;
-}
-.report-issue image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-/* 悬浮按钮 -end- */
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/subpages/associationNew/pages/eventlist/eventlist.json b/subpages/associationNew/pages/eventlist/eventlist.json
index 89e7d8b..16460cf 100644
--- a/subpages/associationNew/pages/eventlist/eventlist.json
+++ b/subpages/associationNew/pages/eventlist/eventlist.json
@@ -3,7 +3,8 @@
     "load-more": "../../../../components/loadMore/loadMore",
     "no-data":"../../../../components/nodata/nodata",
     "completeInfo-dialog": "../../../../components/completeInfoDialog/completeInfoDialog",
-    "notice-verify": "../../components/noticeVerify/noticeVerify"
+    "notice-verify": "../../components/noticeVerify/noticeVerify",
+    "move-btn": "/components/moveButton/moveButton"
   },
   "navigationBarTitleText": "",
   "enablePullDownRefresh": true,
diff --git a/subpages/associationNew/pages/eventlist/eventlist.wxml b/subpages/associationNew/pages/eventlist/eventlist.wxml
index c9de29a..876dc0b 100644
--- a/subpages/associationNew/pages/eventlist/eventlist.wxml
+++ b/subpages/associationNew/pages/eventlist/eventlist.wxml
@@ -82,14 +82,10 @@
 <no-data isShow="{{nodata}}"></no-data>
 <!-- 是否禁言 0：否 1：是 -->
 
-<movable-area class="movable-area">
-   <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-		<view wx:if="{{bannedFlag == '0'}}" class="addIssue" bindtap="navigateToAddTopic">
-			<image wx:if="{{topicType == '0'}}" src="../../images/new_topic.png" />
-			<image wx:else src="../../images/new_topic.png" />
-		</view>
-   </movable-view>
- </movable-area>
+<move-btn wx:if="{{bannedFlag == '0'}}" button-width="178" button-height="178" button-top="650" button-left="560"
+		img-url="/subpages/associationNew/images/new_topic.png"
+		bindmovebtnCallBack="navigateToAddTopic"></move-btn>
+			 
 <completeInfo-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}">
 </completeInfo-dialog>
 
diff --git a/subpages/associationNew/pages/eventlist/eventlist.wxss b/subpages/associationNew/pages/eventlist/eventlist.wxss
index fc491c8..220c042 100644
--- a/subpages/associationNew/pages/eventlist/eventlist.wxss
+++ b/subpages/associationNew/pages/eventlist/eventlist.wxss
@@ -315,26 +315,4 @@ page {
   margin: 0;
   position: absolute;
   top: 30rpx;
-}
-.movable-area{
-  pointer-events:none;
-  z-index: 100;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 178rpx;
-  height: 178rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 650rpx;
-  left: 560rpx;
 }
\ No newline at end of file
diff --git a/subpages/heart/pages/dropByList/dropByList.json b/subpages/heart/pages/dropByList/dropByList.json
index 3649e6f..08d126c 100644
--- a/subpages/heart/pages/dropByList/dropByList.json
+++ b/subpages/heart/pages/dropByList/dropByList.json
@@ -4,6 +4,7 @@
     "notice": "../../components/noticeNew/noticeNew",
     "coverview-dialog": "../../components/coverViewDialog/coverViewDialog",
     "load-more": "/components/loadMore/loadMore",
-    "no-data": "/components/nodata/nodata"
+    "no-data": "/components/nodata/nodata",
+    "move-btn": "/components/moveButton/moveButton"
   }
 }
\ No newline at end of file
diff --git a/subpages/heart/pages/dropByList/dropByList.wxml b/subpages/heart/pages/dropByList/dropByList.wxml
index 9453740..32f790d 100644
--- a/subpages/heart/pages/dropByList/dropByList.wxml
+++ b/subpages/heart/pages/dropByList/dropByList.wxml
@@ -19,13 +19,12 @@
   </view>
 </view>
 
-<movable-area class="movable-area">
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-    <view class="img-box" bindtap="toPublish">
-      <image src="../../images/publish.png" />
-    </view>
-  </movable-view>
-</movable-area>
+<move-btn button-top="850" 
+          button-left="560" 
+          button-width="178" 
+          button-height="148" 
+          img-url="/subpages/heart/images/publish.png"
+          bindmovebtnCallBack="toPublish"></move-btn>
 
 
 <coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"
diff --git a/subpages/heart/pages/dropByList/dropByList.wxss b/subpages/heart/pages/dropByList/dropByList.wxss
index 20f3c58..4eb061e 100644
--- a/subpages/heart/pages/dropByList/dropByList.wxss
+++ b/subpages/heart/pages/dropByList/dropByList.wxss
@@ -9,39 +9,6 @@ page {
   position: relative;
   overflow: hidden;
 }
-/* 悬浮按钮 start */
-.movable-area{
-    pointer-events:none;
-    z-index: 999;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0rpx;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .movable-view{ 
-    pointer-events:auto;
-    width: 208rpx;
-    height: 122rpx;
-    transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-    transform-origin: center center;
-    will-change: auto;
-    position: absolute;
-    top: 850rpx;
-    left: 520rpx;
-  }
-  .img-box {
-    width: 178rpx;
-    height: 148rpx;
-  }
-  .img-box image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-  /* 悬浮按钮 end */
 
   /* tab start */
   .tab-all {
diff --git a/subpages/heart/pages/groupBuyList/groupBuyList.json b/subpages/heart/pages/groupBuyList/groupBuyList.json
index 3f0b40f..91d001c 100644
--- a/subpages/heart/pages/groupBuyList/groupBuyList.json
+++ b/subpages/heart/pages/groupBuyList/groupBuyList.json
@@ -4,6 +4,7 @@
     "notice": "../../components/noticeNew/noticeNew",
     "coverview-dialog": "../../components/coverViewDialog/coverViewDialog",
     "load-more": "/components/loadMore/loadMore",
-    "no-data": "/components/nodata/nodata"
+    "no-data": "/components/nodata/nodata",
+    "move-btn": "/components/moveButton/moveButton"
   }
 }
\ No newline at end of file
diff --git a/subpages/heart/pages/groupBuyList/groupBuyList.wxml b/subpages/heart/pages/groupBuyList/groupBuyList.wxml
index a6197c6..cabbc3d 100644
--- a/subpages/heart/pages/groupBuyList/groupBuyList.wxml
+++ b/subpages/heart/pages/groupBuyList/groupBuyList.wxml
@@ -8,13 +8,12 @@
   </view>
 </view>
 
-<movable-area class="movable-area">
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-    <view class="img-box" bindtap="toPublish">
-      <image src="../../images/publish.png" />
-    </view>
-  </movable-view>
-</movable-area>
+<move-btn button-top="850" 
+          button-left="560" 
+          button-width="178" 
+          button-height="148" 
+          img-url="/subpages/heart/images/publish.png"
+          bindmovebtnCallBack="toPublish"></move-btn>
 
 <coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"
   content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}">
diff --git a/subpages/heart/pages/groupBuyList/groupBuyList.wxss b/subpages/heart/pages/groupBuyList/groupBuyList.wxss
index 3157486..5ddd0a1 100644
--- a/subpages/heart/pages/groupBuyList/groupBuyList.wxss
+++ b/subpages/heart/pages/groupBuyList/groupBuyList.wxss
@@ -9,39 +9,6 @@ page {
   position: relative;
   overflow: hidden;
 }
-/* 悬浮按钮 start */
-.movable-area{
-  pointer-events:none;
-  z-index: 999;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0rpx;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 208rpx;
-  height: 122rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 850rpx;
-  left: 520rpx;
-}
-.img-box {
-  width: 178rpx;
-  height: 148rpx;
-}
-.img-box image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-/* 悬浮按钮 end */
 
 .my-publish {
   height: 76rpx;
diff --git a/subpages/oneKeyService/pages/moduleList/moduleList.json b/subpages/oneKeyService/pages/moduleList/moduleList.json
index 48f0796..b6e74ad 100644
--- a/subpages/oneKeyService/pages/moduleList/moduleList.json
+++ b/subpages/oneKeyService/pages/moduleList/moduleList.json
@@ -4,6 +4,7 @@
     "load-more": "../../../../components/loadMore/loadMore",
     "no-data":"../../../../components/nodata/nodata",
     "complete-info-dialog": "../../../../components/completeInfoDialog/completeInfoDialog",
-    "news-list": "./components/newsList/newsList"
+    "news-list": "./components/newsList/newsList",
+    "move-btn": "/components/moveButton/moveButton"
   }
 }
\ No newline at end of file
diff --git a/subpages/oneKeyService/pages/moduleList/moduleList.wxml b/subpages/oneKeyService/pages/moduleList/moduleList.wxml
index 2319fc2..4b312c5 100644
--- a/subpages/oneKeyService/pages/moduleList/moduleList.wxml
+++ b/subpages/oneKeyService/pages/moduleList/moduleList.wxml
@@ -47,13 +47,15 @@
         </view>
         <image src="../../images/right.png" class="list-arrow"></image>
       </view> 
-      <movable-area class="movable-area" wx:elif="{{item.categoryType == 'module_category_type_button'}}">
-        <movable-view class="movable-view" direction="all" inertia="true" friction="10">
-          <view class="report-issue" bindtap="toReportIssue" data-code="{{item.categoryCode}}">
-            <image src="{{item.imgUrl?item.imgUrl:'../../images/reportissue.png'}}" />
-          </view>
-        </movable-view>
-      </movable-area>   
+            
+      <move-btn button-top="650" 
+                button-left="560" 
+                button-width="178" 
+                button-height="178" 
+                img-url="/subpages/oneKeyService/images/reportissue.png"
+                bindmovebtnCallBack="toReportIssue" 
+                data-code="{{item.categoryCode}}"
+                wx:elif="{{item.categoryType == 'module_category_type_button'}}"></move-btn> 
     </block>
   </view>
   <!-- 3. 标题、内容 -->
diff --git a/subpages/oneKeyService/pages/moduleList/moduleList.wxss b/subpages/oneKeyService/pages/moduleList/moduleList.wxss
index f1618d1..15d967e 100644
--- a/subpages/oneKeyService/pages/moduleList/moduleList.wxss
+++ b/subpages/oneKeyService/pages/moduleList/moduleList.wxss
@@ -244,39 +244,6 @@ swiper {
     height: 106rpx;
     margin-right: 14rpx;
 }
-.movable-area{
-  pointer-events:none;
-  z-index: 100;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.movable-view{ 
-  pointer-events:auto;
-  width: 178rpx;
-  height: 178rpx;
-  transform: translateX(560rpx) translateY(680rpx) translateZ(0rpx) scale(1);
-  transform-origin: center center;
-  will-change: auto;
-  position: absolute;
-  top: 650rpx;
-  left: 560rpx;
-}
-
-.report-issue {
-  width: 178rpx;
-  height: 178rpx;
-}
-
-.report-issue image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
 /* type-2  end */
 
 /* type-3  start */