当前位置: 首页 > news >正文

uniapp 在uni.scss 根据@mixin定义方法 、通过@include全局使用

在官方文档中提及到uni.scss中变量的使用,而我想定义方法,这样写css样式更方便

一、官方文档的介绍

根据官方文档我知道,在这面定义的变量全局都可使用。接下来我要在这里定义方法。

二、在uni.scss文件中定义方法

我在uni.scss文件中定义了 flex的简写方法。

@mixin flex-teng($direction, $justify, $align, $wrap) {display: flex;flex-direction: $direction;justify-content: $justify;align-items: $align;flex-wrap: $wrap;
}

 我在文件中使用

.test{@include flex-teng(row, space-between, center, nowrap);padding: 20rpx 0;
}

http://www.lryc.cn/news/188107.html

相关文章:

  • C++ 类和对象(一)
  • rust函数
  • 链表的基本操作
  • Flutter AI五子棋
  • springboot项目中后台文件上传处理
  • 【SQL】MySQL中的存储引擎、事务、锁、日志
  • DRM全解析 —— CRTC详解(2)
  • 3d环形图开发(vue3+vite+ts)
  • element ui中父子组件共用一个el-dialog弹窗,切换组件页面弹窗进行关闭
  • 基于Keil a51汇编 —— Segments, Modules, and Programs
  • 基于Java+SpringBoot+Vue民宿管理系统的设计与实现 前后端分离【Java毕业设计·文档报告·代码讲解·安装调试】
  • 【Qt】三种方式实现抽奖小游戏
  • 【算法与数据结构】--算法基础--算法设计与分析
  • vue部分入门知识点代码示例
  • 【图灵】Spring为什么要用三级缓存解决循环依赖问题
  • bert入门
  • 蓝桥杯基础---切面条
  • Spring Data Redis使用方式
  • HarmonyOS/OpenHarmony原生应用开发-华为Serverless认证服务说明(二)
  • 华为数通方向HCIP-DataCom H12-831题库(多选题:241-259)
  • 深度学习在 NumPy、TensorFlow 和 PyTorch 中实现所有损失函数
  • 超低延时直播技术演进之路-进化篇
  • 相机坐标系之间的转换
  • jvm--对象实例化及直接内存
  • 【数据结构与算法】如何对快速排序进行细节优化以及实现非递归版本的快速排序?
  • 【电商API接口的应用:电商数据分析入门】初识Web API(一)
  • 大运新能源天津车展深度诠释品牌魅力 为都市人群打造理想车型
  • 深入浅出:react高阶成分(HOC)的应用
  • 分库分表(3)——ShardingJDBC实践
  • Xcode 15下,包含个推的项目运行时崩溃的处理办法