ww--门店详情UI修改

pages/play/service-detail/service-detail.js

@@ -127,7 +127,7 @@ Page({
             case 5:
                 this.queryActivity()
                 this.setData({
-                    commodityTitle: '拾光花坊',
+                    commodityTitle: '能量补给站',
                     winCommodityMenu: true
                 })
                 break

pages/play/service-detail/service-detail.wxml

@@ -166,19 +166,12 @@
             </view>
         </view>
     </view>
-
-    <view class="commodity-menu col" wx:if="{{winCommodityMenu}}" bindtap="onBuySnacks" data-id="{{5}}">
-        <image class="commodity-menu-bg" src="{{resourcesBase + 'play/service/service-flower.png'}}"></image>
-        <view>
-            <image class="commodity-menu-icon" src="{{imageBase + 'icon/food.png'}}"></image>
-        </view>
-        <view>
-            <text>能量补给站</text>
-        </view>
-        <view class="row align-c">
-            <text>饮品预订</text>
-            <image src="{{imageBase + 'more-w.png'}}"></image>
+    <!-- 能量补给站 -->
+    <view class="commodity-menu col" wx:if="{{winCommodityMenu}}">
+        <view class="commodity-menu-title row con-b align-e">
+            <text>{{commodityTitle}}</text>
         </view>
+        <image src="{{resourcesBase + 'play/service/service-flower.png'}}" bindtap="onBuySnacks" data-id="{{5}}"></image>
     </view>
 
     <!-- 简介，评价 -->

pages/play/service-detail/service-detail.wxss

@@ -337,12 +337,18 @@
     font-weight: 400;
     line-height: 44rpx;
     color: #15191F;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 .movie-card-item-title text:nth-child(1) {
     font-size: 26rpx;
     font-weight: 400;
     line-height: 37rpx;
     color: #fff;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .commodity-card-item-title text:nth-child(2) {
@@ -385,47 +391,21 @@
 
 /* 能量补给跳转 */
 .commodity-menu {
-    position: relative;
     width: 750rpx;
-    height: 256rpx;
-    margin-top: 80rpx;
     padding: 0 40rpx;
+    margin-top: 80rpx;
     border-radius: 4rpx;
-    overflow: hidden;
-}
-
-.commodity-menu-bg {
-    position: absolute;
-    z-index: -1;
-    width: 670rpx;
-    height: 256rpx;
-    background: #999999;
 }
 
-.commodity-menu-icon {
-    margin: 48rpx 0 0 54rpx;
-    width: 56rpx;
-    height: 56rpx;
-}
-
-.commodity-menu view:nth-child(3) {
-    margin: 16rpx 0 0 50rpx;
-    font-size: 30rpx;
-    color: #FFFFFF;
-    line-height: 42rpx;
-
+.commodity-menu-title text:nth-child(1) {
+    font-size: 40rpx;
+    font-weight: 800;
 }
 
-.commodity-menu view:nth-child(4) {
-    margin: 8rpx 0 0 50rpx;
-    font-size: 26rpx;
-    color: #FFFFFF;
-    line-height: 40rpx;
-}
-.commodity-menu view:nth-child(4) image {
-    margin-left: 16rpx;
-    width: 32rpx;
-    height: 32rpx;
+.commodity-menu image{
+    width: 670rpx;
+    height: 256rpx;
+    margin-top: 48rpx;
 }