优化

pages/indexNew/indexNew.js

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

pages/indexNew/indexNew.wxml

@@ -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>
 
   <!-- 我有话说 -->

pages/indexNew/indexNew.wxss

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

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

subpages/discussion/pages/addIssue/addIssue.wxml

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

subpages/discussion/pages/addIssue/addIssue.wxss

@@ -2,6 +2,7 @@ page {
   width: 100%;
   height: 100vh;
 }
+
 .add-issue {
   width: 100%;
   height: 100%;
@@ -12,12 +13,13 @@ 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;
@@ -28,6 +30,7 @@ page {
   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,12 +87,14 @@ page {
   box-sizing: border-box;
   padding: 34rpx 18rpx 9rpx 25rpx;
 }
+
 .add-issue .issue-location .address {
   width: 100%;
   height: 80rpx;
   display: flex;
   align-items: center;
 }
+
 .add-issue .issue-location textarea {
   width: calc(100% - 70rpx);
   height: 88rpx;
@@ -93,23 +103,28 @@ page {
   line-height: 46rpx;
   float: left;
 }
+
 .add-issue .issue-location .edit {
   width: 70rpx;
   height: 88rpx;
   float: left;
 }
+
 .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;
 }
+
 .add-issue .issue-location .address view {
   color: #999;
   font-size: 26rpx;
@@ -124,6 +139,7 @@ page {
   align-items: center;
   margin-top: 180rpx;
 }
+
 .add-issue .publish-issue button {
   width: 560rpx;
   height: 84rpx;
@@ -137,6 +153,7 @@ page {
   font-size: 36rpx;
   border-radius: 16rpx;
 }
+
 .add-issue .publish-issue .hover-publish {
   background: red;
 }
@@ -145,3 +162,71 @@ page {
   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;
+}