套餐详情页app ui

@@ -20,7 +20,8 @@ exports.detail = (req, res, next) => {
             pageHeader: headerModel.setNav({
                 navTitle: '优惠套餐',
                 navBtn: false
-            })
+            }),
+            localCss: true
         }, result));
     }).catch(next);
 };

@@ -16,16 +16,22 @@
     <div class="chose-panel"></div>
     {{# bundleInfo}}
     <div class="bundle-bar clearfix">
-        <div class="bundle-bar-md">
-            <div class="bundle-price">
-                {{#if subPrice}}
-                <span class="bundle-discount">立省¥{{subPrice}}</span>
-                {{/if}}
-                <span>套餐价: {{discountPriceStr}}</span>
+        {{#if @root.isApp}}
+            <div class="no-buy">抱歉，套装商品仅支持在最新版app购买，请升级！</div>
+        {{^}}
+            <div class="bundle-bar-md">
+                <div class="bundle-price">
+                    {{#if subPrice}}
+                    <span class="bundle-discount">立省¥{{subPrice}}</span>
+                    {{/if}}
+                    <span>套餐价: {{discountPriceStr}}</span>
+                </div>
+                <div class="sale-price">销售价: {{salesPriceStr}}</div>
             </div>
-            <div class="sale-price">销售价: {{salesPriceStr}}</div>
-        </div>
-        <button id="bundle-buy-now" class="bundle-buy-btn">立即购买</button>
+            <button id="bundle-buy-now" class="bundle-buy-btn">立即购买</button>
+        {{/if}}
+        
+        
     </div>
         <input type="hidden" id="activityId" value="{{bundleId}}">
     {{/ bundleInfo}}

 /**
  * Created by targaryen on 2016/11/28.
  */
+require('product/bundle/detail.page.css');
+
 let $ = require('yoho-jquery'),
     tip = require('plugin/tip');
 

@@ -67,6 +67,12 @@
     background-color: #fff;
     padding: 15px 30px;
 
+    .no-buy {
+        height: 92px;
+        line-height: 92px;
+        color: #d0021b;
+    }
+
     .bundle-bar-md {
         width: 400px;
         display: inline-block;

+@import "detail";
+@import "cart/chose-panel";