代码拉取完成,页面将自动刷新
@import 'uview-ui/theme.scss';
/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$page-bg-color: #F5f5f5;
$base-color: #FF0000;
/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #303133;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E4E7ED;
$border-color-light: #EBEEF5;
$border-color-focus: #FC2E2A;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary:#ff4133;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
/* #ifdef H5 */
uni-page-head
{
display: none;
}
/* #endif */
/* 图片载入替代方案 */
.image-wrapper {
font-size: 0;
background: #f3f3f3;
border-radius: 4px;
image {
width: 100%;
height: 100%;
transition: .6s;
opacity: 0;
&.loaded {
opacity: 1;
}
}
}
// 图片上面的标签
.image-tag{
position:absolute;
top:0;
left:0;
width:40upx;
height:40upx;
}
// 商品金额划线价
.list-price{
color: $font-color-light;
padding: 5upx;
text-decoration: line-through;
font-size:$font-sm;
}
/* 通用按钮样式 */
.button-base{
border-radius: 100px;
background: $uni-color-primary;
color: #fff;
padding: 16upx 20upx;
text-align: center;
&:hover{
opacity: 0.5;
}
}
.button-base-outline{
border-radius: 100px;
background: transparent;
border: 1px solid $uni-color-primary;
color: $base-color;
padding: 16upx 20upx;
text-align: center;
&:hover{
background: $uni-color-primary;
opacity: 0.5;
color: #fff;
border:none;
}
}
.button-orange{
border-radius: 100px;
background: $uni-color-warning;
color: #fff;
padding: 16upx 20upx;
text-align: center;
&:hover{
opacity: 0.5;
}
}
.button-orange-outline{
border-radius: 100px;
background: transparent;
border: 1px solid $uni-color-warning;
color: $uni-color-warning;
padding: 16upx 20upx;
text-align: center;
&:hover{
background: $uni-color-warning;
opacity: 0.5;
color: #fff;
border:none;
}
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。