From 300528e78410a2f1d549312083a153551012cb96 Mon Sep 17 00:00:00 2001 From: zhaoyongnian <541231643@qq.com> Date: Thu, 28 May 2020 17:06:07 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/indexNew/indexNew.js | 2 +- pages/indexNew/indexNew.wxml | 8 +- pages/indexNew/indexNew.wxss | 4 +- .../discussion/pages/addIssue/addIssue.js | 14 ++- .../discussion/pages/addIssue/addIssue.wxml | 14 ++- .../discussion/pages/addIssue/addIssue.wxss | 109 ++++++++++++++++-- 6 files changed, 130 insertions(+), 21 deletions(-) diff --git a/pages/indexNew/indexNew.js b/pages/indexNew/indexNew.js index 91a7c6c..2ef3b0c 100644 --- a/pages/indexNew/indexNew.js +++ b/pages/indexNew/indexNew.js @@ -428,7 +428,7 @@ Page({ }, //拨打电话 getPhone(e) { - return false + // return false wx.showModal({ title: '拨打电话', content: `您确定拨打${e.currentTarget.dataset.number}`, diff --git a/pages/indexNew/indexNew.wxml b/pages/indexNew/indexNew.wxml index 60a96fc..05ca92e 100644 --- a/pages/indexNew/indexNew.wxml +++ b/pages/indexNew/indexNew.wxml @@ -75,10 +75,10 @@ 0 --> - - - - + + + + diff --git a/pages/indexNew/indexNew.wxss b/pages/indexNew/indexNew.wxss index 426a014..f0bb110 100644 --- a/pages/indexNew/indexNew.wxss +++ b/pages/indexNew/indexNew.wxss @@ -244,8 +244,8 @@ page { } .newnotice .image1 { - width: 46rpx; - height: 40rpx; + width: 599rpx; + height: 50rpx; } .newnotice .image2 { diff --git a/subpages/discussion/pages/addIssue/addIssue.js b/subpages/discussion/pages/addIssue/addIssue.js index f022698..a21306f 100644 --- a/subpages/discussion/pages/addIssue/addIssue.js +++ b/subpages/discussion/pages/addIssue/addIssue.js @@ -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) + }, }) \ No newline at end of file diff --git a/subpages/discussion/pages/addIssue/addIssue.wxml b/subpages/discussion/pages/addIssue/addIssue.wxml index c1c0b8b..b4a3784 100644 --- a/subpages/discussion/pages/addIssue/addIssue.wxml +++ b/subpages/discussion/pages/addIssue/addIssue.wxml @@ -20,10 +20,22 @@ + + + + + 希望人大代表倾听 + + + - + + {{addressContent}} + 请输入地址 + + diff --git a/subpages/discussion/pages/addIssue/addIssue.wxss b/subpages/discussion/pages/addIssue/addIssue.wxss index 1ff3f27..cbca1cd 100644 --- a/subpages/discussion/pages/addIssue/addIssue.wxss +++ b/subpages/discussion/pages/addIssue/addIssue.wxss @@ -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; } \ No newline at end of file