商品详情样式修改

taiyuan
1 parent 2c929c5b
Showing 3 changed files with 26 additions and 6 deletions
pages/goods/goodsInfo/goodsInfo.js
pages/goods/goodsInfo/goodsInfo.wxml
pages/goods/goodsInfo/goodsInfo.wxss
@@ -5254,6 +5254,13 @@ Page({
 			imageUrl:this.data.gallery[0].image_url,
 		}
 	},
+	
+	
+	clickCollapse() {
+		this.setData({
+			flag: !this.data.flag,
+		})
+	},
  
  
  
@@ -543,9 +543,13 @@
  
         <view class="bz_view flex bdt16" wx:if="{{bconfig}}" style="">
           <image class="bzfu_img" src="{{iurl}}/miniapp/images/bzfu_w.png"></image>
-					<view class="flex f1 ai_c">
-						<view class="bz-content ellipsis-1 f1">{{bconfig.service_bz}}</view>
-						<text class="iconfont icon-shuangjiantouxia c-db"></text>
+					<view class="flex f1 ai_c rel">
+						<view class="bz-content {{flag ? '':'ellipsis-1'}} f1">{{bconfig.service_bz}}</view>
+						<view bindtap="clickCollapse" class="cx-obtain-coupon wsize arrow">
+						  <text class="bg_jj {{flag?'down1':''}}"></text>
+						</view>
+						<!-- <text class="bg_jj" bindtap="clickCollapse"></text> -->
+						<!-- <text class="iconfont icon-shuangjiantouxia c-db"></text> -->
 					</view>
  
         </view>
 @import "../../../utils/wxParse/wxParse.wxss";
-.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 40rpx;}
+.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 80rpx;}
 image {
     vertical-align: top;
 }
@@ -1003,7 +1003,7 @@ left:31rpx;}
  .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx;
     /* border-bottom: 3rpx solid #eee; */
 		/* border-top: 3rpx solid #eee; */}
-    .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ overflow: hidden;}   
+    .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ /* overflow: hidden; */}   
  
 .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333;
     font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ }
@@ -1019,7 +1019,7 @@ left:31rpx;}
 .bz-content {
 	flex-grow: 1;
 	text-align: justify;
-	padding: 0 20rpx;
+	padding: 0 30rpx 0 20rpx;
 }
  
 /* 顶部边框 */
@@ -2813,4 +2813,13 @@ button.custom-service::after{
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;	
+}
+
+
+
+.arrow {
+	width: auto !important;
+	position: absolute;
+	right: 0;
+	top: 10rpx;
 }
 \ No newline at end of file