2 Star 0 Fork 0

自由12/babystar-h5

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
uni.scss 2.82 KB
一键复制 编辑 原始数据 按行查看 历史
wang 提交于 2021-04-04 23:02 . 前台代码
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/* 颜色变量 */
/* 行为相关颜色 */ /*主色调*/
$main-color: #20C6BA; //主色调
$minor-color: #ff9000; //次要颜色
$assist-color: #f87b28; //辅助
$assist-grey-color: #f4f4f4; //辅助灰色
/* 文字基本颜色 */
$text-color-main: #333; //主要本色
$text-color-three:#333;
$text-color-six: #666; //次要灰色,如加载更多的提示信息
$text-color-nine: #999; //辅助文字
$text-color-black: black;
$text-color-inverse: #fff; //反色
$text-color-white: #fff; //反色
$text-color-hint: #cccccc;
$text-color-explain: #c0c0c0;
/* 背景颜色 */
$bg-color-main: #f1f1f1;
$bg-color-assist:#1e1e1e;
$bg-color-white: #ffffff;
$bg-color-ccc: #ccc;
$bg-color-black: black;
$bg-color-grey: $assist-grey-color;
$bg-color-hover: #f1f1f1; //点击状态颜色
$bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
/* 边框颜色 */
$border-color: #f2f2f2;
/* 文字尺寸 */
$font-size-min: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-lg: 32rpx;
/* 图片尺寸 */
$img-size-sm: 40upx;
$img-size-base: 52upx;
$img-size-lg: 80upx;
/* Border Radius */
$border-radius-sm: 6upx;
$border-radius-base: 10upx;
$border-radius-lg: 20upx;
$border-radius-circle: 50%;
/* 水平间距 */
$sm-interval: 20upx;
$base-interval: 30upx;
$lg-interval: 40upx;
/* 透明度 */
$opacity-disabled: 0.3; // 组件禁用态的透明度
/*flex,两端垂直对齐*/
.flex-space-between-center {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
/*模糊阴影*/
.box-shadow {
box-shadow: #ddd 0px 0px 20upx;
}
/******段落省略号,默认两行******/
@mixin multi-row-apostrophe($number: 2) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: $number;
-webkit-box-orient: vertical;
}
.global-padding {
padding: 0px $base-interval;
}
.global-height{
height: 100vh;
position: fixed;
left: -100rpx;
top:0px;
width: 1rpx;
opacity: 0;
z-index: -1;;
}
/*拉伸内间距*/
.module-padding-stretch {
margin: 0px -1 * $base-interval;
padding: 0px $base-interval;
}
/*拉伸*/
.module-stretch {
margin: 0px -1 * $base-interval;
}
/*全局按钮*/
.global-button {
color: $text-color-inverse;
background-color: $main-color;
letter-spacing: 1rpx;
border: 0px;
margin: 0px;
line-height: 0;
height: 88rpx;
text-align: center;
@extend .flex-space-between-center;
justify-content: center;
color: $text-color-white;
border-radius: 44rpx;
font-size: $font-size-lg;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/carrywong/babystar-h5.git
git@gitee.com:carrywong/babystar-h5.git
carrywong
babystar-h5
babystar-h5
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385