@imgSrc: '@/assets/images/mobileConfig/WorkDesign';
.designer {
  width: 100%;
  height: 100%;
  .top {
    width: 100%;
    height: 40px;
    background: white;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    .top-left {
      display: flex;
      .l-icon {
        width: 25px;
        height: 29px;
        background: url('@{imgSrc}/工作台图标.png');
        background-size: 100% 100%;
      }
      .l-text {
        font-size: 19px;
        color: black;
        font-weight: 700;
        padding-left: 7px;
      }
    }
    .top-right {
      .saveDesgin {
        position: relative;
        top: 2px;
        left: -6px;
        display: inline-block;
        width: 16px;
        height: 15px;
        background: url('@{imgSrc}/发布.png');
        background-size: 100% 100%;
      }
      .goBack {
        position: relative;
        top: 2px;
        left: -6px;
        display: inline-block;
        width: 8px;
        height: 14px;
        background: url('@{imgSrc}/返回.png');
        background-size: 100% 100%;
      }
    }
  }
  .bottom {
    width: 100%;
    height: calc(100% - 40px);
    padding: 10px;
    .b-content {
      display: flex;
      width: 100%;
      height: 100%;
    }
  }
}