index.wxs 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. var pxCheck = require('../wxs/pxCheck.wxs');
  2. var style = require('../wxs/style.wxs');
  3. function baseStyle(data){
  4. var styled = {
  5. width: 100 / data.columnNum+'%'
  6. };
  7. if (data.square) {
  8. styled.paddingTop = 100 / data.columnNum+'%';
  9. } else if (data.gutter) {
  10. styled.paddingRight = pxCheck(data.gutter);
  11. if (data.index >= data.columnNum) {
  12. styled.marginTop = pxCheck(data.gutter);
  13. }
  14. }
  15. return style([styled])
  16. }
  17. function contentClass(parent) {
  18. var prefixCls = 'nut-grid-item__content'
  19. var defaultClassesObj = [prefixCls]
  20. if(parent.border) defaultClassesObj.push(prefixCls+'--border')
  21. if(parent.border && parent.gutter) defaultClassesObj.push(prefixCls+'--surround')
  22. if(parent.center) defaultClassesObj.push(prefixCls+'--center')
  23. if(parent.square) defaultClassesObj.push(prefixCls+'--square')
  24. if(parent.reverse) defaultClassesObj.push(prefixCls+'--reverse')
  25. if(!!parent.direction) defaultClassesObj.push(prefixCls+'--'+parent.direction)
  26. if(parent.clickable) defaultClassesObj.push(prefixCls+'--clickable')
  27. return defaultClassesObj.join(' ');
  28. }
  29. module.exports = {
  30. contentClass:contentClass,
  31. baseStyle:baseStyle
  32. };