Explorar o código

修改app,交易,信息列表上划时,标签行及以上部分固定定位于屏幕上方

wangchao %!s(int64=3) %!d(string=hai) anos
pai
achega
357f758ef5
Modificáronse 1 ficheiros con 34 adicións e 25 borrados
  1. 34 25
      pages/business/business.vue

+ 34 - 25
pages/business/business.vue

@@ -1,34 +1,36 @@
 <template>
 	<view>
-		<view style='background:#fff;border-bottom:1px solid #EEE;padding-bottom:10px;'>
-			<view class="cu-bar search">
-				<view style='position:absolute;left:30px;top:50%;transform: translateY(-50%);'>
-					<picker style='display:inline-block;' @change="locationChange" :value="location"
-						:range="locationType">
-						<view class="picker">
-							{{location>-1?locationType[location]:'请选择'}}
-						</view>
-					</picker>
-					<image style='width:10px;height:6px;margin-left:4px;position:relative;top:-2px;'
-						src='../../static/img/jiaoyi/down.png'></image>
+		<view class="top-style">
+			<view style='background:#fff;border-bottom:1px solid #EEE;padding-bottom:10px;'>
+				<view class="cu-bar search">
+					<view style='position:absolute;left:30px;top:50%;transform: translateY(-50%);'>
+						<picker style='display:inline-block;' @change="locationChange" :value="location"
+							:range="locationType">
+							<view class="picker">
+								{{location>-1?locationType[location]:'请选择'}}
+							</view>
+						</picker>
+						<image style='width:10px;height:6px;margin-left:4px;position:relative;top:-2px;'
+							src='../../static/img/jiaoyi/down.png'></image>
+					</view>
+					<view class="search-form round" @click="naviageToPage('/pageA/product/lookup?TabCur=')">
+						<text style='color: #ccc;text-indent:56px;' class="cuIcon-search"></text>
+						<input type="text" placeholder="请输入货名或标题" confirm-type="search"></input>
+					</view>
 				</view>
-				<view class="search-form round" @click="naviageToPage('/pageA/product/lookup?TabCur=')">
-					<text style='color: #ccc;text-indent:56px;' class="cuIcon-search"></text>
-					<input type="text" placeholder="请输入货名或标题" confirm-type="search"></input>
+				<view style='margin:0 15px;'>
+					<view class='tag radius line-pink' @click="sousuo('玉米')">玉米</view>
+					<view class='tag radius line-pink' @click="sousuo('大豆')">大豆</view>
+					<view class='tag radius line-pink' @click="sousuo('小麦')">小麦</view>
+					<view class='tag radius line-pink' @click="sousuo('水稻')">水稻</view>
+					<view class='tag radius line-pink' @click="sousuo('高粱')">高粱</view>
 				</view>
 			</view>
-			<view style='margin:0 15px;'>
-				<view class='tag radius line-pink' @click="sousuo('玉米')">玉米</view>
-				<view class='tag radius line-pink' @click="sousuo('大豆')">大豆</view>
-				<view class='tag radius line-pink' @click="sousuo('小麦')">小麦</view>
-				<view class='tag radius line-pink' @click="sousuo('水稻')">水稻</view>
-				<view class='tag radius line-pink' @click="sousuo('高粱')">高粱</view>
+			<view style='background:#fff;padding:0 15px;'>
+				<view @click='tabcarchange(0)' class='line' :class='TabCur==0?"active":""'>采购</view>
+				<view @click='tabcarchange(1)' class='line' :class='TabCur==1?"active":""'>销售</view>
 			</view>
 		</view>
-		<view style='background:#fff;padding:0 15px;'>
-			<view @click='tabcarchange(0)' class='line' :class='TabCur==0?"active":""'>采购</view>
-			<view @click='tabcarchange(1)' class='line' :class='TabCur==1?"active":""'>销售</view>
-		</view>
 		<view v-if='buyInfo.length>0' class="introduce-section">
 			<view v-for="(item, index) in buyInfo" :key="index" class="guess-item" @click="navToDetailPage(item)">
 				<view class="price-box">
@@ -724,7 +726,9 @@
 			color: $base-color;
 		}
 	}
-
+	.introduce-section{
+		padding-top: 135px;
+	}
 	.introduce-section .title {
 		font-size: 17px;
 		font-weight: bold;
@@ -825,4 +829,9 @@
 			transition: left .3s ease, top .3s ease;
 		}
 	}
+	.top-style{
+		background: red;
+		position: fixed;
+		width: 100%;
+	}
 </style>