height-cal

@@ -105,7 +105,7 @@ module.exports = {
                     }
 
                     if (_.get(f, 'type') === 'bottombar') {
-                        f.size = _.size(f.component);
+                        f.height = _.get(f, 'param.height') / 40;
                     }
 
                     _.forEach(f.component, function(component) {

@@ -103,6 +103,7 @@
                 </div>
             {{/isEqualOr}}
             {{#isEqualOr type 'bottombar'}}
+                <div class="floor common_floor" style="width:100%;height:{{height}}rem"></div>
                 {{> feature/bottom-fix}}
             {{/isEqualOr}}
         {{/content.floors}}

-<div class="bottom-fix" data-size="{{size}}">
+<div class="bottom-fix">
     {{#if param.bgimg}}
         {{#isLazyLoad type @index}}
             <img class="lazy" data-original="{{image2 param.bgimg q=95}}">
@@ -8,11 +8,10 @@
     {{/if}}
     <div class="show-area" id="bottomShowArea">
         {{#component}}
-        <div class="per-show hide" style="width: {{width}}%;left:{{left}}%" id="bottomShow{{url}}-{{@index}}">
-        </div>
+        <div class="per-show hide" style="width: {{width}}%;left:{{left}}%;bottom:{{../height}}rem" id="bottomShow{{url}}-{{@index}}">
         {{/component}}
     </div>
-    <div class="click-area" id="bottomFixClickArea">
+    <div class="click-area" id="bottomFixClickArea" style="height:{{height}}rem">
         {{#component}}
         <div class="per-click" style="width: {{width}}%;height:{{height}}%" data-url="{{url}}" id="bottomClick{{url}}-{{@index}}">
         </div>