oyjt / uniapp-vue3-template

使用uniapp+vite+vue3+uview-plus3.0 搭建的搭建的适合团队协作的快速开发模版
http://icnpath.com/uniapp-vue3-template/
MIT License
243 stars 55 forks source link

up-skeleton不显示内容 #22

Closed kknono closed 2 months ago

kknono commented 2 months ago

你好。up-skeleton不显示任何内容


  <up-skeleton
        rows="3"
        title
        loading
    ><view>111</view></up-skeleton> 

 <up-empty mode="message" icon="http://cdn.uviewui.com/uview/empty/car.png" />  ``

这个可以显示
oyjt commented 2 months ago

分析是使用方法的问题。 如果skeleton组件外层使用的flex布局,因为loading时没有任何内容填充,导致宽度都为0,给组件设置一个宽度即可,例如这样使用:

<up-skeleton
    class="w-full"
    rows="3"
    title
    loading
  />

要么skeleton的父节点不适用flex布局。