d9b7ac271f
- 新增 .br12 类，用于设置 12 像素的圆角 - 调整 .container 样式，移除多余的注释 - 优化内容编辑区域的样式，使其更加美观 - 统一操作选项弹窗的样式和结构 - 调整矩阵问题和文本带图问题的样式 - 优化选择问题和可拖拽组件的样式- 更新设计页面和创建问卷页面的样式 - 移除未使用的 ElCol 和 ElRow 组件引用 - 新增 VanGrid 和 VanGridItem 组件引用
93 lines
1.3 KiB
SCSS
93 lines
1.3 KiB
SCSS
@import 'theme';
|
||
@import 'base';
|
||
@import '../../fonts/iconfont.css';
|
||
@import '../../fonts/moblie/iconfont.css';
|
||
@import 'public';
|
||
|
||
a,
|
||
.green {
|
||
padding: 3px;
|
||
color: hsla(160deg, 100%, 37%, 1);
|
||
text-decoration: none;
|
||
transition: 0.4s;
|
||
}
|
||
|
||
.theme-color {
|
||
color: $theme-color;
|
||
}
|
||
|
||
.theme-background {
|
||
background: $theme-color;
|
||
}
|
||
|
||
.ml10 {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.br12 {
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.container {
|
||
// 容器的高度 ， 减少底部之后的高度
|
||
//height: calc(100vh - 100px);
|
||
//width: 100%;
|
||
// 绿色 #70B937 白色过渡渐变 竖向 上一半部分 渐变到白色就可以
|
||
background: linear-gradient(to bottom, $theme-color 200px, #f2f2f2 300px);
|
||
}
|
||
|
||
.navbar-header {
|
||
position: sticky;
|
||
top: 0;
|
||
width: 100%;
|
||
background-color: #70b937;
|
||
color: #fff;
|
||
|
||
& .van-nav-bar__content {
|
||
color: #fff;
|
||
|
||
& .van-nav-bar__title {
|
||
color: #fff;
|
||
}
|
||
}
|
||
}
|
||
|
||
@media (hover: hover) {
|
||
a:hover {
|
||
background-color: hsla(160deg, 100%, 37%, 0.2);
|
||
}
|
||
}
|
||
|
||
.container {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.align-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-start {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.flex-warp {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.space-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
//剔除移动端所有滚动条
|
||
*::-webkit-scrollbar {
|
||
display: none;
|
||
}
|