就业数据省略号样式

zhangxiaoxu123456

2022-04-25 82997f69728d163157a80360689874bddf16b26f

就业数据省略号样式

 src/assets/css/mixin.scss

@@ -3,3 +3,9 @@
   touch-action: pan-y;
   -webkit-overflow-scrolling: touch;
}

@mixin ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

 src/pages/show/index/index.vue

@@ -197,7 +197,16 @@
            <div class="shuju-scroll">
              <div class="shuju-table-line2" v-for="(item,index) in LabourTable" :key="index">
                <div class="biao-title">
                  <el-tooltip placement="top">
                    <div slot="content">
                  <h1>{{ item.dataType | dataFilter }}</h1>
                    </div>
                    <template>
                      <div class="content">
                        <h1>{{ item.dataType | dataFilter }}</h1>
                      </div>
                    </template>
                  </el-tooltip>
                </div>
                <div class="title-flex">
                  <div class="title">
@@ -1539,17 +1548,19 @@
          display: flex;

          .biao-title {
            width: 1.328125rem /* 340/256 */
              width: 0.859375rem /* 220/256 */
          ;
          }

          .title-flex {
            width: 100%;
              width: calc(100% - 0.859375rem);
            display: flex;
          }

          .title {
            flex: 1;
              display: flex;
              align-items: center;

            h1 {
              font-size: $fontSize-26;
@@ -1578,6 +1589,8 @@

          .title {
            flex: 1;
              display: flex;
              align-items: center;

            h1 {
              font-size: $fontSize-26;
@@ -1592,12 +1605,12 @@
          }

          .title-flex {
            width: 100%;
              width: calc(100% - 0.859375rem);
            display: flex;
          }

          .biao-title {
            width: 1.328125rem /* 340/256 */
              width: 0.859375rem  /* 220/256 */
          ;

            h1 {
@@ -1605,6 +1618,7 @@
              color: $color-white;
              text-align: right;
              line-height: 1.5;
                @include ellipsis()
            }

            .fontColor {