refactor: ♻️ 替换 statusTip 演示页面的 url-prefix

This commit is contained in:
不如摸鱼去 2025-11-08 16:08:05 +08:00
parent 5b3e07c46c
commit 8fa99167af

View File

@ -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);