bmy/Vue_dbui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 00:57:27 +08:00
commit 18df0f5e4b
2548 changed files with 253280 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
vue-ydui/example/routers/grids.vue Normal file
View File

@@ -0,0 +1,67 @@
<template>
<yd-layout title="Grids">
<yd-grids-group :rows="2" title="等分2列(带图标)">
<yd-grids-item>
<img slot="icon" src="http://static.ydcss.com/ydui/img/logo.png">
<span slot="text">image</span>
</yd-grids-item>
<yd-grids-item>
<i slot="icon" class="demo-icons-cell"></i>
<span slot="text">iconfont</span>
</yd-grids-item>
</yd-grids-group>
<yd-grids-group :rows="3" title="等分3列">
<yd-grids-item v-for="n in 6">
<span slot="text">grids-3</span>
</yd-grids-item>
</yd-grids-group>
<yd-grids-group rows="4" title="等分4列">
<yd-grids-item v-for="n in 8">
<span slot="text">grids-4</span>
</yd-grids-item>
</yd-grids-group>
<yd-grids-group :rows="5" title="等分5列">
<yd-grids-item v-for="n in 5">
<span slot="text">grids-5</span>
</yd-grids-item>
</yd-grids-group>
<yd-grids-group :rows="3" title="设置 yd-grids-item 的高度" itemHeight="2.6rem" class="demo-small-pitch">
<yd-grids-item>
<div slot="else" style="text-align: center;">
<img src="http://img1.shikee.com/try/2017/09/30/16303520934640655826.jpg_295x295.jpg" style="height: 1rem;">
</div>
</yd-grids-item>
<yd-grids-item>
<div slot="else" style="text-align: center;">
<p style="padding: 5px;color:#F00;">当页面内容高度不一致时，设置item的高度就不会导致页面错乱</p>
</div>
</yd-grids-item>
<yd-grids-item>
<div slot="else" style="text-align: center;">
<img src="http://img1.shikee.com/try/2017/09/30/16303520934640655826.jpg_295x295.jpg" style="height: .6rem;">
</div>
</yd-grids-item>
<yd-grids-item>
<div slot="else" style="text-align: center;">
<img src="http://img1.shikee.com/try/2017/09/30/16303520934640655826.jpg_295x295.jpg" style="height: .3rem;">
</div>
</yd-grids-item>
<yd-grids-item>
<div slot="else" style="text-align: center;">
<img src="http://img1.shikee.com/try/2017/09/30/16303520934640655826.jpg_295x295.jpg" style="height: .6rem;">
</div>
</yd-grids-item>
<yd-grids-item>
<div slot="else" style="text-align: center;">
<img src="http://img1.shikee.com/try/2017/09/30/16303520934640655826.jpg_295x295.jpg" style="height: 1rem;">
</div>
</yd-grids-item>
</yd-grids-group>
</yd-layout>
</template>