sass @mixin 这样使用为啥出不来效果？？求大神帮忙

Posted 2023-05-04

@mixin rounded($property,$val)
#$property:$val;
-moz-#$property:$val;
-webkit-#$property:$val;
-o-#$property:$val;
-ms-#$property:$val;

这样定义
@include rounded(border-radius,30px);

这是调用
-moz-30px: 30px;
-webkit-30px: 30px;
-o-30px: 30px;
-ms-30px: 30px;
这是编译后出现的结果~~为什么会是这样的啊？

参考技术A

初学者也不是很懂，不过你想要的还是出来了：

@mixin rounded($property,$val)
#$property:$val;
-moz-#$property:$val;
-webkit-#$property:$val;
-o-#$property:$val;
-ms-#$property:$val;

/*需要另外的样式来引用它*/
.A
  @include rounded(border-radius,30px);


/*结果*/
.A 
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px; 
 

参考技术B 最好不要把属性改为$变量

tooltip-effect为啥效果出不来

参考技术A

解决方法和原因如下：

el-table 标签上 加 tooltip-effect="light" ；//也可以用tooltip-effect="dark" 。

el-table-column标签上 加 show-overflow-tooltip。

省略的内容会在 hover 时以 tooltip 的形式显示出来。

相关简介

C#是由C和C++衍生出来的一种安全的、稳定的、简单的、优雅的面向对象编程语言。它在继承C和C++强大功能的同时去掉了一些它们的复杂特性（例如没有宏以及不允许多重继承）。

C#综合了VB简单的可视化操作和C++的高运行效率，以其强大的操作能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的支持成为.NET开发的首选语言。