修复样式问题

 <template>
     <div class="cate-page" id='cate-page'>
         <div class="cate-container clearfix">
-            <div class="content" style="height: 522px;">
+            <div class="content">
                 <ul class="primary-level">
                     <li v-for="(index, ca) in cateNavLeftData" class="ellipsis" :class="{focus: index === leftcurrent}" class="p-level-item" @click='cateNavLeftFun(index, ca.relationParameter.sort, ca.categoryName)'>
                         {{ca.categoryName}}
@@ -213,6 +213,8 @@
 }
 </style>
 <script>
+    const $ = require('jquery');
+
     module.exports = {
         props: {
             category: {
@@ -275,6 +277,16 @@
         },
         created() {
             this.categoryChangeHandler();
+
+            window.addEventListener('touchstart', () => {
+                const c = $('.content');
+                const h = c.height();
+                const h1 = document.body.offsetHeight;
+
+                if (h <= h1) {
+                    c.css('height', h1);
+                }
+            });
         }
     };
 </script>