admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: ✨ StatusTip 添加底部插槽

Browse Source 
✅ Closes: #1070
This commit is contained in:
liangxinlin 2025-11-08 15:03:43 +08:00 committed by GitHub
parent 3d2828ff2b
commit cd2e74ad61
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/locale/en-US.json
View File

@ -1114,6 +1114,7 @@
"sortbutton-title": "SortButton", "sortbutton-title": "SortButton",
"sou-suo": "search for", "sou-suo": "search for",
"sou-suo-wu-jie-guo": "No results found in the search", "sou-suo-wu-jie-guo": "No results found in the search",
"di-bu-cha-cao": "Bottom slot",
"sou-suo-zhan-wei-fu-ju-zuo": "Search placeholder on the left", "sou-suo-zhan-wei-fu-ju-zuo": "Search placeholder on the left",
"statustip-que-sheng-ti-shi": "StatusTip", "statustip-que-sheng-ti-shi": "StatusTip",
"statustip-title": "StatusTip", "statustip-title": "StatusTip",

1
src/locale/zh-CN.json
View File

@ -1114,6 +1114,7 @@
"sortbutton-title": "SortButton 排序按钮", "sortbutton-title": "SortButton 排序按钮",
"sou-suo": "搜索", "sou-suo": "搜索",
"sou-suo-wu-jie-guo": "搜索无结果", "sou-suo-wu-jie-guo": "搜索无结果",
"di-bu-cha-cao": "底部插槽",
"sou-suo-zhan-wei-fu-ju-zuo": "搜索占位符居左", "sou-suo-zhan-wei-fu-ju-zuo": "搜索占位符居左",
"statustip-que-sheng-ti-shi": "StatusTip 缺省提示", "statustip-que-sheng-ti-shi": "StatusTip 缺省提示",
"statustip-title": "StatusTip 缺省提示", "statustip-title": "StatusTip 缺省提示",

8
src/subPages/statusTip/Index.vue
View File

@ -1,5 +1,13 @@
<template> <template>
<page-wraper> <page-wraper>
<demo-block :title="$t('di-bu-cha-cao')">
<wd-status-tip image="content" tip="当前搜索无结果">
<template #bottom>
<wd-button type="info">重新加载</wd-button>
</template>
</wd-status-tip>
</demo-block>
<demo-block :title="$t('sou-suo-wu-jie-guo')"> <demo-block :title="$t('sou-suo-wu-jie-guo')">
<wd-status-tip image="search" tip="当前搜索无结果" /> <wd-status-tip image="search" tip="当前搜索无结果" />
</demo-block> </demo-block>

6
src/uni_modules/wot-design-uni/components/wd-status-tip/index.scss
View File

@ -34,4 +34,10 @@
text-align: center; text-align: center;
overflow-wrap: break-word; overflow-wrap: break-word;
} }
@include e(bottom) {
margin-top: 20px;
display: flex;
justify-content: center;
width: 100%;
}
} }

3
src/uni_modules/wot-design-uni/components/wd-status-tip/wd-status-tip.vue
View File

@ -12,6 +12,9 @@
<slot name="image" v-if="$slots.image"></slot> <slot name="image" v-if="$slots.image"></slot>
<wd-img v-else-if="imgUrl" :mode="imageMode" :src="imgUrl" custom-class="wd-status-tip__image" :custom-style="imgStyle"></wd-img> <wd-img v-else-if="imgUrl" :mode="imageMode" :src="imgUrl" custom-class="wd-status-tip__image" :custom-style="imgStyle"></wd-img>
<view v-if="tip" class="wd-status-tip__text">{{ tip }}</view> <view v-if="tip" class="wd-status-tip__text">{{ tip }}</view>
<view v-if="$slots.bottom" class="wd-status-tip__bottom">
<slot name="bottom" />
</view>
</view> </view>
</template> </template>