theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf(carousel): 初步完成 carousel 轮播组件

Browse Source
This commit is contained in:
就眠仪式
2021-10-22 16:37:47 +08:00
parent 186f2f8fd5
commit a04dd07764
3 changed files with 49 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/docs/zh-CN/components/carousel.md
View File

@@ -2,10 +2,18 @@
<template>
<lay-carousel v-model="active">
<lay-carousel-item id="1">条目一</lay-carousel-item>
<lay-carousel-item id="2">条目二</lay-carousel-item>
<lay-carousel-item id="3">条目三</lay-carousel-item>
<lay-carousel-item id="4">条目四</lay-carousel-item>
<lay-carousel-item id="1">
<div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>
</lay-carousel-item>
<lay-carousel-item id="2">
<div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目二</div>
</lay-carousel-item>
<lay-carousel-item id="3">
<div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目三</div>
</lay-carousel-item>
<lay-carousel-item id="4">
<div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目四</div>
</lay-carousel-item>
</lay-carousel>
</template>

2
docs/src/view/home.vue
View File

@@ -216,7 +216,7 @@
line-height: 28px;
margin: 0 6px;
padding: 0 8px;
border-radius: 2px;
border-radius: 4px;
color: #c2c2c2;
color: rgba(255, 255, 255, 0.8);
border: 1px solid #c2c2c2;