Ver código fonte

fix sharing page ui

dayu 1 ano atrás
pai
commit
075345c00f
1 arquivos alterados com 41 adições e 22 exclusões
  1. 41 22
      sleep/pages/user/shareUser/index.vue

+ 41 - 22
sleep/pages/user/shareUser/index.vue

@@ -1,4 +1,6 @@
 <template>
+	<scroll-view :scroll-y="sysScroll">
+	
 	<view class="flex-col justify-start page">
 	  <cu-custom isBack="true" bgColor="#000000"><view slot="content" style="color: #FFFFFF">共享用户</view></cu-custom>
     <scroll-view scroll-x class="nav" style="background-color: #1e1ef7e3">
@@ -8,7 +10,7 @@
       </view>
     </scroll-view>
 
-    <view style="height: 100%">
+    <view style="flex-grow: 1;">
       <view v-if="2===tabCur" style="height: 100%;background-image: linear-gradient(180deg, rgba(86, 86, 217, 0.95) 0%, #1dbff79c 100%);" class="flex-col justify-start section">
         <view class="flex-col section_2 space-y-421">
           <view class="flex-col">
@@ -76,28 +78,37 @@
 
 
 
-
     <view class="cu-modal" :class="modalName ==='DialogModal'?'show':''">
-      <view class="cu-dialog">
-        <view class="cu-bar bg-white justify-end">
-          <view style="color: black" class="content">共享用户</view>
-          <view class="action" @tap="hideModal">
-            <text class="cuIcon-close text-red"></text>
-          </view>
-        </view>
-        <view class="padding-xl">
-          <input v-model="searchPhone" placeholder="请输入对方手机号" name="input" />
-        </view>
-        <view class="cu-bar bg-white justify-end">
-          <view class="action">
-            <button class="cu-btn line-green text-green" @tap="hideModal">取消</button>
-            <button class="cu-btn bg-blue margin-left" @tap="addLook">申请查看</button>
-            <button class="cu-btn bg-green margin-left" open-type="share" @click="clickTz(0)"><text class="cuIcon-weixin"></text>微信分享</button>
-          </view>
-        </view>
-      </view>
-    </view>
+			
+				<view class="cu-dialog">
+				  <view class="cu-bar bg-white justify-end">
+				    <view style="color: black" class="content">共享用户</view>
+				    <view class="action" @tap="hideModal">
+				      <text class="cuIcon-close text-red"></text>
+				    </view>
+				  </view>
+				  <view class="padding-xl">
+				    <input 
+						@focus="onfoucs"
+						@blur="onblur"
+						v-model="searchPhone" 
+						placeholder="请输入对方手机号" 
+						name="input" />
+				  </view>
+				  <view class="cu-bar bg-white justify-end">
+				    <view class="action">
+				      <button class="cu-btn line-green text-green" @tap="hideModal">取消</button>
+				      <button class="cu-btn bg-blue margin-left" @tap="addLook">申请查看</button>
+				      <button class="cu-btn bg-green margin-left" open-type="share" @click="clickTz(0)"><text class="cuIcon-weixin"></text>微信分享</button>
+				    </view>
+				  </view>
+				</view>
+			
+      
+		</view>
 	</view>
+	</scroll-view>
+
 </template>
 
 <script>
@@ -115,7 +126,9 @@ import * as API_vitalSignsLook from '@/api/vitalSignsLook'
         modalName: false,
         searchPhone: '',
         tabCur: 2,
-        title: '添加推送亲友'
+        title: '添加推送亲友',
+		bottomVal: '',
+		sysScroll: true
 			}
 		},
     onShow() {
@@ -135,6 +148,12 @@ import * as API_vitalSignsLook from '@/api/vitalSignsLook'
       }
     },
 		methods: {
+			onfoucs() {
+					this.sysScroll = false
+			},
+			onblur() {
+				this.sysScroll = true
+			},
       sx() {
         this.page_no = 1
         this.finishedLoad = false