mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-06 17:18:40 +08:00
refactor: ♻️ 替换 statusTip 演示页面的 url-prefix
This commit is contained in:
parent
5b3e07c46c
commit
8fa99167af
@ -1,35 +1,36 @@
|
|||||||
<template>
|
<template>
|
||||||
<page-wraper>
|
<page-wraper>
|
||||||
<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 :url-prefix="urlPrefix" image="search" tip="当前搜索无结果" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('404-ye-mian')">
|
<demo-block :title="$t('404-ye-mian')">
|
||||||
<wd-status-tip image="network" tip="当前网络不可用,请检查你的网络设置" />
|
<wd-status-tip :url-prefix="urlPrefix" image="network" tip="当前网络不可用,请检查你的网络设置" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('ye-mian-zan-wu-nei-rong')">
|
<demo-block :title="$t('ye-mian-zan-wu-nei-rong')">
|
||||||
<wd-status-tip image="content" tip="暂无内容" />
|
<wd-status-tip :url-prefix="urlPrefix" image="content" tip="暂无内容" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('wo-de-shou-cang-wei-kong')">
|
<demo-block :title="$t('wo-de-shou-cang-wei-kong')">
|
||||||
<wd-status-tip image="collect" tip="暂无收藏" />
|
<wd-status-tip :url-prefix="urlPrefix" image="collect" tip="暂无收藏" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('wo-de-ping-lun-wei-kong')">
|
<demo-block :title="$t('wo-de-ping-lun-wei-kong')">
|
||||||
<wd-status-tip image="comment" tip="暂无评论" />
|
<wd-status-tip :url-prefix="urlPrefix" image="comment" tip="暂无评论" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('zhi-fu-shi-bai')">
|
<demo-block :title="$t('zhi-fu-shi-bai')">
|
||||||
<wd-status-tip image="halo" tip="支付失败,请重新订购" />
|
<wd-status-tip :url-prefix="urlPrefix" image="halo" tip="支付失败,请重新订购" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('yi-ding-yue-quan-bu-xiao-xi')">
|
<demo-block :title="$t('yi-ding-yue-quan-bu-xiao-xi')">
|
||||||
<wd-status-tip image="message" tip="已订阅全部消息" />
|
<wd-status-tip :url-prefix="urlPrefix" image="message" tip="已订阅全部消息" />
|
||||||
</demo-block>
|
</demo-block>
|
||||||
|
|
||||||
<demo-block :title="$t('zi-ding-yi-da-xiao')">
|
<demo-block :title="$t('zi-ding-yi-da-xiao')">
|
||||||
<wd-status-tip
|
<wd-status-tip
|
||||||
|
:url-prefix="urlPrefix"
|
||||||
:image-size="{
|
:image-size="{
|
||||||
height: 200,
|
height: 200,
|
||||||
width: 300
|
width: 300
|
||||||
@ -53,7 +54,7 @@
|
|||||||
|
|
||||||
<!-- 底部插槽示例移动到最后一个示例,并添加合理样式 -->
|
<!-- 底部插槽示例移动到最后一个示例,并添加合理样式 -->
|
||||||
<demo-block :title="$t('di-bu-cha-cao')">
|
<demo-block :title="$t('di-bu-cha-cao')">
|
||||||
<wd-status-tip image="content" tip="当前搜索无结果">
|
<wd-status-tip image="content" :url-prefix="urlPrefix" tip="当前搜索无结果">
|
||||||
<template #bottom>
|
<template #bottom>
|
||||||
<view class="bottom-actions">
|
<view class="bottom-actions">
|
||||||
<wd-button type="info">重新加载</wd-button>
|
<wd-button type="info">重新加载</wd-button>
|
||||||
@ -63,7 +64,9 @@
|
|||||||
</demo-block>
|
</demo-block>
|
||||||
</page-wraper>
|
</page-wraper>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup></script>
|
<script lang="ts" setup>
|
||||||
|
const urlPrefix = 'https://wot-ui.cn/assets/'
|
||||||
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.bottom-actions {
|
.bottom-actions {
|
||||||
margin-top: var(--wot-statustip-bottom-margin-top, 20px);
|
margin-top: var(--wot-statustip-bottom-margin-top, 20px);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user