@cqmcui/cqmcui
Version:
轻量级移动端 Vue2、Vue3 组件库(支持小程序开发)
53 lines (52 loc) • 1.42 kB
JavaScript
import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
import { c as createComponent } from "./component-81a4c1d0.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
import "../locale/lang";
const { componentName, create } = createComponent("col");
const _sfc_main = create({
props: {
span: {
type: [String, Number],
default: "24"
},
offset: {
type: [String, Number],
default: "0"
}
},
emits: [],
setup(props) {
const prefixCls = componentName;
const gutter = inject("gutter");
const classes = computed(() => {
return {
[prefixCls]: true,
[prefixCls + "-gutter"]: gutter,
["cqmc-col-" + props.span]: true,
["cqmc-col-offset-" + props.offset]: true
};
});
const style = computed(() => {
return {
paddingLeft: gutter / 2 + "px",
paddingRight: gutter / 2 + "px"
};
});
return {
classes,
style
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("view", {
class: normalizeClass(_ctx.classes),
style: normalizeStyle(_ctx.style)
}, [
renderSlot(_ctx.$slots, "default")
], 6);
}
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
index as default
};