<template> <dm-pop-view ref='popView' :isShowTitle="false" :isShowClose="true" :isShowConfirm="true" :maskTapHide='maskTapHide'> <view class="content" > <image v-if="isError" src="../../static/icons/complete_failure.png" mode="" class="img_notice"></image> <image v-else src="../../static/icons/icon_gandanhao.png" mode="" class="img_notice"></image> <view class="time_content">{{title}}</view> <view class="content_desc"> {{desc}} </view> </view> </dm-pop-view> </template> <script> import dmPopView from './dmPopView.vue' let app = getApp(); import { dateFormat, mobileFormat } from "../../static/format.js" export default { props: { maskTapHide: { type: Boolean, default: true }, isError: { type: Boolean, default: true }, confirmStr: { type: String, default: '确认' }, title:String, desc:String }, data() { return { themeColor: null, fuzhuColor: null, themeColor50: null, themeColor25: null, fuzhuColor50: null, } }, mounted() { this.themeColor = app.globalData.themeColor this.themeColor50 = app.globalData.themeColor50 this.themeColor25 = app.globalData.themeColor25 this.fuzhuColor = app.globalData.fuzhuColor this.fuzhuColor50 = app.globalData.fuzhuColor50 }, filters:{ dateFormatFilter(val){ return dateFormat(val) } }, methods: { show() { this.$refs.popView.show() }, knowAction(){ this.$refs.popView.hide() }, confirmAction() { this.$refs.popView.hide() this.$emit('confirmAction') } }, components: { dmPopView } } </script> <style scoped lang="scss"> .content { width: 100%; height: 400rpx; font-family: Verdana; display: flex; flex-direction: column; .img_notice{ width: 59px; height: 59px; margin: 0 auto; margin-top: 120rpx; } .content-des { color: #333333; font-size: 32rpx; font-weight: bold; margin-top: 60rpx; text-align: center; margin-right: 20rpx; } .time_content{ font-size: 16px; font-family: Verdana, Verdana-Bold; font-weight: 700; text-align: center; color: #333333; margin-top: 20rpx; } .content_desc{ font-size: 12px; font-family: Verdana, Verdana-Regular; font-weight: 400; text-align: center; color: #999999; margin-left: 20rpx; margin-right: 20rpx; margin-top: 2rpx; } .goBtn { width: 260rpx; height: 84rpx; border-radius: 42rpx; margin-left: calc((100% - 260rpx) / 2); margin-top: 50rpx; font-size: 32rpx; color: #FFFFFF; line-height: 84rpx; text-align: center; } .knowBtn { width: 260rpx; height: 84rpx; border-radius: 42rpx; margin-left: calc((100% - 260rpx) / 2); margin-top: 20rpx; color: #666666; font-size: 32rpx; line-height: 84rpx; text-align: center; } } </style>