From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期六, 21 十二月 2024 18:44:20 +0800 Subject: [PATCH] 新建盐城德森项目 --- uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue | 286 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 143 insertions(+), 143 deletions(-) diff --git a/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue b/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue index 91370a8..7f27a1e 100644 --- a/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue +++ b/uni_modules/uni-popup/components/uni-popup-message/uni-popup-message.vue @@ -1,143 +1,143 @@ -<template> - <view class="uni-popup-message"> - <view class="uni-popup-message__box fixforpc-width" :class="'uni-popup__'+type"> - <slot> - <text class="uni-popup-message-text" :class="'uni-popup__'+type+'-text'">{{message}}</text> - </slot> - </view> - </view> -</template> - -<script> - import popup from '../uni-popup/popup.js' - /** - * PopUp 寮瑰嚭灞�-娑堟伅鎻愮ず - * @description 寮瑰嚭灞�-娑堟伅鎻愮ず - * @tutorial https://ext.dcloud.net.cn/plugin?id=329 - * @property {String} type = [success|warning|info|error] 涓婚鏍峰紡 - * @value success 鎴愬姛 - * @value warning 鎻愮ず - * @value info 娑堟伅 - * @value error 閿欒 - * @property {String} message 娑堟伅鎻愮ず鏂囧瓧 - * @property {String} duration 鏄剧ず鏃堕棿锛岃缃负 0 鍒欎笉浼氳嚜鍔ㄥ叧闂� - */ - - export default { - name: 'uniPopupMessage', - mixins:[popup], - props: { - /** - * 涓婚 success/warning/info/error 榛樿 success - */ - type: { - type: String, - default: 'success' - }, - /** - * 娑堟伅鏂囧瓧 - */ - message: { - type: String, - default: '' - }, - /** - * 鏄剧ず鏃堕棿锛岃缃负 0 鍒欎笉浼氳嚜鍔ㄥ叧闂� - */ - duration: { - type: Number, - default: 3000 - }, - maskShow:{ - type:Boolean, - default:false - } - }, - data() { - return {} - }, - created() { - this.popup.maskShow = this.maskShow - this.popup.messageChild = this - }, - methods: { - timerClose(){ - if(this.duration === 0) return - clearTimeout(this.timer) - this.timer = setTimeout(()=>{ - this.popup.close() - },this.duration) - } - } - } -</script> -<style lang="scss" > - .uni-popup-message { - /* #ifndef APP-NVUE */ - display: flex; - /* #endif */ - flex-direction: row; - justify-content: center; - } - - .uni-popup-message__box { - background-color: #e1f3d8; - padding: 10px 15px; - border-color: #eee; - border-style: solid; - border-width: 1px; - flex: 1; - } - - @media screen and (min-width: 500px) { - .fixforpc-width { - margin-top: 20px; - border-radius: 4px; - flex: none; - min-width: 380px; - /* #ifndef APP-NVUE */ - max-width: 50%; - /* #endif */ - /* #ifdef APP-NVUE */ - max-width: 500px; - /* #endif */ - } - } - - .uni-popup-message-text { - font-size: 14px; - padding: 0; - } - - .uni-popup__success { - background-color: #e1f3d8; - } - - .uni-popup__success-text { - color: #67C23A; - } - - .uni-popup__warn { - background-color: #faecd8; - } - - .uni-popup__warn-text { - color: #E6A23C; - } - - .uni-popup__error { - background-color: #fde2e2; - } - - .uni-popup__error-text { - color: #F56C6C; - } - - .uni-popup__info { - background-color: #F2F6FC; - } - - .uni-popup__info-text { - color: #909399; - } -</style> +<template> + <view class="uni-popup-message"> + <view class="uni-popup-message__box fixforpc-width" :class="'uni-popup__'+type"> + <slot> + <text class="uni-popup-message-text" :class="'uni-popup__'+type+'-text'">{{message}}</text> + </slot> + </view> + </view> +</template> + +<script> + import popup from '../uni-popup/popup.js' + /** + * PopUp 寮瑰嚭灞�-娑堟伅鎻愮ず + * @description 寮瑰嚭灞�-娑堟伅鎻愮ず + * @tutorial https://ext.dcloud.net.cn/plugin?id=329 + * @property {String} type = [success|warning|info|error] 涓婚鏍峰紡 + * @value success 鎴愬姛 + * @value warning 鎻愮ず + * @value info 娑堟伅 + * @value error 閿欒 + * @property {String} message 娑堟伅鎻愮ず鏂囧瓧 + * @property {String} duration 鏄剧ず鏃堕棿锛岃缃负 0 鍒欎笉浼氳嚜鍔ㄥ叧闂� + */ + + export default { + name: 'uniPopupMessage', + mixins:[popup], + props: { + /** + * 涓婚 success/warning/info/error 榛樿 success + */ + type: { + type: String, + default: 'success' + }, + /** + * 娑堟伅鏂囧瓧 + */ + message: { + type: String, + default: '' + }, + /** + * 鏄剧ず鏃堕棿锛岃缃负 0 鍒欎笉浼氳嚜鍔ㄥ叧闂� + */ + duration: { + type: Number, + default: 3000 + }, + maskShow:{ + type:Boolean, + default:false + } + }, + data() { + return {} + }, + created() { + this.popup.maskShow = this.maskShow + this.popup.messageChild = this + }, + methods: { + timerClose(){ + if(this.duration === 0) return + clearTimeout(this.timer) + this.timer = setTimeout(()=>{ + this.popup.close() + },this.duration) + } + } + } +</script> +<style lang="scss" > + .uni-popup-message { + /* #ifndef APP-NVUE */ + display: flex; + /* #endif */ + flex-direction: row; + justify-content: center; + } + + .uni-popup-message__box { + background-color: #e1f3d8; + padding: 10px 15px; + border-color: #eee; + border-style: solid; + border-width: 1px; + flex: 1; + } + + @media screen and (min-width: 500px) { + .fixforpc-width { + margin-top: 20px; + border-radius: 4px; + flex: none; + min-width: 380px; + /* #ifndef APP-NVUE */ + max-width: 50%; + /* #endif */ + /* #ifdef APP-NVUE */ + max-width: 500px; + /* #endif */ + } + } + + .uni-popup-message-text { + font-size: 14px; + padding: 0; + } + + .uni-popup__success { + background-color: #e1f3d8; + } + + .uni-popup__success-text { + color: #67C23A; + } + + .uni-popup__warn { + background-color: #faecd8; + } + + .uni-popup__warn-text { + color: #E6A23C; + } + + .uni-popup__error { + background-color: #fde2e2; + } + + .uni-popup__error-text { + color: #F56C6C; + } + + .uni-popup__info { + background-color: #F2F6FC; + } + + .uni-popup__info-text { + color: #909399; + } +</style> -- Gitblit v1.9.1