taro-多文本換行省略號不生效-解決辦法

.pro-name {
     @include multi-text-overflow-ellipsis(2);
 }

@mixin multi-text-overflow-ellipsis($line-to-show-number: 2) {
    display: -webkit-box;
    -webkit-line-clamp: $line-to-show-number;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

在開發過程中 發現代碼不生效 查到在taro2以上需要添加
/* ！autoprefixer: off /
/ autoprefixer: on */
不然會自動過濾 -webkit-box-orient: vertical;屬性

@mixin multi-text-overflow-ellipsis($line-to-show-number: 2) {
    display: -webkit-box;
    -webkit-line-clamp: $line-to-show-number;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
}

模擬器中看效果生效了 於是發佈小程序給測試人員，結果得到反饋商品名稱全部出來了。 於是build項目查看果然又被再次過濾了，到處查
最後。。。。。解決辦法就是加了在/* autoprefixer: off */前加了個感嘆號
成功解決！！！！

以下爲最終代碼，不要嫌棄人家囉嗦啦，嘻嘻～ 只是感覺真的很坑

@mixin multi-text-overflow-ellipsis($line-to-show-number: 2) {
    display: -webkit-box;
    -webkit-line-clamp: $line-to-show-number;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    overflow: hidden;
    text-overflow: ellipsis;
}