elink-star
/
epdc-resident-mp-js
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

feature/point
ZhaoTongYao 5 years ago
parent
1e0d01f112
commit
b27c028d40
25 changed files with 150 additions and 271 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 47
      components/moveButton/moveButton.js
  2. 3
      components/moveButton/moveButton.json
  3. 8
      components/moveButton/moveButton.wxml
  4. 34
      components/moveButton/moveButton.wxss
  5. 3
      pages/discussion/discussion.json
  6. 10
      pages/discussion/discussion.wxml
  7. 23
      pages/discussion/discussion.wxss
  8. 3
      pages/heartNew/heartNew.json
  9. 16
      pages/heartNew/heartNew.wxml
  10. 34
      pages/heartNew/heartNew.wxss
  11. 3
      pages/indexNew/indexNew.json
  12. 12
      pages/indexNew/indexNew.wxml
  13. 34
      pages/indexNew/indexNew.wxss
  14. 3
      subpages/associationNew/pages/eventlist/eventlist.json
  15. 12
      subpages/associationNew/pages/eventlist/eventlist.wxml
  16. 22
      subpages/associationNew/pages/eventlist/eventlist.wxss
  17. 3
      subpages/heart/pages/dropByList/dropByList.json
  18. 13
      subpages/heart/pages/dropByList/dropByList.wxml
  19. 33
      subpages/heart/pages/dropByList/dropByList.wxss
  20. 3
      subpages/heart/pages/groupBuyList/groupBuyList.json
  21. 13
      subpages/heart/pages/groupBuyList/groupBuyList.wxml
  22. 33
      subpages/heart/pages/groupBuyList/groupBuyList.wxss
  23. 3
      subpages/oneKeyService/pages/moduleList/moduleList.json
  24. 16
      subpages/oneKeyService/pages/moduleList/moduleList.wxml
  25. 33
      subpages/oneKeyService/pages/moduleList/moduleList.wxss

47
components/moveButton/moveButton.js
View File

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

3
components/moveButton/moveButton.json
View File

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

8
components/moveButton/moveButton.wxml
View File

@ -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>

34
components/moveButton/moveButton.wxss
View File

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

3
pages/discussion/discussion.json
View File

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

10
pages/discussion/discussion.wxml
View File

@ -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

23
pages/discussion/discussion.wxss
View File

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

3
pages/heartNew/heartNew.json
View File

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

16
pages/heartNew/heartNew.wxml
View File

@ -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>

34
pages/heartNew/heartNew.wxss
View File

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

3
pages/indexNew/indexNew.json
View File

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

12
pages/indexNew/indexNew.wxml
View File

@ -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>

34
pages/indexNew/indexNew.wxss
View File

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

3
subpages/associationNew/pages/eventlist/eventlist.json
View File

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

12
subpages/associationNew/pages/eventlist/eventlist.wxml
View File

@ -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>

22
subpages/associationNew/pages/eventlist/eventlist.wxss
View File

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

3
subpages/heart/pages/dropByList/dropByList.json
View File

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

13
subpages/heart/pages/dropByList/dropByList.wxml
View File

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

33
subpages/heart/pages/dropByList/dropByList.wxss
View File

@ -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 {

3
subpages/heart/pages/groupBuyList/groupBuyList.json
View File

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

13
subpages/heart/pages/groupBuyList/groupBuyList.wxml
View File

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

33
subpages/heart/pages/groupBuyList/groupBuyList.wxss
View File

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

3
subpages/oneKeyService/pages/moduleList/moduleList.json
View File

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

16
subpages/oneKeyService/pages/moduleList/moduleList.wxml
View File

@ -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. 标题、内容 -->

33
subpages/oneKeyService/pages/moduleList/moduleList.wxss
View File

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

Write Preview
Loading…
Cancel
Save