Commit fb8eccbe89d76766ec15eab9f0202dcf746fa29b
1 parent
88438123
商品分享海报页样式调整
Showing
3 changed files
with
13 additions
and
9 deletions
pages/goods/goodsInfo/goodsInfo.js
@@ -3772,7 +3772,7 @@ Page({ | @@ -3772,7 +3772,7 @@ Page({ | ||
3772 | context.setFontSize(16 * unit); | 3772 | context.setFontSize(16 * unit); |
3773 | context.setLineJoin('round'); //交点设置成圆角 | 3773 | context.setLineJoin('round'); //交点设置成圆角 |
3774 | context.setFillStyle("white"); | 3774 | context.setFillStyle("white"); |
3775 | - context.fillText('强烈推荐', 149 * unit + width + 15 * unit, 76 * unit); | 3775 | + context.fillText('强烈推荐', 149 * unit + width + 15 * unit, 75 * unit); |
3776 | } | 3776 | } |
3777 | 3777 | ||
3778 | 3778 |
pages/goods/goodsInfo/goodsInfo.wxml
@@ -1431,7 +1431,7 @@ | @@ -1431,7 +1431,7 @@ | ||
1431 | <view class="poster"> | 1431 | <view class="poster"> |
1432 | <!-- <view class="poster" bindtap="previewImage"> --> | 1432 | <!-- <view class="poster" bindtap="previewImage"> --> |
1433 | <image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image> | 1433 | <image src="{{shareImgPath}}" class="poster-img" show-menu-by-longpress></image> |
1434 | - <view class="btn-close" catchtap="closePoster">x</view> | 1434 | + <view class="btn-close" catchtap="closePoster"><text class="iconfont icon-close"></text></view> |
1435 | </view> | 1435 | </view> |
1436 | <!-- <view class="btn-container"> | 1436 | <!-- <view class="btn-container"> |
1437 | <button class="btn-share" open-type="share" bindtap="">微信好友分享</button> | 1437 | <button class="btn-share" open-type="share" bindtap="">微信好友分享</button> |
pages/goods/goodsInfo/goodsInfo.wxss
@@ -2664,7 +2664,7 @@ button.custom-service::after{ | @@ -2664,7 +2664,7 @@ button.custom-service::after{ | ||
2664 | width: 100%; | 2664 | width: 100%; |
2665 | height: 1055rpx; | 2665 | height: 1055rpx; |
2666 | border-radius: 20rpx; | 2666 | border-radius: 20rpx; |
2667 | - /* box-shadow: 0 8px 12px #666; */ | 2667 | + box-shadow: 0 0 1px #000; |
2668 | position: relative; | 2668 | position: relative; |
2669 | z-index: 999; | 2669 | z-index: 999; |
2670 | overflow: hidden; | 2670 | overflow: hidden; |
@@ -2689,18 +2689,22 @@ button.custom-service::after{ | @@ -2689,18 +2689,22 @@ button.custom-service::after{ | ||
2689 | } | 2689 | } |
2690 | .btn-close { | 2690 | .btn-close { |
2691 | background-color: rgba(0,0,0,.5); | 2691 | background-color: rgba(0,0,0,.5); |
2692 | - color: white; | ||
2693 | - width: 40rpx; | ||
2694 | - height: 40rpx; | ||
2695 | - line-height: 40rpx; | 2692 | + color: #ccc; |
2693 | + width: 50rpx; | ||
2694 | + height: 50rpx; | ||
2695 | + line-height: 50rpx; | ||
2696 | text-align: center; | 2696 | text-align: center; |
2697 | border-radius: 50%; | 2697 | border-radius: 50%; |
2698 | position: absolute; | 2698 | position: absolute; |
2699 | right: 20rpx; | 2699 | right: 20rpx; |
2700 | - top: 10rpx; | 2700 | + top: 20rpx; |
2701 | } | 2701 | } |
2702 | 2702 | ||
2703 | .goods-price .rel_txt{ | 2703 | .goods-price .rel_txt{ |
2704 | position: relative; top: 32rpx; font-size: 30rpx; | 2704 | position: relative; top: 32rpx; font-size: 30rpx; |
2705 | } | 2705 | } |
2706 | -.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 12rpx;} | ||
2707 | \ No newline at end of file | 2706 | \ No newline at end of file |
2707 | +.goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 12rpx;} | ||
2708 | + | ||
2709 | +.icon-close { | ||
2710 | + font-size: 48rpx; | ||
2711 | +} | ||
2708 | \ No newline at end of file | 2712 | \ No newline at end of file |