zhoujunyu
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(guide): fix alert out of bounds (#541)

This commit is contained in:
Binks_ 2023-10-07 10:13:13 +08:00 committed by GitHub
parent 0ff09c23c6
commit 07a938f131
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
examples/sites/demos/app/guide/arror-position.vue
View File

@ -1,15 +1,7 @@
<template>
<div>
<div class="guide-content">
<tiny-alert
class="pos"
:closable="false"
type="success"
size="large"
description="提交结果页用于反馈一系列操作任务的处理结果。"
>
</tiny-alert>
</div>
<tiny-alert class="pos" :closable="false" type="success" size="large" description="提交结果页用于反馈一系列操作任务的处理结果。">
</tiny-alert>
<div class="guide-title">
<tiny-button plain @click="stepStart1">默认</tiny-button>
<tiny-button plain @click="stepStart2">上居中</tiny-button>
@ -115,9 +107,5 @@ export default {
display: flex;
justify-content: space-around;
margin-top: 20px;
width: 600px;
}
.guide-content {
width: 600px;
}
</style>

10
examples/sites/demos/app/guide/dom-hight-composition-api.vue
View File

@ -8,12 +8,7 @@
<tiny-button plain class="hight3">新手引导3</tiny-button>
<tiny-alert class="hight4" :closable="false" description="type 为默认值 info"></tiny-alert>
<div class="hight11 tiny-hight-content-item">
<tiny-alert
type="success"
size="large"
:closable="false"
description="提交结果页用于反馈一系列操作任务的处理结果。"
>
<tiny-alert type="success" size="large" :closable="false" description="提交结果页用于反馈一系列操作任务的处理结果。">
<tiny-button size="mini" type="primary">继续提交</tiny-button>
<tiny-button size="mini">取消操作</tiny-button>
</tiny-alert>
@ -76,11 +71,12 @@ function stepStart() {
<style scoped>
.tiny-hight-content {
height: 500px;
widows: 500px;
}
.tiny-hight-content-item {
margin-top: 200px;
}
.hight4 {
width: auto;
height: 36px;

10
examples/sites/demos/app/guide/dom-hight.vue
View File

@ -8,12 +8,7 @@
<tiny-button plain class="hight3">新手引导3</tiny-button>
<tiny-alert class="hight4" :closable="false" description="type 为默认值 info"></tiny-alert>
<div class="hight11 tiny-hight-content-item">
<tiny-alert
type="success"
size="large"
:closable="false"
description="提交结果页用于反馈一系列操作任务的处理结果。"
>
<tiny-alert type="success" size="large" :closable="false" description="提交结果页用于反馈一系列操作任务的处理结果。">
<tiny-button size="mini" type="primary">继续提交</tiny-button>
<tiny-button size="mini">取消操作</tiny-button>
</tiny-alert>
@ -87,11 +82,12 @@ export default {
<style scoped>
.tiny-hight-content {
height: 500px;
widows: 500px;
}
.tiny-hight-content-item {
margin-top: 200px;
}
.hight4 {
width: auto;
height: 36px;