vue 移动端项目，动态控制div距离底部的距离

<template>
    <div class="details">
        <com-nav-bar title="保险详情">
            <i class="iconfont icon-xiangzuo" slot="left"></i>
        </com-nav-bar>
        <div class="details-scroll-wrapper" ref="scrollWrapper" :style="{bottom:bottom + 'px'}">   //动态添加样式
            <div class="details-scroll-inner" :style="{paddingBottom:paddingBottom + 'px'}">
                <div :class="[productInfo.tips?'cate':'cates']">
                    <span>{
   {productInfo.tips}}</span>
                </div>
                </div>
            </div>
        </div>
        <div class="btn-bottom" ref="btnDetails">  //先算出这个的高度（因为这个