54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../../common/vendor.js");
|
|
const sheep_index = require("../../index.js");
|
|
const _sfc_main = {
|
|
__name: "s-block",
|
|
props: {
|
|
styles: {
|
|
type: Object,
|
|
default() {
|
|
}
|
|
}
|
|
},
|
|
setup(__props) {
|
|
const props = __props;
|
|
const elBackground = common_vendor.computed(() => {
|
|
if (props.styles) {
|
|
if (props.styles.bgType === "color")
|
|
return { background: props.styles.bgColor };
|
|
if (props.styles.bgType === "img")
|
|
return {
|
|
background: `url(${sheep_index.sheep.$url.cdn(props.styles.bgImage)}) no-repeat top center / 100% auto`
|
|
};
|
|
}
|
|
});
|
|
const elStyles = common_vendor.computed(() => {
|
|
if (props.styles) {
|
|
return {
|
|
marginTop: `${props.styles.marginTop || 0}px`,
|
|
marginBottom: `${props.styles.marginBottom || 0}px`,
|
|
marginLeft: `${props.styles.marginLeft || 0}px`,
|
|
marginRight: `${props.styles.marginRight || 0}px`,
|
|
paddingTop: `${props.styles.paddingTop || 0}px`,
|
|
paddingRight: `${props.styles.paddingRight || 0}px`,
|
|
paddingBottom: `${props.styles.paddingBottom || 0}px`,
|
|
paddingLeft: `${props.styles.paddingLeft || 0}px`,
|
|
borderTopLeftRadius: `${props.styles.borderTopLeftRadius || 0}px`,
|
|
borderTopRightRadius: `${props.styles.borderTopRightRadius || 0}px`,
|
|
borderBottomRightRadius: `${props.styles.borderBottomRightRadius || 0}px`,
|
|
borderBottomLeftRadius: `${props.styles.borderBottomLeftRadius || 0}px`,
|
|
overflow: "hidden"
|
|
};
|
|
}
|
|
});
|
|
return (_ctx, _cache) => {
|
|
return {
|
|
a: common_vendor.s(elStyles.value),
|
|
b: common_vendor.s(elBackground.value)
|
|
};
|
|
};
|
|
}
|
|
};
|
|
wx.createComponent(_sfc_main);
|
|
//# sourceMappingURL=s-block.js.map
|