213 lines
37 KiB
213 lines
37 KiB
2 years ago
|
<template>
|
||
|
|
<view class="cmd-result-page">
|
||
|
|
<image class="cmd-result-page-image" :src="setSrc" mode="aspectFit"></image>
|
||
|
|
<view class="cmd-result-page-text">{{setText}}</view>
|
||
|
|
<view class="cmd-result-page-subtext">{{setSubText}}</view>
|
||
|
|
<view v-if="defBtn || warnBtn || priBtn" class="cmd-result-page-buttons">
|
||
|
|
<button v-if="defBtn" @tap="$_defBtn" class="button" type="default" plain="true" size="mini">{{defBtn}}</button>
|
||
|
|
<button v-if="warnBtn" @tap="$_warnBtn" class="button" type="warn" plain="true" size="mini">{{warnBtn}}</button>
|
||
|
|
<button v-if="priBtn" @tap="$_priBtn" class="button" type="primary" plain="true" size="mini">{{priBtn}}</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
/**
|
||
|
|
* 结果页组件
|
||
|
|
* @description 在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
|
||
|
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=203
|
||
|
|
* @property {String} src 图片资源地址 - 支持相对路径、绝对路径，支持 base64 码
|
||
|
|
* @property {String} text 主文案
|
||
|
|
* @property {String} subtext 副文案
|
||
|
|
* @property {String} type 结果页 - 默认empty，支持 页面丢失-lost 网络异常-network 无信息-empty
|
||
|
|
* @property {String} def-btn 显示普通按钮 - def-btn="普通按钮"
|
||
|
|
* @property {String} warn-btn 显示警告按钮 - warn-btn="警告按钮"
|
||
|
|
* @property {String} pri-btn 显示高亮按钮 - pri-btn="高亮按钮"
|
||
|
|
* @event {Function} defBtn 普通按钮点击事件
|
||
|
|
* @event {Function} warnBtn 警告按钮点击事件
|
||
|
|
* @event {Function} priBtn 高亮按钮点击事件
|
||
|
|
* @example <cmd-result-page type="empty"></cmd-result-page>
|
||
|
|
*/
|
||
|
|
export default {
|
||
|
|
name: 'cmd-result-page',
|
||
|
|
|
||
|
|
props: {
|
||
|
|
/**
|
||
|
|
* 图片资源地址，支持相对路径、绝对路径，支持 base64 码
|
||
|
|
*/
|
||
|
|
src: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 主文案
|
||
|
|
*/
|
||
|
|
text: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 副文案
|
||
|
|
*/
|
||
|
|
subtext: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 结果页默认类型empty：页面丢失-lost 网络异常-network 无信息-empty
|
||
|
|
*/
|
||
|
|
type: {
|
||
|
|
type: String,
|
||
|
|
default: 'empty'
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 显示普通按钮
|
||
|
|
*/
|
||
|
|
defBtn:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 显示警告按钮
|
||
|
|
*/
|
||
|
|
warnBtn:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 显示高亮按钮
|
||
|
|
*/
|
||
|
|
priBtn:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
/**
|
||
|
|
* 默认类型图案
|
||
|
|
*/
|
||
|
|
typeSrc: {
|
||
|
|
network: 'data:image/png;base64,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
|
||
|
|
lost: 'data:image/png;base64,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
|
||
|
|
empty: 'data:image/png;base64,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
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 默认类型文案
|
||
|
|
*/
|
||
|
|
typeText: {
|
||
|
|
// 网络连接异常
|
||
|
|
network: '\u7f51\u7edc\u8fde\u63a5\u5f02\u5e38',
|
||
|
|
// 暂无信息
|
||
|
|
empty: '\u6682\u65e0\u4fe1\u606f'
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 默认类型副文案
|
||
|
|
*/
|
||
|
|
typeSubText: {
|
||
|
|
// 点击屏幕，重新加载
|
||
|
|
network: '\u70b9\u51fb\u5c4f\u5e55\uff0c\u91cd\u65b0\u52a0\u8f7d',
|
||
|
|
// 您要访问的页面已丢失
|
||
|
|
lost: '\u60a8\u8981\u8bbf\u95ee\u7684\u9875\u9762\u5df2\u4e22\u5931'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
computed: {
|
||
|
|
/**
|
||
|
|
* 设置图案
|
||
|
|
*/
|
||
|
|
setSrc() {
|
||
|
|
let src = this.typeSrc[this.type];
|
||
|
|
if (this.src) {
|
||
|
|
src = this.src;
|
||
|
|
}
|
||
|
|
return src;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 设置文案
|
||
|
|
*/
|
||
|
|
setText() {
|
||
|
|
let text = this.typeText[this.type];
|
||
|
|
if (this.text) {
|
||
|
|
text = this.text;
|
||
|
|
}
|
||
|
|
return text;
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 设置副文案
|
||
|
|
*/
|
||
|
|
setSubText() {
|
||
|
|
let subText = this.typeSubText[this.type];
|
||
|
|
if (this.subtext) {
|
||
|
|
subText = this.subtext;
|
||
|
|
}
|
||
|
|
return subText;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods:{
|
||
|
|
/**
|
||
|
|
* 普通按钮点击事件
|
||
|
|
*/
|
||
|
|
$_defBtn(e){
|
||
|
|
this.$emit('defBtn', e)
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 警告按钮点击事件
|
||
|
|
*/
|
||
|
|
$_warnBtn(e){
|
||
|
|
this.$emit('warnBtn', e)
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 高亮按钮点击事件
|
||
|
|
*/
|
||
|
|
$_priBtn(e){
|
||
|
|
this.$emit('priBtn', e)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.cmd-result-page {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-direction: column;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
text-align: center;
|
||
|
|
padding: 40upx 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmd-result-page-image {
|
||
|
|
width: 280upx;
|
||
|
|
height: 280upx;
|
||
|
|
margin-bottom: 80upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmd-result-page-text {
|
||
|
|
line-height: 1;
|
||
|
|
color: #111a34;
|
||
|
|
font-size: 36upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmd-result-page-subtext {
|
||
|
|
margin-top: 16upx;
|
||
|
|
color: #858b9c;
|
||
|
|
font-size: 32upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cmd-result-page-buttons {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.cmd-result-page-buttons .button {
|
||
|
|
margin: 10upx;
|
||
|
|
}
|
||
|
|
</style>
|