13 changed files with 266 additions and 17 deletions
@ -0,0 +1,65 @@ |
|||||
|
Component({ |
||||
|
data: { |
||||
|
visible: false |
||||
|
}, |
||||
|
properties: { |
||||
|
dialogVisible: { |
||||
|
type: Boolean, |
||||
|
value: false, |
||||
|
observer: function () { |
||||
|
this.setData({ |
||||
|
visible: !this.data.visible |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
title: { |
||||
|
type: String, |
||||
|
value: "" |
||||
|
}, |
||||
|
content: { |
||||
|
type: String, |
||||
|
value: "" |
||||
|
}, |
||||
|
confirmText: { |
||||
|
type: String, |
||||
|
value: "" |
||||
|
}, |
||||
|
cancelText: { |
||||
|
type: String, |
||||
|
value: "" |
||||
|
} |
||||
|
}, |
||||
|
pageLifetimes: { |
||||
|
show () { |
||||
|
|
||||
|
}, |
||||
|
hide () { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
lifetimes: { |
||||
|
attached () { |
||||
|
|
||||
|
}, |
||||
|
detached () { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
close () { |
||||
|
this.triggerEvent("close") |
||||
|
this.setData({ |
||||
|
visible: false |
||||
|
}) |
||||
|
}, |
||||
|
confirm () { |
||||
|
this.triggerEvent("confirm") |
||||
|
this.setData({ |
||||
|
visible: false |
||||
|
}) |
||||
|
}, |
||||
|
catchmove () { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}) |
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"component": true, |
||||
|
"usingComponents": { |
||||
|
"parser": "../../../../components/parser/parser" |
||||
|
} |
||||
|
} |
@ -0,0 +1,16 @@ |
|||||
|
<view class="notice" wx:if="{{visible}}" catchmove="catchmove"> |
||||
|
<view class="box"> |
||||
|
<view class="close"> |
||||
|
<!-- <image bindtap="close" src="../../images/delete.png" /> --> |
||||
|
</view> |
||||
|
<view class="title">{{title}}</view> |
||||
|
<view class="content"> |
||||
|
<parser html="{{content}}"></parser> |
||||
|
</view> |
||||
|
<view wx:if="{{cancelText !== '' || confirmText !== ''}}" class="border"></view> |
||||
|
<view class="operation"> |
||||
|
<view wx:if="{{cancelText !== ''}}" class="cancel" bindtap="close">{{cancelText}}</view> |
||||
|
<view wx:if="{{confirmText !== ''}}" class="confirm" bindtap="confirm">{{confirmText}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
@ -0,0 +1,89 @@ |
|||||
|
.notice { |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
position: fixed; |
||||
|
z-index: 100; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
background: rgba(0,0,0, 0.4); |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.notice .box { |
||||
|
width: 480rpx; |
||||
|
background: #fff; |
||||
|
border-radius: 16rpx; |
||||
|
overflow: hidden; |
||||
|
padding: 0 20rpx; |
||||
|
position: relative; |
||||
|
} |
||||
|
.notice .box .close { |
||||
|
width:100%; |
||||
|
height: 60rpx; |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.notice .box .close cover-image { |
||||
|
width: 40rpx; |
||||
|
height: 40rpx; |
||||
|
object-fit: cover; |
||||
|
} |
||||
|
.notice .box .title { |
||||
|
height: 60rpx; |
||||
|
line-height: 60rpx; |
||||
|
width: 100%; |
||||
|
text-align:center; |
||||
|
font-size: 36rpx; |
||||
|
color: #333; |
||||
|
margin-bottom: 23rpx; |
||||
|
} |
||||
|
.notice .box .content { |
||||
|
height: 480rpx; |
||||
|
width: 100%; |
||||
|
padding-bottom: 35rpx; |
||||
|
white-space: normal; |
||||
|
} |
||||
|
.notice .box .content view { |
||||
|
font-size: 30rpx; |
||||
|
line-height: 50rpx; |
||||
|
height: 50rpx; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
color: #666; |
||||
|
} |
||||
|
.notice .box .border { |
||||
|
width: 100%; |
||||
|
height: 0; |
||||
|
border: 0.5rpx solid #eaeaea; |
||||
|
border-bottom: 1rpx solid transparent; |
||||
|
position: absolute; |
||||
|
left:0; |
||||
|
bottom: 105rpx; |
||||
|
} |
||||
|
.notice .box .operation { |
||||
|
width: calc(100% - 40rpx); |
||||
|
height: 75rpx; |
||||
|
padding: 15rpx 0; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
margin-left: 20rpx |
||||
|
} |
||||
|
.notice .box .operation view { |
||||
|
flex: 1; |
||||
|
color: #999; |
||||
|
font-size: 36rpx; |
||||
|
width: 49%; |
||||
|
height: 100%; |
||||
|
line-height: 75rpx; |
||||
|
text-align:center; |
||||
|
} |
||||
|
.notice .box .operation .confirm{ |
||||
|
color: #04BCA0; |
||||
|
} |
||||
|
|
||||
|
rich-text { |
||||
|
height: 480rpx; |
||||
|
} |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 22 KiB |
@ -1,6 +1,7 @@ |
|||||
{ |
{ |
||||
"navigationBarTitleText": "我要上访", |
"navigationBarTitleText": "我的诉求", |
||||
"usingComponents": { |
"usingComponents": { |
||||
"notice": "../../compontents/notice/notice" |
"notice": "../../compontents/notice/notice", |
||||
|
"rich-text-dialog": "../../compontents/richTextDialog/richTextDialog" |
||||
} |
} |
||||
} |
} |
@ -1,4 +1,4 @@ |
|||||
{ |
{ |
||||
"navigationBarTitleText": "上访详情", |
"navigationBarTitleText": "诉求详情", |
||||
"usingComponents": {} |
"usingComponents": {} |
||||
} |
} |
Loading…
Reference in new issue