cy-shop-app/uni.scss

/* 页面左右间距 */
$page-color-base: #f8f8f8;
@import "uview-ui/theme.scss";

/* 文字尺寸 */
$font-sm: 24rpx;
$font-base: 28rpx;
$font-lg: 32rpx;
$font-sl: 36rpx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-white: #ffffff;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #c0c4cc;
/* 边框颜色 */
$border-color-dark: #dcdfe6;
$border-color-base: #e4e7ed;
$border-color-light: #ebeef5;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary: #fa436a;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/*主题颜色 具体参考   https://ant.design/docs/spec/colors-cn */

/**主颜色*/
$main-color: #ff3c2a;
/*用于金钱等颜色 */
$jd-color: #ff3c2a;
/*主题高亮颜色*/
$light-color: #ff6b35;
/*辅助高亮颜色*/
$aider-light-color: #ff9f28;

/*主题高亮背景颜色*/
$main-light-color: #edfcf7;
/*京东红高亮背景颜色*/
$jd-light-color: #fcedeb;

/*辅助色*/
$aider-color-red: #ff6262;
$aider-color-yellow: #ffc71c;
$aider-color-green: #28d094;
$aider-color-blue: #1e9ff2;
// 中性色
$neutral-color: #333333;
//背景色
$bg-color: #f9f9f9;

// 字体
$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
	"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
$font-weight-b: 500;
$font-weight: 400;
.light-color {
	color: $light-color;
}
.main-color {
	color: $main-color;
}
.bg-light-color {
	background-color: $light-color !important;
	/deep/ *{
		background-color: $light-color !important;
	}
}
.bg-main-color {
	background-color: $main-color !important;
}
.uni-tabbar .uni-tabbar__icon {
	width: 20px;
	height: 18px;
}
// 大标题
.h1 {
	font-weight: $font-weight-b;
	font-style: normal;
	font-size: 24px;
}
// 大标题
.h2 {
	font-weight: $font-weight-b;
	font-style: normal;
	font-size: 20px;
}
// 一级标题
.h3 {
	font-weight: $font-weight-b;
	font-style: normal;
	font-size: 18px;
}
.h4 {
	font-weight: $font-weight-b;
	font-style: normal;
	font-size: 16px;
}
.flex {
	display: flex;
}

.btn {
	background-color: $light-color;
	color: #ffffff;
	border-width: 0px;
	border: none;
	border-radius: 44px;
	height: 44px;
	box-shadow: none;
	font-weight: 400;
	font-style: normal;
	line-height: 44px;
	text-align: center;
	&::after {
		border: none;
	}
}
.button-hover {
	opacity: 0.7;
}

.margin {
	margin: 10px;
}

.tag {
	background-color: rgba(242, 242, 242, 1);
	color: #333333;
	height: 28px;
	border-radius: 28px;
	box-shadow: none;
	font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 28px;
	text-align: center;
	width: 90px;
}

.c-content {
	background-color: #ffffff;
	// margin-top: 30rpx;
	border-top: 1px solid $border-color-light;
	border-bottom: 1px solid $border-color-light;
}
.mt-30 {
	margin-top: 30rpx;
}
.border-top {
	border-top: 1px solid $border-color-light;
}
.describe {
	color: $font-color-light;
	font-size: $font-sm;
	padding: 30rpx;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.relative {
	position: relative;
}

.wes {
	/* 多出部分用省略号表示 , 用于一行 */
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}