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

优化

master
zhaoyongnian 5 years ago
parent
6e37eee37b
commit
300528e784
6 changed files with 130 additions and 21 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. 2
      pages/indexNew/indexNew.js
  2. 8
      pages/indexNew/indexNew.wxml
  3. 4
      pages/indexNew/indexNew.wxss
  4. 14
      subpages/discussion/pages/addIssue/addIssue.js
  5. 14
      subpages/discussion/pages/addIssue/addIssue.wxml
  6. 109
      subpages/discussion/pages/addIssue/addIssue.wxss

2
pages/indexNew/indexNew.js
View File

@ -428,7 +428,7 @@ Page({
},
//拨打电话
getPhone(e) {
return false
// return false
wx.showModal({
title: '拨打电话',
content: `您确定拨打${e.currentTarget.dataset.number}`,

8
pages/indexNew/indexNew.wxml
View File

@ -75,10 +75,10 @@
<view class="name" wx:else>0</view>
</view> -->
<!-- </view> -->
<view class="newnotice" bindtap="getPhone" data-number="83312345">
<image class="image1" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AOiAXVKcAAAUoqwAWew587.png"></image>
<image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image>
<text></text>
<view class="newnotice" bindtap="getPhone" data-number="199-064-12345">
<image class="image1" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/0A/rBAB717PfoSAV9VpAAE1vTnNAO0470.png"></image>
<!-- <image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image> -->
<!-- <text></text> -->
</view>
<!-- 我有话说 -->

4
pages/indexNew/indexNew.wxss
View File

@ -244,8 +244,8 @@ page {
}
.newnotice .image1 {
width: 46rpx;
height: 40rpx;
width: 599rpx;
height: 50rpx;
}
.newnotice .image2 {

14
subpages/discussion/pages/addIssue/addIssue.js
View File

@ -14,7 +14,8 @@ Page({
imageId: 1,
dialogVisible: false,
publishIssuePrevious: 0,
focus: false
focus: false,
isBlock: true,
},
onLoad () {
this.data.qqMapWX = new QQMapWX({
@ -32,6 +33,9 @@ Page({
},
// 双向绑定 地址输入框
bindAddressInput (e) {
this.setData({ //失去焦点以后view隐藏
isBlock: true
})
this.setData({
addressContent: e.detail.value
})
@ -255,7 +259,15 @@ Page({
// Textarea获取焦点
clickTextarea() {
this.setData({
isBlock: false,
focus: true
})
},
toOperationDesc(phrase) { //常用于点击事件
// console.log(phrase.currentTarget.dataset.phrase)
this.setData({
issueContent: this.data.issueContent + phrase.currentTarget.dataset.phrase,
})
// console.log(phrase.currentTarget.dataset.phrase)
},
})

14
subpages/discussion/pages/addIssue/addIssue.wxml
View File

@ -20,10 +20,22 @@
</view>
<image wx:if="{{uploadImageList.length < 3}}" src="../../images/ig_tianjiatupian@2x.png" bindtap="chooseImage" />
</view>
<view class="info-tips">
<view class="tips" bindtap="toOperationDesc" data-phrase="希望人大代表倾听">
<view class="spot"></view>
<view class="content display-inline">希望人大代表倾听</view>
</view>
</view>
<!-- <view class="new-info">希望人大代表倾听</view> -->
</view>
<view class="issue-location">
<textarea focus='{{focus}}' maxlength="80" placeholder="请输入地址" placeholder-class="address-placeholder" value="{{addressContent}}" bindinput="bindAddressInput"></textarea>
<view class="_textarea-view {{isBlock?'block':'none'}}" bindtap="clickTextarea" wx:if="{{addressContent}}">
{{addressContent}}</view>
<view class="textarea-view {{isBlock?'block':'none'}}" bindtap="clickTextarea" wx:else>请输入地址</view>
<textarea class="{{isBlock?'none':'block'}}" maxlength="80" placeholder="请输入地址" placeholder-class="address-placeholder" value="{{addressContent}}" bindblur="bindAddressInput" focus='{{focus}}'></textarea>
<!-- <textarea focus='{{focus}}' maxlength="80" placeholder="请输入地址" placeholder-class="address-placeholder" value="{{addressContent}}" bindinput="bindAddressInput"></textarea> -->
<view bindtap="clickTextarea" class="edit">
<image src="../../images/edit.png" />
</view>

109
subpages/discussion/pages/addIssue/addIssue.wxss
View File

@ -2,6 +2,7 @@ page {
width: 100%;
height: 100vh;
}
.add-issue {
width: 100%;
height: 100%;
@ -12,22 +13,24 @@ page {
.add-issue .issue-content {
width: 100%;
height: 587rpx;
height: 650rpx;
border-radius: 16rpx;
background: #fff;
box-sizing: border-box;
padding: 30rpx 20rpx 45rpx;
}
.add-issue .issue-content textarea {
width: 100%;
height: 298rpx;
box-sizing: border-box;
padding-bottom:20rpx;
padding-bottom: 20rpx;
font-size: 34rpx;
color: #333;
line-height: 50rpx;
position: relative;
}
.add-issue .issue-content textarea .textarea-placeholder {
font-size: 32rpx;
color: #999;
@ -36,6 +39,7 @@ page {
left: 0;
top: 0;
}
.add-issue .issue-content .image-list {
width: 100%;
display: grid;
@ -44,17 +48,20 @@ page {
grid-gap: 17rpx;
height: 214rpx;
}
.add-issue .issue-content .image-list .image-item {
width: 100%;
height: 100%;
position: relative;
}
.add-issue .issue-content .image-list image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8rpx;
}
.add-issue .issue-content .image-list .image-item .loading {
position: absolute;
left: 25%;
@ -62,6 +69,7 @@ page {
width: 50%;
height: 50%;
}
.add-issue .issue-content .image-list .image-item .close {
position: absolute;
top: -10rpx;
@ -79,37 +87,44 @@ page {
box-sizing: border-box;
padding: 34rpx 18rpx 9rpx 25rpx;
}
.add-issue .issue-location .address {
width:100%;
width: 100%;
height: 80rpx;
display: flex;
align-items: center;
}
.add-issue .issue-location textarea {
width:calc(100% - 70rpx);
width: calc(100% - 70rpx);
height: 88rpx;
color: #333;
font-size: 34rpx;
line-height: 46rpx;
float: left;
}
.add-issue .issue-location .edit{
width:70rpx;
.add-issue .issue-location .edit {
width: 70rpx;
height: 88rpx;
float: left;
}
.add-issue .issue-location .edit image{
.add-issue .issue-location .edit image {
width: 38rpx;
height: 36rpx;
}
.add-issue .issue-location .address-placeholder {
font-size: 32rpx;
color: #999;
}
.add-issue .issue-location .address image {
width: 26rpx;
height:26rpx;
height: 26rpx;
}
.add-issue .issue-location .address view {
color: #999;
font-size: 26rpx;
@ -117,17 +132,18 @@ page {
}
.add-issue .publish-issue {
width:100%;
width: 100%;
height: 84rpx;
display: flex;
justify-content: center;
align-items: center;
margin-top: 180rpx;
}
.add-issue .publish-issue button {
width:560rpx;
width: 560rpx;
height: 84rpx;
line-height:84rpx;
line-height: 84rpx;
text-align: center;
margin: 0;
padding: 0;
@ -137,11 +153,80 @@ page {
font-size: 36rpx;
border-radius: 16rpx;
}
.add-issue .publish-issue .hover-publish {
background:red;
background: red;
}
.wux-actionsheet__button {
font-size: 34rpx !important;
color: #333 !important;
}
.info-tips {
width: 260rpx;
height: auto;
/* display: flex;
flex-direction: column;
align-items: flex-start; */
}
.tips {
margin-top: 30rpx;
background-color: #d9d9d9;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
/* margin: 20rpx 20rpx 0rpx 20rpx; */
/* display: inline-block; */
padding: 8rpx 10rpx;
}
.spot {
width: 14rpx;
height: 14rpx;
background-color: #c1c1c1;
border-radius: 50%;
/* position: relative;
float: left;
top: 10rpx; */
}
.display-inline {
display: inline;
}
.content {
font-size: 28rpx;
font-weight: 500;
margin-left: 10rpx;
color: rgba(102, 102, 102, 1);
}
.block {
display: block;
}
.none {
display: none;
}
.textarea-view {
width: calc(100% - 70rpx);
height: 88rpx;
font-size: 32rpx;
color: #999;
line-height: 37rpx;
float: left;
}
._textarea-view {
width: calc(100% - 70rpx);
height: 88rpx;
color: #333;
font-size: 34rpx;
line-height: 46rpx;
overflow-wrap: break-word;
float: left;
}
Write Preview
Loading…
Cancel
Save