/**
 * 页面组件
 */
export class WpageCompsBean<T> {
  /**
     *  加密组件Id
     */
    compsId !: string ;

      /**
     *  组件类型   @RichText:1:富文本    @Navi:2:导航  @blank:3:辅助空白 @banner:4:banner条 @related:5:引用  @search:6:搜索  @product:30:商品   @Product_list:31:商品列表  @Product_Group:41:商品分组  @groupon:51:拼团  @showcase:61:橱窗 @title_text:71:标题   @image:200:图片  @text:210:文本  @hot_area:220:热区
     *  @VIEW:100:富页面
     */
      compsType !: string;

      /**
       * 对应compsType的俱体组件的属性对象Json:
       * 1.RichText:1:富文本: {@link WpageCompsRichTextBean}
       * 2.Navi:2:导航: {@link WpageCompsNavigatorBean}
       * 3.blank:3:辅助空白: {@link WpageCompsBlankBean}
       * 4.banner:4:banner条: {@link WpageCompsBannerBean}
       * 5.related:5:引用: {@link WpageBean}
       * 6.Product_list:31:商品列表: {@link WpageCompsProductListBean}
       * 7.showcase:61:橱窗: {@link WpageCompsShowcaseBean}
       * 8.title_text:71:标题: {@link WpageCompsTitleTextBean}
       * 9.Product_Group:41:商品分组 {@link WpageCompsProductGroupBean}
       * 10.Image:200:图片 {@link WpageCompsImageBean}
       * 11.text:210:文本  {@link pwgeCompsTextBean}
       * 12.View:300:富页面 {@link WPageCompsViewBean}
       * 12.hot_area:220:热区 {@link WpageCompsBusiLinkBean}
       */
      compsDetail !: T ;

      /**
     *  组件名
     */
      name : string = '';

      /**
     *  模块标识符 （可以用于前端定位插件位置 ）
     */
      identity : string = '';

      /**
     *  背景颜色
     */
      backgroundColor : string = '' ;

      /**
     *  背景图片
     */
      bgPicKey : string = '';

      /**
     *  背景图片
     */
      bgPicUrl : string = '' ;

      /**
       * x坐标
       */
      x:number = 0;

      /**
       * y坐标
       */
      y:number = 0;

      /**
       * 旋转角度值(0-360)
       */
      transform:number = 0;

      /**
       * 透明度 （值从 1 到 100。值越小，越透明)
       */
      opacity:number = 100;

      /**
     *  高度
     */
      height : string = '';

      /**
       * 组件堆叠顺序(z-index)
       */
      zindex:number = 0;

      /**
     *  宽
     */
      width : string = '';

      /**
     *  页面边距
     */
      margin : number = 0;

      /**
     *  圆角值(单位px,0为直角,8为圆角)
     */
     radius: number = 0;

      /**
     *  是否有边框  （边框宽度）
     */
      border : number = 0;

      /**
       * 边框样式 none:无边框  dotted:点状边框  dashed:虚线  solid:实线 double:双线
       */
      borderStyle : string = '';

      /**
       * 边框颜色
       */
      borderColor : string = '';


      // eslint-disable-next-line no-useless-constructor
      constructor() {
        // this.backgroundColor = '#ffffff'
      }
}