You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.1 KiB
66 lines
1.1 KiB
<template>
|
|
<view class="alertTips">
|
|
<u-alert-tips :type="type" :title="title" :show-icon="showIcon" :description="description"
|
|
:close-able="closable" :close-text="closeText" @close="show=false" :show="show" :title-style="titleStyle"
|
|
:desc-style="descStyle"></u-alert-tips>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: {
|
|
type: {
|
|
type: String,
|
|
default: 'success'
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: '这是一个提示'
|
|
},
|
|
tagIcon: {
|
|
type: String,
|
|
default: 'icon-ym icon-ym-generator-alert'
|
|
},
|
|
showIcon: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
closable: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
description: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
closeText: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
show: true,
|
|
titleStyle: {
|
|
'word-break': 'break-all',
|
|
'line-height': '34rpx'
|
|
},
|
|
descStyle: {
|
|
'word-break': 'break-all',
|
|
'line-height': '40rpx',
|
|
},
|
|
key: +new Date()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.alertTips {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
|
|
.u-alert-tips {
|
|
min-height: 70rpx;
|
|
}
|
|
}
|
|
</style> |