css JF Griffing - 移动设备2平铺布局

Posted 2021-05-13

Callbacks.prototype.onCalculateDimensions = function (tile) {
     var $tile = $(tile),
          $wrap = ($tile.hasClass('text')) ? $tile.find('.tile-caption-wrap') : $tile.find('.tile-image-wrap'),
          tileWidth = $tile.width();
          tileheight = $tile.height();
    
     $tile.find('.tile-content').height(tileWidth);
     $tile.find('.tile-image-wrapper').height(tileWidth);
     $tile.find('.tile-video-wrapper').height(tileWidth);
    
     // Dobule Columns
     if ($tile.hasClass('contains-tag-doublecolumnspan')) {
          totalDoubleColumn += 1;
          $tile.width(tileWidth * 2);
          $wrap.height(tileWidth);    
     } else {
          $tile.height(tileWidth);
          $wrap.height(tileWidth);
     }
};

Callbacks.prototype.onCompleteJsonToHtml = function (tileObject, t) {
	tileObject.find('.tile-belt').remove();
   
	return tileObject;
};

 // Avatar
  &-avatar-wrapper {
    display:none;
  }
  &-avatar-link {

  }
  &-avatar-placeholder {

  }
  &-avatar-image {
		
  }

Callbacks.prototype.onBeforeRenderIsotope = function(containerWidth, maxTileWidth, margin, numColumns, currentTileWidth) {
    var columns = 2;
    if (containerWidth < 767) {
          if(containerWidth <= 400)
               columns = 2;
     } else if(containerWidth <= 1024) {
          columns = 3;
     } else {    
          columns = 4;
    }
     window.displayColumns = columns;
     return {
          tileWidth: Math.floor(((containerWidth - margin) / columns) - margin),
          numColumns: columns
     };
};

Callbacks.prototype.onCompleteJsonToHtml = function (tileObject, t) {

	var heart = $('<i class="stackla-icon-vote"></i>');
	
	tileObject.find('.fs-thumbs-up').remove();
	heart.appendTo(tileObject.find('.tile-interaction-like .tile-interaction-link'));

return tileObject;
};

.fs-triangle-up:before {
  content: "\f18f"
}