init
This commit is contained in:
2025-06-27 17:42:38 +08:00
commit bd6402478b
5317 changed files with 785994 additions and 0 deletions
+4
View File
@@ -0,0 +1,4 @@
@import "./variables";
@import "./mixins";
@import "./themeColor";
@import "./question.less";
+66
View File
@@ -0,0 +1,66 @@
//蓝色圆角按钮
.primaryButton() {
background: rgba(51, 144, 255, 0.1);
border: 1px solid #3390ff;
}
//绿色圆角按钮
.successButton() {
background: #21BEBE;
}
//
.flex-wrap() {
display: flex;
flex-wrap: wrap;
}
.flex-column() {
display: flex;
flex-direction: column;
}
.flex-jc-between(){
display: flex;
justify-content: space-between;
}
.flex-center() {
display: flex;
align-items: center;
justify-content: center;
}
// 底部圆角按钮
.footerButton() {
background: #21BEBD;
border-radius: 40px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
//答题按钮
.qs-btn() {
background: #21BEBD;
//box-shadow: 0 8px 18px 2px rgba(33, 190, 190, 0.3);
}
.arrow {
position: relative;
padding-right: 15px;
box-sizing: border-box;
}
.arrow:after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
width: 6px;
height: 6px;
border-left: 2px solid #b6b6b6;
border-top: 2px solid #b6b6b6;
transform: rotate(135deg);
}
+21
View File
@@ -0,0 +1,21 @@
.overlay-btn{
width: 94px;
height: 32px;
line-height: 32px;
border-radius: 16px;
text-align: center;
}
.overlay-okBtn {
background-color: #1A68EE;
color:#ffffff;
}
.overlay-cancelBtn{
background-color: #FFFFFF;
border: 1px solid #999999;
color:#333333;
}
.text-over(){
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
+17
View File
@@ -0,0 +1,17 @@
// 滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
:deep(*::-webkit-scrollbar) {
width: 4px;
background: #e4e4e4;
border-radius: 10px;
}
/*定义滚动条轨道 内阴影+圆角*/
:deep(::-webkit-scrollbar-track) {
border-radius: 10px;
background-color: #e4e4e4;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
border-radius: 10px;
background-color: #9f9f9f;
}
+40
View File
@@ -0,0 +1,40 @@
@zp-color-primary: #21BEBE;
/* 文字基本颜色 */
@zp-text-color: #333333; //基本色
@zp-text-color-inverse: #ffffff; //反色
@zp-text-color-grey: #999999; //辅助灰色,如加载更多的提示信息
/* 背景颜色 */
@zp-bg-color: #ffffff;
@zp-bg-color-grey: #f5f5f5;
@zp-bg-color-hover: #f1f1f1; //点击状态颜色
@zp-bg-color-input: #eeeeee;
@zp-bg-color-start: #E8F4FE;
@zp-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
/* 边框颜色 */
@zp-border-color: #E0E0E0;
@zp-title-color: #21BEBE;
/* 文章场景相关 */
@uni-color-title: #2C405A; // 文章标题颜色
@uni-font-size-title: 20px;
@uni-color-subtitle: #555555; // 二级标题颜色
@uni-font-size-subtitle: 26px;
@uni-color-paragraph: #3F536E; // 文章段落颜色
@uni-font-size-paragraph: 15px;
@uni-color-content: #666666; // 文章内容颜色
@uni-font-size-paragraph: 8px;
input, textarea {
box-shadow: none;
outline: none;
resize: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-radius: 0;
background-color: rgba(0, 0, 0, 0);
}
+16
View File
@@ -0,0 +1,16 @@
//颜色定义
//页面背景色
@page-bgc: #f5f7fb;
//卡片白色
@card-fff: #ffffff;
//卡片灰色
@card-gray: #f1f1f1;
//按钮灰色
@button-gray: #EEEEEE;
//字体颜色
@gray-font: #77849E;
@white-font: #ffffff;