component_ryl_v3 1.1.5 → 1.1.6

package/dist/component_ryl_v3.js

@@ -662,7 +662,9 @@ const _sfc_main$4 = {
               }),
               createElementVNode("div", _hoisted_7, [
                 createElementVNode("div", _hoisted_8, [
-                  renderSlot(_ctx.$slots, "content")
+                  createElementVNode("div", null, [
+                    renderSlot(_ctx.$slots, "content")
+                  ])
                 ]),
                 showFooter.value ? (openBlock(), createElementBlock("div", {
                   key: 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "component_ryl_v3",
   "private": false,
-  "version": "1.1.5",
+  "version": "1.1.6",
   "type": "module",
   "description": "Vue3 login form component with Element Plus",
   "main": "./dist/component_ryl_v3.js",

package/src/App.vue

@@ -4,6 +4,7 @@
     collapse
      :defaultActive="menuActive"
     :menuList="menuList"
+    ref="menuRef"
   >
     <template #headElseTitle>
       <div style="color:#fff;text-align:center;font-size:20px;">
@@ -31,6 +32,7 @@
       </ul>
     </template>
     <template #content>
+      <div class="lll">
       <h6>Tab</h6>
       <hand-tab :list="[{ label: '全部', value: 'all' }, { label: '待处理是的', value: 'pending' }, { label: '已处理', value: 'processed' }]" @getStatus="getStatus" />
       <h6>图片预览</h6>
@@ -40,6 +42,7 @@
       <div>
         <hand-paging :currentPage="handPagingRef.page" :total="handPagingRef.total" :pageSize="handPagingRef.pageSize" :size="handPagingRef.size" @page-change="handlePageChange" />
       </div>
+      <!-- <div v-for="(item,index) in 100">{{index}}</div> -->
       <h6>空数据提示</h6>
       <hand-no-data title="暂无数据" />
       <h6>弹窗</h6>
@@ -69,12 +72,13 @@
       <el-input v-model="inputNumber" v-number="{max:100}" placeholder="请输入"></el-input>
       <span>复制</span><br>
       <el-button v-copy="['这是复制的内容',copyBack]">点击复制</el-button>
+      </div>
     </template>
   </hand-header>
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import HandHeader from './packages/handHeader/handHeader.vue'
 import HandTab from './packages/handTab/handTab.vue'
 import HandSeeImg from './packages/handSeeImg/handSeeImg.vue'
@@ -214,6 +218,11 @@ const copyBack = (err, success) => {
     }
 }
 //#endregion 自定义指令
-
+//#region 菜单组件
+const menuRef = ref(null)
+onMounted(() => {
+  menuRef.value.getMainHeight()
+})
+//#endregion 菜单组件
 const inputNumber = ref('')
 </script>

package/src/packages/handHeader/handHeader.vue

@@ -64,7 +64,9 @@
       <div class="content_mar">
         <div class="content inner_content">
           <!-- 内容展示区域 -->
-          <slot name="content"></slot>
+          <div>
+            <slot name="content"></slot>
+          </div>
         </div>
         <div class="footer flex flex_col inner_footer" v-html="userInfo.copyRight" v-if="showFooter"></div>
       </div>