uview-plus组件库全面升级更新,订单结算判断支付方式是否可用代码调整,公众号关注二维码修改

This commit is contained in:
2025-10-21 10:44:31 +08:00
parent 5d98b7efc2
commit 5f3a307fec
395 changed files with 31264 additions and 2477 deletions

View File

@@ -7,14 +7,15 @@
* @lastTime : 2021-08-20 17:15:59
* @FilePath : /u-view2.0/uview-ui/libs/config/props/modal.js
*/
import { t } from '../../libs/i18n'
export default {
// modal 组件
modal: {
show: false,
title: '',
content: '',
confirmText: '确认',
cancelText: '取消',
confirmText: t("up.common.confirm"),
cancelText: t("up.common.cancel"),
showConfirmButton: true,
showCancelButton: false,
confirmColor: '#2979ff',
@@ -26,6 +27,10 @@ export default {
negativeTop: 0,
width: '650rpx',
confirmButtonShape: '',
contentTextAlign: 'left'
duration: 400,
contentTextAlign: 'left',
asyncCloseTip: t("up.common.inOperatio") + '...',
asyncCancelClose: false,
contentStyle: {}
}
}

View File

@@ -82,10 +82,30 @@ export const props = defineMixin({
type: String,
default: () => defProps.modal.confirmButtonShape
},
// 弹窗动画过度时间
duration: {
type: [Number],
default: defProps.modal.duration
},
// 文案对齐方式
contentTextAlign: {
type: String,
default: () => defProps.modal.contentTextAlign
},
// 异步确定时如果点击了取消时候的提示文案
asyncCloseTip: {
type: String,
default: () => defProps.modal.asyncCloseTip
},
// 是否异步关闭,只对取消按钮有效
asyncCancelClose: {
type: Boolean,
default: () => defProps.modal.asyncCancelClose
},
// 内容样式
contentStyle: {
type: Object,
default: () => defProps.modal.contentStyle
}
}
})

View File

@@ -11,7 +11,7 @@
}"
:closeOnClickOverlay="closeOnClickOverlay"
:safeAreaInsetBottom="false"
:duration="400"
:duration="duration"
@click="clickHandler"
>
<view
@@ -26,9 +26,7 @@
>{{ title }}</view>
<view
class="u-modal__content"
:style="{
paddingTop: `${title ? 12 : 25}px`
}"
:style="contentStyleCpu"
>
<slot>
<text class="u-modal__content__text" :style="{textAlign: contentTextAlign}">
@@ -89,6 +87,9 @@
</view>
</template>
</view>
<template #bottom>
<slot name="popupBottom"></slot>
</template>
</u-popup>
</template>
@@ -117,6 +118,7 @@
* @property {String | Number} negativeTop 往上偏移的值给一个负的margin-top往上偏移避免和键盘重合的情况单位任意数值则默认为px单位 (默认 0
* @property {String | Number} width modal宽度不支持百分比可以数值pxrpx单位 (默认 '650rpx'
* @property {String} confirmButtonShape 确认按钮的样式,如设置,将不会显示取消按钮
* @property {Number} duration 弹窗动画过度时间 (默认 400
* @event {Function} confirm 点击确认按钮时触发
* @event {Function} cancel 点击取消按钮时触发
* @event {Function} close 点击遮罩关闭出发closeOnClickOverlay为true有效
@@ -137,7 +139,14 @@
if (n && this.loading) this.loading = false
}
},
emits: ["confirm", "cancel", "close", "update:show"],
emits: ["confirm", "cancel", "close", "update:show", 'cancelOnAsync'],
computed: {
contentStyleCpu() {
let style = this.contentStyle;
style.paddingTop = `${this.title ? 12 : 25}px`
return style;
}
},
methods: {
addUnit,
// 点击确定按钮
@@ -152,7 +161,21 @@
},
// 点击取消按钮
cancelHandler() {
this.$emit('update:show', false)
// 如果点击了确定按钮,确定按钮正在请求接口执行异步操作,那么限制不能取消。
if (this.asyncClose && this.loading) {
if (this.asyncCloseTip) {
uni.showToast({
title: this.asyncCloseTip,
icon: 'none'
});
}
this.$emit('cancelOnAsync')
} else {
// 如果配置了取消时异步关闭
if (!this.asyncCancelClose) {
this.$emit('update:show', false)
}
}
this.$emit('cancel')
},
// 点击遮罩
@@ -171,7 +194,6 @@
</script>
<style lang="scss" scoped>
@import "../../libs/css/components.scss";
$u-modal-border-radius: 6px;
.u-modal {