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

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

一、官方文档的介绍

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

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

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

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

我在文件中使用

css 复制代码
.test{
		@include flex-teng(row, space-between, center, nowrap);
		padding: 20rpx 0;
}
相关推荐
search717 小时前
前端设计:CRG 3--CDC error
前端
治金的blog17 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大18 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶19 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll19 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im20 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜20 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
GISer_Jing21 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路1 天前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化
AGMTI1 天前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript