first commit
This commit is contained in:
27
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/props.js
vendored
Normal file
27
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/props.js
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const props = {
|
||||
props: {
|
||||
// 是否显示遮罩
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.overlay.show
|
||||
},
|
||||
// 层级z-index
|
||||
zIndex: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.overlay.zIndex
|
||||
},
|
||||
// 遮罩的过渡时间,单位为ms
|
||||
duration: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.overlay.duration
|
||||
},
|
||||
// 不透明度值,当做rgba的第四个参数
|
||||
opacity: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.overlay.opacity
|
||||
}
|
||||
}
|
||||
};
|
||||
exports.props = props;
|
||||
24
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.acss
vendored
Normal file
24
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.acss
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
.u-empty.data-v-9112bed9,
|
||||
.u-empty__wrap.data-v-9112bed9,
|
||||
.u-tabs.data-v-9112bed9,
|
||||
.u-tabs__wrapper.data-v-9112bed9,
|
||||
.u-tabs__wrapper__scroll-view-wrapper.data-v-9112bed9,
|
||||
.u-tabs__wrapper__scroll-view.data-v-9112bed9,
|
||||
.u-tabs__wrapper__nav.data-v-9112bed9,
|
||||
.u-tabs__wrapper__nav__line.data-v-9112bed9 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-overlay.data-v-9112bed9 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
1
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.axml
vendored
Normal file
1
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.axml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<u-transition class="data-v-9112bed9" u-s="{{['d']}}" onClick="{{a}}" u-i="9112bed9-0" onVI="__l" u-p="{{b}}"><slot/></u-transition>
|
||||
51
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.js
vendored
Normal file
51
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.js
vendored
Normal file
@@ -0,0 +1,51 @@
|
||||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uOverlay_props = require("./props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "u-overlay",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uOverlay_props.props],
|
||||
computed: {
|
||||
overlayStyle() {
|
||||
const style = {
|
||||
position: "fixed",
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
zIndex: this.zIndex,
|
||||
bottom: 0,
|
||||
"background-color": `rgba(0, 0, 0, ${this.opacity})`
|
||||
};
|
||||
return uni_modules_uviewPlus_libs_function_index.deepMerge(style, uni_modules_uviewPlus_libs_function_index.addStyle(this.customStyle));
|
||||
}
|
||||
},
|
||||
emits: ["click"],
|
||||
methods: {
|
||||
clickHandler() {
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_u_transition2 = common_vendor.resolveComponent("u-transition");
|
||||
_easycom_u_transition2();
|
||||
}
|
||||
const _easycom_u_transition = () => "../u-transition/u-transition.js";
|
||||
if (!Math) {
|
||||
_easycom_u_transition();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o($options.clickHandler),
|
||||
b: common_vendor.p({
|
||||
show: _ctx.show,
|
||||
["custom-class"]: "u-overlay",
|
||||
duration: _ctx.duration,
|
||||
["custom-style"]: $options.overlayStyle
|
||||
})
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9112bed9"]]);
|
||||
my.createComponent(Component);
|
||||
7
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.json
vendored
Normal file
7
unpackage/dist/dev/mp-alipay/uni_modules/uview-plus/components/u-overlay/u-overlay.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"styleIsolation": "apply-shared",
|
||||
"usingComponents": {
|
||||
"u-transition": "../u-transition/u-transition"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user