Commit e2102baf98a77a368aef6c7911d2578058ccbb30
1 parent
2c929c5b
商品详情样式修改
Showing
3 changed files
with
26 additions
and
6 deletions
pages/goods/goodsInfo/goodsInfo.js
| @@ -5254,6 +5254,13 @@ Page({ | @@ -5254,6 +5254,13 @@ Page({ | ||
| 5254 | imageUrl:this.data.gallery[0].image_url, | 5254 | imageUrl:this.data.gallery[0].image_url, |
| 5255 | } | 5255 | } |
| 5256 | }, | 5256 | }, |
| 5257 | + | ||
| 5258 | + | ||
| 5259 | + clickCollapse() { | ||
| 5260 | + this.setData({ | ||
| 5261 | + flag: !this.data.flag, | ||
| 5262 | + }) | ||
| 5263 | + }, | ||
| 5257 | 5264 | ||
| 5258 | 5265 | ||
| 5259 | 5266 |
pages/goods/goodsInfo/goodsInfo.wxml
| @@ -543,9 +543,13 @@ | @@ -543,9 +543,13 @@ | ||
| 543 | 543 | ||
| 544 | <view class="bz_view flex bdt16" wx:if="{{bconfig}}" style=""> | 544 | <view class="bz_view flex bdt16" wx:if="{{bconfig}}" style=""> |
| 545 | <image class="bzfu_img" src="{{iurl}}/miniapp/images/bzfu_w.png"></image> | 545 | <image class="bzfu_img" src="{{iurl}}/miniapp/images/bzfu_w.png"></image> |
| 546 | - <view class="flex f1 ai_c"> | ||
| 547 | - <view class="bz-content ellipsis-1 f1">{{bconfig.service_bz}}</view> | ||
| 548 | - <text class="iconfont icon-shuangjiantouxia c-db"></text> | 546 | + <view class="flex f1 ai_c rel"> |
| 547 | + <view class="bz-content {{flag ? '':'ellipsis-1'}} f1">{{bconfig.service_bz}}</view> | ||
| 548 | + <view bindtap="clickCollapse" class="cx-obtain-coupon wsize arrow"> | ||
| 549 | + <text class="bg_jj {{flag?'down1':''}}"></text> | ||
| 550 | + </view> | ||
| 551 | + <!-- <text class="bg_jj" bindtap="clickCollapse"></text> --> | ||
| 552 | + <!-- <text class="iconfont icon-shuangjiantouxia c-db"></text> --> | ||
| 549 | </view> | 553 | </view> |
| 550 | 554 | ||
| 551 | </view> | 555 | </view> |
pages/goods/goodsInfo/goodsInfo.wxss
| 1 | @import "../../../utils/wxParse/wxParse.wxss"; | 1 | @import "../../../utils/wxParse/wxParse.wxss"; |
| 2 | -.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 40rpx;} | 2 | +.container { margin-bottom: 100rpx; overflow: hidden;padding-top: 80rpx;} |
| 3 | image { | 3 | image { |
| 4 | vertical-align: top; | 4 | vertical-align: top; |
| 5 | } | 5 | } |
| @@ -1003,7 +1003,7 @@ left:31rpx;} | @@ -1003,7 +1003,7 @@ left:31rpx;} | ||
| 1003 | .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx; | 1003 | .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx; |
| 1004 | /* border-bottom: 3rpx solid #eee; */ | 1004 | /* border-bottom: 3rpx solid #eee; */ |
| 1005 | /* border-top: 3rpx solid #eee; */} | 1005 | /* border-top: 3rpx solid #eee; */} |
| 1006 | - .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ overflow: hidden;} | 1006 | + .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ /* overflow: hidden; */} |
| 1007 | 1007 | ||
| 1008 | .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; | 1008 | .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; |
| 1009 | font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } | 1009 | font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } |
| @@ -1019,7 +1019,7 @@ left:31rpx;} | @@ -1019,7 +1019,7 @@ left:31rpx;} | ||
| 1019 | .bz-content { | 1019 | .bz-content { |
| 1020 | flex-grow: 1; | 1020 | flex-grow: 1; |
| 1021 | text-align: justify; | 1021 | text-align: justify; |
| 1022 | - padding: 0 20rpx; | 1022 | + padding: 0 30rpx 0 20rpx; |
| 1023 | } | 1023 | } |
| 1024 | 1024 | ||
| 1025 | /* 顶部边框 */ | 1025 | /* 顶部边框 */ |
| @@ -2813,4 +2813,13 @@ button.custom-service::after{ | @@ -2813,4 +2813,13 @@ button.custom-service::after{ | ||
| 2813 | -webkit-background-size: cover; | 2813 | -webkit-background-size: cover; |
| 2814 | -moz-background-size: cover; | 2814 | -moz-background-size: cover; |
| 2815 | background-size: cover; | 2815 | background-size: cover; |
| 2816 | +} | ||
| 2817 | + | ||
| 2818 | + | ||
| 2819 | + | ||
| 2820 | +.arrow { | ||
| 2821 | + width: auto !important; | ||
| 2822 | + position: absolute; | ||
| 2823 | + right: 0; | ||
| 2824 | + top: 10rpx; | ||
| 2816 | } | 2825 | } |
| 2817 | \ No newline at end of file | 2826 | \ No newline at end of file |