update
init
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
@import "./variables";
|
||||
@import "./mixins";
|
||||
@import "./themeColor";
|
||||
@import "./question.less";
|
||||
@@ -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);
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
//颜色定义
|
||||
//页面背景色
|
||||
@page-bgc: #f5f7fb;
|
||||
//卡片白色
|
||||
@card-fff: #ffffff;
|
||||
//卡片灰色
|
||||
@card-gray: #f1f1f1;
|
||||
//按钮灰色
|
||||
@button-gray: #EEEEEE;
|
||||
//字体颜色
|
||||
@gray-font: #77849E;
|
||||
@white-font: #ffffff;
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user