CSS——css 之 scss 变量的使用

dbt@L

已于 2024-01-17 06:16:55 修改

阅读量384

点赞数 9

分类专栏： CSS 文章标签： css

于 2024-01-17 06:16:30 首次发布

本文链接：https://blog.csdn.net/qq_43201350/article/details/135639601

版权

CSS 专栏收录该内容

57 篇文章 1 订阅

订阅专栏

74、CSS——css 之 scss 变量的使用

<template>
  <view class="textOverHid"
    >测试文本测试文本测试文本测试文本测试文本测试文本测试文
    本测试文本测试文本测试文本测试文本测试文本测试文本测试文
    本测试文本测试文本测试文本测试文本测试文本测试文本测试文
    本测试文本测试文本</view
  >
</template>

<style lang="scss" scoped>
.textOverHid {
  @include textOverHid();
}
</style>

uni.scss 文件
$row 表示把块容器中的内容限制为指定的行数可自行配置

@mixin textOverHid($width:100%, $row:2){
max-width: $width;
text-overflow: ellipsis;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: $row;
-webkit-box-orient: vertical;

}