Browse Source

修改样式

chenrui 2 years ago
parent
commit
7e1765fad3
1 changed files with 22 additions and 12 deletions
  1. 22 12
      pages/shuntBackManage/chooseProduct.vue

+ 22 - 12
pages/shuntBackManage/chooseProduct.vue

@@ -37,13 +37,15 @@
 			<view class="f-left">
 				<u-checkbox size="40" @change="allCheckeChange" v-model="allChecked" shape="circle">{{allChecked?'取消全选':'全选'}}</u-checkbox>
 			</view>
-			<view class="f-mid u-flex">
-				<view v-if="totalCategory">
+			<view class="f-mid" @click="isDetailShow=!isDetailShow">
+				<view>
 					已选<text>{{totalCategory}}</text>款产品
 				</view>
-				<view @click="isDetailShow=true" v-if="totalCategory">
-					查看详情
-					<u-icon name="arrow-up" color="#999" size="28"></u-icon>
+				<view v-if="!isDetailShow">
+					查看明细 <u-icon name="arrow-up"></u-icon>
+				</view>
+				<view v-else>
+					关闭明细 <u-icon name="arrow-down"></u-icon>
 				</view>
 			</view>
 			<view class="f-btns">
@@ -66,9 +68,9 @@
 			</view>
 		</u-popup>
 		<!-- 详情弹窗 -->
-		<u-popup v-model="isDetailShow" mode="bottom" height="800" border-radius="25">
-				<view class="head u-flex u-row-between">
-					<text>已选产品</text>
+		<u-popup v-model="isDetailShow" mode="bottom" height="800" border-radius="25" :closeable="true">
+				<view class="head">
+					已选产品
 					<text @click="clearChoose">清空列表</text>
 				</view>
 				<scroll-view scroll-y class="scroll-view" v-if="chooseList.length>0">
@@ -466,6 +468,8 @@
 	.footer-bar{
 		background-color: #f8f8f8;
 		padding: 20upx;
+		position: relative;
+		z-index: 99999;
 		.f-left{
 			color: #fff;
 		}
@@ -485,6 +489,7 @@
 				}
 				&:last-child{
 					font-size: 0.8rem;
+					color: #0485F6;
 				}
 			}
 		}
@@ -517,13 +522,18 @@
 	// 详情页弹窗样式
 	.head{
 			width: 100%;
+			text-align: center;
 			box-sizing: border-box;
 			padding:30rpx 20rpx;
-			background: #e0e0e0;
+			background: #f8f8f8;
+			position: relative;
+			font-weight: bold;
 			text{
-				&:first-child{
-					font-weight: bold;
-				}
+				position: absolute;
+				top:30rpx ;
+				left:20rpx;
+				color:red;
+				font-weight: normal;
 			}
 		}
 		.scroll-view{