2025/2/8第一次更新

src/components/firstui/fui-css/base/common.scss

@@ -0,0 +1,72 @@
+/*!
+ * common v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+/* ipx 底部安全区域 */
+.fs-safe__area{
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	padding-bottom: 34px;
+	/* #endif */
+	
+	/* #ifndef APP-NVUE || MP-TOUTIAO */
+	padding-bottom: constant(safe-area-inset-bottom);
+	padding-bottom: env(safe-area-inset-bottom);
+	/* #endif */
+}
+
+/* hover */
+.fs-hover,
+.fs-text__hover{
+	/* #ifdef H5 */
+	cursor: pointer;
+	/* #endif */
+}
+
+.fs-hover:active{
+	background: $fv-bg-color-hover;
+}
+
+.fs-text__hover:active{
+	opacity: .5;
+}
+
+.fs-full{
+	/* #ifndef APP-NVUE */
+	width: 100%;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	width: 750rpx;
+	/* #endif */
+}
+
+.fs-disabled{
+	opacity: $fv-opacity-disabled;
+	/* #ifdef H5 */
+	cursor: not-allowed;
+	/* #endif */
+}
+
+/* thin 细边线 0.5px*/
+.fs-cell__thin{
+	position: relative;
+	/* #ifdef APP-NVUE */
+	border-bottom: 0.5px solid $fv-color-border;
+	/* #endif */
+}
+
+/* #ifndef APP-NVUE */
+.fs-cell__thin::after{
+	content: ' ';
+	position: absolute;
+	border-bottom: 1px solid $fv-color-border;
+	-webkit-transform: scaleY(0.5);
+	transform: scaleY(0.5);
+	bottom: 0;
+	left: 32rpx;
+	right: 0;
+	z-index: 1;
+	pointer-events: none;
+}
+/* #endif */

src/components/firstui/fui-css/firstui.scss

@@ -0,0 +1,42 @@
+/*!
+ * firstui style v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+@import './variables/index.scss';
+
+/* common */
+@import './base/common.scss';
+
+/* color */
+@import './widget/color.scss';
+
+/* font-size */
+@import './widget/size.scss';
+
+/* font-weight */
+@import './widget/weight.scss';
+
+/* align */
+@import './widget/align.scss';
+
+/* margin */
+@import './widget/margin.scss';
+
+/* padding */
+@import './widget/padding.scss';
+
+/* border */
+@import './widget/border.scss';
+
+/* border-radius */
+@import './widget/radius.scss';
+
+/* position */
+@import './widget/position.scss';
+
+/* flexbox */
+@import './widget/flexbox.scss';
+
+/* hide */
+@import './widget/hide.scss';

src/components/firstui/fui-css/variables/index.scss

@@ -0,0 +1,66 @@
+/* fui-variables  */
+/* 行为相关颜色 */
+$fv-color-primary: #465CFF !default;
+$fv-color-success: #09BE4F !default;
+$fv-color-warning: #FFB703 !default;
+$fv-color-danger: #FF2B2B !default;
+$fv-color-purple: #6831FF !default;
+
+/* 文字基本颜色、其他辅助色 */
+/* 用于重量级文字信息、标题 */
+$fv-color-title: #181818 !default;
+/* 用于普通级段落信息、引导词 */
+$fv-color-section: #333333 !default;
+/* 用于次要标题内容 */
+$fv-color-subtitle: #7F7F7F !default;
+/* 用于底部标签、描述、次要文字信息 */
+$fv-color-label: #B2B2B2 !default;
+/* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
+$fv-color-minor: #CCCCCC !default;
+$fv-color-white: #FFFFFF !default;
+/* 链接颜色 */
+$fv-color-link: #465CFF !default;
+
+
+/* 背景颜色 */
+$fv-bg-color: #ffffff !default;
+/* 页面背景底色 */
+$fv-bg-color-grey: #F1F4FA !default;
+/* 内容模块底色 */
+$fv-bg-color-content: #F8F8F8 !default;
+/* 点击背景色 */
+$fv-bg-color-hover: rgba(0, 0, 0, 0.2) !default;
+/* 遮罩颜色 */
+$fv-bg-color-mask: rgba(0, 0, 0, 0.6) !default;
+
+
+/* 边框颜色 */
+$fv-color-border: #EEEEEE !default;
+
+/* 阴影颜色 */
+$fv-color-shadow: rgba(2, 4, 38, 0.05) !default;
+
+/*禁用态的透明度 */
+$fv-opacity-disabled: 0.5 !default;
+
+
+/* icon尺寸 */
+$fv-icon-size: 64rpx !default;
+
+/* Border Radius */
+$fv-border-radius-sm: 16rpx !default;
+$fv-border-radius-base: 24rpx !default;
+$fv-border-radius-lg: 48rpx !default;
+
+/* 水平间距 */
+$fv-spacing-row-sm: 16rpx !default;
+$fv-spacing-row-base: 24rpx !default;
+$fv-spacing-row-lg: 32rpx !default;
+
+/* 垂直间距 */
+$fv-spacing-col-sm: 8rpx !default;
+$fv-spacing-col-base: 16rpx !default;
+$fv-spacing-col-lg: 24rpx !default;
+
+/* 边框宽度 */
+$fv-border-width:1px !default;

src/components/firstui/fui-css/widget/align.scss

@@ -0,0 +1,31 @@
+/*!
+ * text-align v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+.fs-align__left{
+	text-align: left;
+}
+
+.fs-align__center{
+	text-align: center;
+}
+
+.fs-align__right{
+	text-align: right;
+}
+
+/* #ifndef APP-NVUE */
+.fs-align__justify{
+	text-align: justify;
+}
+
+.fs-align__start{
+	text-align: start;
+}
+
+.fs-align__end{
+	text-align: end;
+}
+/* #endif */

src/components/firstui/fui-css/widget/border.scss

@@ -0,0 +1,32 @@
+/*!
+ * border v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+.fs-border {
+  border-style: solid;
+  border-width: $fv-border-width;
+}
+
+.fs-border__none { border-width: 0 }
+
+.fs-border__top {
+  border-top-style: solid;
+  border-top-width: $fv-border-width;
+}
+
+.fs-border__right {
+  border-right-style: solid;
+  border-right-width: $fv-border-width;
+}
+
+.fs-border__bottom {
+  border-bottom-style: solid;
+  border-bottom-width: $fv-border-width;
+}
+
+.fs-border__left {
+  border-left-style: solid;
+  border-left-width: $fv-border-width;
+}

src/components/firstui/fui-css/widget/color.scss

@@ -0,0 +1,88 @@
+/*!
+ * color v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+/* color */
+.fs-color__primary {
+	color: $fv-color-primary;
+}
+.fs-color__success {
+	color: $fv-color-success;
+}
+.fs-color__warning {
+	color: $fv-color-warning;
+}
+.fs-color__danger {
+	color: $fv-color-danger;
+}
+.fs-color__purple {
+	color: $fv-color-purple;
+}
+/* 用于重量级文字信息、标题 */
+.fs-color__title {
+	color: $fv-color-title;
+}
+/* 用于普通级段落信息、引导词 */
+.fs-color__section{
+	color: $fv-color-section;
+}
+/* 用于次要标题内容 */
+.fs-color__subtitle{
+	color: $fv-color-subtitle
+}
+/* 用于底部标签、描述、次要文字信息 */
+.fs-color__label{
+	color: $fv-color-label;
+}
+/* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
+.fs-color__minor{
+	color: $fv-color-minor;
+}
+.fs-color__white{
+	color: $fv-color-white;
+}
+/* 链接颜色 */
+.fs-color__link{
+	color: $fv-color-link;
+}
+
+
+/* bgckground-color */
+
+.fs-bg__primary {
+	background: $fv-color-primary;
+}
+.fs-bg__success {
+	background: $fv-color-success;
+}
+.fs-bg__warning {
+	background: $fv-color-warning;
+}
+.fs-bg__danger {
+	background: $fv-color-danger;
+}
+.fs-bg__purple {
+	background: $fv-color-purple;
+}
+.fs-bg__white{
+	background: $fv-color-white;
+}
+
+/* 页面背景底色 */
+.fs-bg__page{
+	background:$fv-bg-color-grey;
+}
+/* 内容模块底色 */
+.fs-bg__content{
+	background:$fv-bg-color-content;
+}
+/* 点击背景颜色 */
+.fs-bg__hover{
+	background:$fv-bg-color-hover;
+}
+/* 遮罩背景颜色 */
+.fs-bg__mask{
+	background:$fv-bg-color-mask;
+}

src/components/firstui/fui-css/widget/flexbox.scss

@@ -0,0 +1,99 @@
+/*!
+ * flexbox v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+.fs-flex,
+.fs-flex__row { 
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+}
+
+.fs-flex__column  { 
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: column;
+}
+
+.fs-flex__wrap    { flex-wrap: wrap }
+
+.fs-items__start    { align-items: flex-start }
+.fs-items__end      { align-items: flex-end }
+.fs-items__center   { align-items: center }
+/* #ifndef APP-NVUE */
+.fs-items__baseline { align-items: baseline }
+/* #endif */
+.fs-items__stretch  { align-items: stretch }
+
+/* #ifndef APP-NVUE */
+.fs-self__start    { align-self: flex-start }
+.fs-self__end      { align-self: flex-end }
+.fs-self__center   { align-self: center }
+.fs-self__baseline { align-self: baseline }
+.fs-self__stretch  { align-self: stretch }
+/* #endif */
+
+.fs-justify__start   { justify-content: flex-start }
+.fs-justify__end     { justify-content: flex-end }
+.fs-justify__center  { justify-content: center }
+.fs-justify__between { justify-content: space-between }
+.fs-justify__around  { justify-content: space-around }
+/* #ifndef APP-NVUE */
+.fs-justify__evenly  { justify-content: space-evenly }
+/* #endif */
+
+/* #ifndef APP-NVUE */
+.fs-content__start   { align-content: flex-start }
+.fs-content__end     { align-content: flex-end }
+.fs-content__center  { align-content: center }
+.fs-content__between { align-content: space-between }
+.fs-content__around  { align-content: space-around }
+.fs-content__stretch { align-content: stretch }
+/* #endif */
+
+/* #ifndef APP-NVUE */
+.fs-order__0 { order: 0 }
+.fs-order__1 { order: 1 }
+.fs-order__2 { order: 2 }
+.fs-order__3 { order: 3 }
+.fs-order__last { order: 99999 }
+/* #endif */
+
+.fs-flex__center{
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+}
+
+.fs-flex__between {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.fs-align__center {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	align-items: center;
+	flex-direction: row;
+}
+
+.fs-flex__reverse {
+	flex-direction: row-reverse;
+}
+
+.fs-flex__1,
+.fs-flex1{
+	flex: 1;
+}

src/components/firstui/fui-css/widget/hide.scss

@@ -0,0 +1,46 @@
+/*!
+ * hide v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+.fs-hide{
+	position: absolute;
+	left: -6666px;
+	top: -6666px;
+	opacity: 0;
+	/* #ifndef APP-NVUE */
+	visibility: hidden;
+	z-index: -1;
+	/* #endif */
+	overflow: hidden;
+}
+
+/* #ifndef APP-NVUE */
+.fs-display__none { 
+	display: none !important 
+}
+/* #endif */
+
+.fs-ellipsis{
+	/* #ifndef APP-NVUE */
+	white-space: nowrap;
+	/* #endif */
+	overflow: hidden;
+	text-overflow: ellipsis;
+	/* #ifdef APP-NVUE */
+	lines:1;
+	/* #endif */
+}
+.fs-ellipsis__2{
+	/* #ifndef APP-NVUE */
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	/* #endif */
+	overflow: hidden;
+	text-overflow: ellipsis;
+	/* #ifdef APP-NVUE */
+	lines:2;
+	/* #endif */
+}

src/components/firstui/fui-css/widget/margin.scss

@@ -0,0 +1,21 @@
+/*!
+ * margin v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+$fv-margin:0,2,4,8,10,12,16,20,24,28,30,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96;
+
+@each $m in $fv-margin{
+	.fs-m#{$m} { margin: #{$m}rpx;}
+	.fs-mt#{$m} { margin-top: #{$m}rpx;}
+	.fs-mr#{$m} { margin-right: #{$m}rpx; }
+	.fs-mb#{$m} { margin-bottom: #{$m}rpx; }
+	.fs-ml#{$m} { margin-left: #{$m}rpx; }
+	.fs-mx#{$m} { margin-left: #{$m}rpx; margin-right: #{$m}rpx; }
+	.fs-my#{$m} { margin-top:#{$m}rpx; margin-bottom: #{$m}rpx; }
+}
+
+/* #ifndef APP-NVUE */
+.fs-ml__auto  { margin-left: auto; }
+.fs-mr__auto  { margin-right: auto; }
+/* #endif */

src/components/firstui/fui-css/widget/padding.scss

@@ -0,0 +1,17 @@
+/*!
+ * padding v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+$fv-padding:0,2,4,8,10,12,16,20,24,28,30,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,120,160,200;
+
+@each $p in $fv-padding{
+	.fs-p#{$p} { padding: #{$p}rpx;}
+	.fs-pt#{$p} { padding-top: #{$p}rpx;}
+	.fs-pr#{$p} { padding-right: #{$p}rpx; }
+	.fs-pb#{$p} { padding-bottom: #{$p}rpx; }
+	.fs-pl#{$p} { padding-left: #{$p}rpx; }
+	.fs-px#{$p} { padding-left: #{$p}rpx; padding-right: #{$p}rpx; }
+	.fs-py#{$p} { padding-top:#{$p}rpx; padding-bottom: #{$p}rpx; }
+}
+

src/components/firstui/fui-css/widget/position.scss

@@ -0,0 +1,20 @@
+/*!
+ * position v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+.fs-relative { position: relative }
+.fs-absolute { position: absolute }
+.fs-fixed { position: fixed }
+.fs-sticky { position: sticky }
+
+.fs-top0 { top: 0 }
+.fs-right0 { right: 0 }
+.fs-bottom0 { bottom: 0 }
+.fs-left0 { left: 0 }
+
+/* z-index */
+@for $i from 1 through 9 {
+	.fs-z#{$i} { z-index: #{$i} }
+}

src/components/firstui/fui-css/widget/radius.scss

@@ -0,0 +1,36 @@
+/*!
+ * border-radius v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+$fv_radius:4,8,12,16,24,30,48,200;
+
+@each $r in $fv_radius{
+	.fs-radius__#{$r} { 
+		border-radius: #{$r}rpx;
+		overflow: hidden;
+	}
+}
+.fs-radius__sm{
+	border-radius: $fv-border-radius-sm;
+	overflow: hidden;
+}
+.fs-radius__base,
+.fs-radius__md{
+	border-radius: $fv-border-radius-base;
+	overflow: hidden;
+}
+.fs-radius__lg{
+	border-radius: $fv-border-radius-lg;
+	overflow: hidden;
+}
+.fs-radius__circle{
+	/* #ifndef APP-NVUE */
+	border-radius: 50%;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	border-radius: 200px;
+	/* #endif */
+	overflow: hidden;
+}

src/components/firstui/fui-css/widget/size.scss

@@ -0,0 +1,39 @@
+/*!
+ * font-size v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+/* 常用字体大小 单位rpx*/
+.fs-size__h1 {
+    font-size: 44rpx;
+    font-weight: 500;
+}
+
+.fs-size__h2 {
+    font-size: 36rpx;
+    font-weight: 500;
+}
+
+.fs-size__h3 {
+    font-size: 32rpx;
+	font-weight: 400;
+}
+
+.fs-size__h4{
+	 font-size: 28rpx;
+	 font-weight: 400;
+}
+.fs-size__h5,
+.fs-size__h6 {
+    font-size: 24rpx;
+    font-weight: 400;
+}
+
+
+/* 自定义字体大小 24~64 单位rpx*/
+@for $i from 24 through 64 {
+	.fs-size__#{$i}{
+		font-size: #{$i}rpx;
+	}
+}

src/components/firstui/fui-css/widget/weight.scss

@@ -0,0 +1,24 @@
+/*!
+ * font-weight v1.0.0 (https://doc.firstui.cn)
+ * Copyright 2024 FirstUI.
+ * Licensed under the Apache license
+ */
+
+.fs-weight__400,
+.fs-weight__normal{
+	font-weight: 400;
+}
+.fs-weight__500{
+	font-weight: 500;
+}
+.fs-weight__600{
+	font-weight: 600;
+}
+
+.fs-bold,
+.fs-weight__bold,
+.fs-weight__700,
+.fs-weight__800,
+.fs-weight__900{
+	font-weight: bold;
+}