From 9767aa7c1e64fff879040ff0da07ac84dbc14f41 Mon Sep 17 00:00:00 2001
From: yvan.ni <yvan.ni@youlipai.com>
Date: Fri, 10 Sep 2021 18:36:23 +0800
Subject: [PATCH] 购物车留言的时候穿透底层按钮

---
 pages/cart/cart2/cart2.js   | 19 ++++++++++++++++++-
 pages/cart/cart2/cart2.wxml | 12 ++++++++----
 pages/cart/cart2/cart2.wxss |  5 ++++-
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/pages/cart/cart2/cart2.js b/pages/cart/cart2/cart2.js
index 420a6bb..f12aeef 100644
--- a/pages/cart/cart2/cart2.js
+++ b/pages/cart/cart2/cart2.js
@@ -122,6 +122,8 @@ Page({
         currentTabIndex: 1,
 
         in_zhact_gdmap:{}, //不同门店参与同一活动的限购
+        hid_inp:1,
+        user_note:{},
     },
     onLoad: function (t) {
         wx.setNavigationBarTitle({title: "填写订单",})
@@ -1013,8 +1015,11 @@ Page({
         });
     },
     keyUpChangeNum: function (t) {
+        var index = t.currentTarget.dataset.index;
+        var txt="user_note."+index;
         this.setData({
-            maxWord: t.detail.value.length
+            maxWord: t.detail.value.length,
+            [txt]: t.detail.value
         });
     },
 
@@ -3790,5 +3795,17 @@ Page({
         });
     },
 
+    set_hid_inp:function (e) {
+        var index = e.currentTarget.dataset.index;
+        var txt = "cartlist[" + index + "].focus";
+        this.setData({[txt]:1})
+    },
+
+    clear_hid_inp:function (e) {
+        var index = e.currentTarget.dataset.index;
+        var txt = "cartlist[" + index + "].focus";
+        this.setData({[txt]:0})
+    }
+
 
 });
diff --git a/pages/cart/cart2/cart2.wxml b/pages/cart/cart2/cart2.wxml
index d16b14a..f4be337 100644
--- a/pages/cart/cart2/cart2.wxml
+++ b/pages/cart/cart2/cart2.wxml
@@ -76,7 +76,7 @@
 					<!-- <view>门店：{{item.pname}}</view> -->
 					<view>{{item.pname}}</view>
 				</view>
-				<view class="order-detail" wx:if="{{items.goods_num>0}}" wx:for="{{item.goods}}" wx:for-index="idx" wx:for-item="items">
+				<view class="order-detail" wx:for="{{item.goods}}" wx:for-index="idx" wx:for-item="items">
 					<!----商品图片----->
 					<view class="goods-img" style="position: relative">
 						<image wx:if="{{items.is_gift}}" src="{{imgUrl}}/miniapp/images/giveaway.png" class="gift_image"></image>
@@ -104,7 +104,6 @@
 							<view class="goods-num">x{{items.goods_num}}</view>
 						</view>
 					</navigator>
-
 				</view>
 
 				<!-- 如果是等级卡的商品，会员没有注册，要提醒注册 -->
@@ -208,9 +207,14 @@
 				<view class="coupon-mes flex-vertical">
 					<view>留言</view>
 					<view class="leave-word">
-						<input placeholder-class="fs28" placeholder='给商家留言，最多100字' bindinput="keyUpChangeNum" disabled="{{disabled}}"
-						 class="word-box" maxlength="100" name="user_note_{{item.pickup_id}}"></input>
+						<input hidden="{{!item.focus}}" bindinput="keyUpChangeNum" disabled="{{disabled}}"
+						  data-index="{{index}}" bindblur="clear_hid_inp" focus="{{item.focus}}" value="{{user_note[index]}}"
+						  class="word-box" maxlength="100" name="user_note_{{item.pickup_id}}" />
 
+                        <view class="{{user_note[index]?'':'c-a'}}"  style="width: 80%;font-size: 26rpx" data-index="{{index}}"
+							 bindtap="set_hid_inp" wx:if="{{!item.focus}}">
+							 {{user_note[index]?user_note[index]:'给商家留言，最多100字'}}
+						</view>
 					</view>
 				</view>
 
diff --git a/pages/cart/cart2/cart2.wxss b/pages/cart/cart2/cart2.wxss
index d8c09c8..addf4ea 100644
--- a/pages/cart/cart2/cart2.wxss
+++ b/pages/cart/cart2/cart2.wxss
@@ -249,7 +249,10 @@ margin:auto; */
     position: relative;
     font-size: 24rpx;
     margin-left: 20rpx;
-		flex-grow: 1;
+	  display: flex;
+    align-items: center;
+    height: 50rpx;
+    width: 500rpx;
 }
 
 .word-box {
--
libgit2 0.21.4