@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
119 lines (118 loc) • 1.35 kB
JavaScript
const rowProps = {
/**
* 是否为inline-flex
*/
inline: {
type: Boolean
},
/**
* 同 align-items
*/
align: {
type: String
},
/**
* 同 justify-content
*/
justify: {
type: String
},
/**
* flex-wrap
*/
wrap: {
type: String,
default: "wrap"
},
/**
* flex-direction
*/
direction: {
type: String
},
/**
* gapX
*/
gap: {
type: String
},
/**
* gapX
*/
gapX: {
type: String
},
/**
* gapY
*/
gapY: {
type: String
},
/**
* @media (max-width: 1440px)
*/
laptop: {
type: Object
},
/**
* @media (max-width: 1200px)
*/
pad: {
type: Object
},
/**
* @media (max-width: 840px)
*/
padV: {
type: Object
},
/**
* @media (max-width: 600px)
*/
phone: {
type: Object
}
};
const colProps = {
/**
* flex-grow
*/
flex: {
type: String,
default: "1 0 auto"
},
/**
* 同 align-self
*/
align: {
type: String
},
/**
* @media (max-width: 1440px)
*/
laptop: {
type: Object
},
/**
* @media (max-width: 1200px)
*/
pad: {
type: Object
},
/**
* @media (max-width: 840px)
*/
padV: {
type: Object
},
/**
* @media (max-width: 600px)
*/
phone: {
type: Object
}
};
export {
colProps,
rowProps
};