文本溢出和居中

src/common/stylus/listitem.styl

        color:$mainFont
      .info-tag
        color:$secondaryFont
        text-ellipsis(1,26px)
        text-ellipsis()
        line-height:26px
      .info-desc
        color:$secondaryFont
        text-ellipsis(3,20px)
        text-ellipsis-n(3,20px)
    &.org-item
      height:200px
      justify-content:center
      text-align:center
      .item-block-org
        width:306px
        display:flex
        flex-direction: column
        align-items: center
        overflow: hidden
        .item-pic-org
          center-items()
          background-size:cover
          margin:auto
        .item-text-org
          margin-top:6px
          line-height:30px
          display: flex
          flex-direction: column
          justify-content: center
          .item-tit-org
            display:flex
            justify-content: center
              text-ellipsis()
          .item-tag-org
            color:$secondaryFont
            text-ellipsis(1,20px)
            text-ellipsis()
            line-height:20px
/*home--cmp、expert*/
/*list--图文*/
  &:last-child
    border-none()
  .list-head
    center-items()
    center-items(162px,108px)
  .list-info
    flex: 1 1 180px
    flex: 1 1 170px
    padding-left:15px
    .list-tit
      color:$mainFont
      font-size:18px
      text-ellipsis(2,26px)
      text-ellipsis-n(2,26px)
      &.list-topic
        text-ellipsis(1,26px)
        text-ellipsis()
        line-height:26px
    .list-tag
      margin-top:10px
      color:$secondaryFont
      color:$commonFont
      line-height:30px
    .list-desc
      text-ellipsis(2,20px)
      text-ellipsis-n(2,20px)
      color:$commonFont
/*list*/

src/common/stylus/mixin.styl

/*border-about e*/
/*text-about s*/
text-ellipsis($n = 1,$lineH = 30px)
text-ellipsis()
  line-height: 30px
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden
text-ellipsis-n($n = 1,$lineH = 30px)
  display: -webkit-box
  line-height: $lineH
  max-height: $lineH*$n

src/components/bench-views/abutmentService/ButtService.vue

          height: 30px
        .headerTag
          li
            text-ellipsis(1)
            text-ellipsis()
</style>

src/components/bench-views/demandSearch/DemandSearch.vue

          height: 30px
        .list-tagl
          li
            text-ellipsis(2)
            text-ellipsis-n(2)
            color: $commonFont
        .list-tagy
          li

src/components/main-views/ViewHome.vue

      this.findServiceSwiper = new Swiper(this.$refs.findService, {
        slidesPerView: 4.8,
        loopedSlides: 20,
        loop: true,
        spaceBetween: 20,
        autoplay: {
          disableOnInteraction: false
        },
        navigation: {
          nextEl: this.$refs.nextService,
          prevEl: this.$refs.prevService
      this.findResourceSwiper = new Swiper(this.$refs.findResource, {
        slidesPerView: 4.8,
        spaceBetween: 20,
        loopedSlides: 20,
        loop: true,
        autoplay: {
          disableOnInteraction: false
        },
        navigation: {
          nextEl: this.$refs.nextResource,
          prevEl: this.$refs.prevResource
        width:280px
        height:420px
        .content
          text-ellipsis(12,28px)
          text-ellipsis-n(12,28px)
      .full-wrapper
        width:100%
        .swiper-container:hover
              text-align:center
              text-ellipsis()
            .title
              color:$mainFont
              text-ellipsis()
            .desc
              margin-top:3px
              text-ellipsis(2,20px)
              color:$commonFont
              text-ellipsis-n(2,20px)
            .owner
              margin-top:10px
              color:$secondaryFont
              text-ellipsis()
    .tip-show