悬浮可移动按钮改为组件 moveButton；

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')
+    }
+  }
+})

components/moveButton/moveButton.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

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>

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- */

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"
   }
 }

pages/discussion/discussion.wxml

@@ -24,13 +24,9 @@
     <project-list id="projectlist" bind:getProjectComponent="getProjectComponent"></project-list>
   </view>
 
-<movable-area class="movable-area">
+  <move-btn button-width="196" button-height="232" button-top="650" button-left="560"
-   <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+            img-url="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717LnkmAK5OyAAF05Azead8157.png"
-      <view class="addIssue" bindtap="addIssue">
+            bindmovebtnCallBack="addIssue"></move-btn>
-        <image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717LnkmAK5OyAAF05Azead8157.png" />
-      </view>
-   </movable-view>
- </movable-area>
 </view>
 
 <completeInfo-dialog

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;
-}

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",

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">
+<move-btn 
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+        area-top="120"
-    <view class="my-apply" bindtap="myApply">
+        area-height="90%"
-      <image src="../../images/heart/apply-new.png" />
+        button-width="208" 
-    </view>
+        button-height="122" 
-  </movable-view>
+        button-top="850" 
-</movable-area>
+        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>

pages/heartNew/heartNew.wxss

@@ -476,37 +476,3 @@ button:last-child {
   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 */

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"
   }
 }

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}}">
+<move-btn wx:if="{{sxjs.id}}"
-    <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+          area-top="120"
-            <view class="report-issue" bindtap="toSxjs">
+          area-height="90%"
-                <image src="{{sxjs.imgUrl}}" />
+          img-url="{{sxjs.imgUrl}}"
-            </view>
+          bindmovebtnCallBack="toSxjs"></move-btn>
-    </movable-view>
-</movable-area>
 
 <complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog>
 

pages/indexNew/indexNew.wxss

@@ -663,37 +663,3 @@ page {
   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- */

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,

subpages/associationNew/pages/eventlist/eventlist.wxml

@@ -82,14 +82,10 @@
 <no-data isShow="{{nodata}}"></no-data>
 <!-- 是否禁言 0：否 1：是 -->
 
-<movable-area class="movable-area">
+<move-btn wx:if="{{bannedFlag == '0'}}" button-width="178" button-height="178" button-top="650" button-left="560"
-   <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+		img-url="/subpages/associationNew/images/new_topic.png"
-		<view wx:if="{{bannedFlag == '0'}}" class="addIssue" bindtap="navigateToAddTopic">
+		bindmovebtnCallBack="navigateToAddTopic"></move-btn>
-			<image wx:if="{{topicType == '0'}}" src="../../images/new_topic.png" />
+			 
-			<image wx:else src="../../images/new_topic.png" />
-		</view>
-   </movable-view>
- </movable-area>
 <completeInfo-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}">
 </completeInfo-dialog>
 

subpages/associationNew/pages/eventlist/eventlist.wxss

@@ -316,25 +316,3 @@ page {
   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;
-}

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"
   }
 }

subpages/heart/pages/dropByList/dropByList.wxml

@@ -19,13 +19,12 @@
   </view>
 </view>
 
-<movable-area class="movable-area">
+<move-btn button-top="850" 
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+          button-left="560" 
-    <view class="img-box" bindtap="toPublish">
+          button-width="178" 
-      <image src="../../images/publish.png" />
+          button-height="148" 
-    </view>
+          img-url="/subpages/heart/images/publish.png"
-  </movable-view>
+          bindmovebtnCallBack="toPublish"></move-btn>
-</movable-area>
 
 
 <coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"

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 {

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"
   }
 }

subpages/heart/pages/groupBuyList/groupBuyList.wxml

@@ -8,13 +8,12 @@
   </view>
 </view>
 
-<movable-area class="movable-area">
+<move-btn button-top="850" 
-  <movable-view class="movable-view" direction="all" inertia="true" friction="10">
+          button-left="560" 
-    <view class="img-box" bindtap="toPublish">
+          button-width="178" 
-      <image src="../../images/publish.png" />
+          button-height="148" 
-    </view>
+          img-url="/subpages/heart/images/publish.png"
-  </movable-view>
+          bindmovebtnCallBack="toPublish"></move-btn>
-</movable-area>
 
 <coverview-dialog bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}"
   content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}">

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;

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"
   }
 }

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">
+      <move-btn button-top="650" 
-          <view class="report-issue" bindtap="toReportIssue" data-code="{{item.categoryCode}}">
+                button-left="560" 
-            <image src="{{item.imgUrl?item.imgUrl:'../../images/reportissue.png'}}" />
+                button-width="178" 
-          </view>
+                button-height="178" 
-        </movable-view>
+                img-url="/subpages/oneKeyService/images/reportissue.png"
-      </movable-area>   
+                bindmovebtnCallBack="toReportIssue" 
+                data-code="{{item.categoryCode}}"
+                wx:elif="{{item.categoryType == 'module_category_type_button'}}"></move-btn> 
     </block>
   </view>
   <!-- 3. 标题、内容 -->

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 */