You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
yanzong_qianduan/pages/index/style.scss

219 lines
3.9 KiB

8 months ago
#index1 {
background: linear-gradient(to bottom, #E6F2FC 0%, #f4f4f4 640rpx, #F4F4F4 100%);
.flag {
bottom: -16rpx;
image {
width: 20rpx;
height: 8rpx;
}
}
.searchContentContainer .searchContent .btn {
background: #3F8EFF;
}
.tabs .active {
color: #3F8EFF;
}
.firstContent {
.firstInfo {
top: 12%;
.flag, .num {
color: #3F8EFF;
}
.couponName {
color: #3B3B3B;
>view:last-child {
color: #8B8B8B;
}
}
}
}
.activity {
.right {
.rightItem1 {
background: url('https://www.royaum.com.cn/static/index/newFirst1.png');
}
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/ranking1.png');
}
}
}
.dapai {
background-image: url("https://www.royaum.com.cn/static/index/dapaibg1.png");
}
}
#index2 {
background: linear-gradient(to bottom, #F4EFFE 0%, #f4f4f4 640rpx, #F4F4F4 100%);
.flag {
bottom: -16rpx;
image {
width: 20rpx;
height: 8rpx;
}
}
.searchContentContainer .searchContent .btn {
background: #926DF4;
}
.tabs .active {
color: #926DF4;
}
.firstContent {
.firstInfo {
top: 12%;
.flag, .num {
color: #926DF4;
}
.couponName {
color: #3B3B3B;
>view:last-child {
color: #8B8B8B;
}
}
}
}
.activity {
.right {
.rightItem1 {
background: url('https://www.royaum.com.cn/static/index/newFirst2.png');
}
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/ranking2.png');
}
}
}
.dapai {
background-image: url("https://www.royaum.com.cn/static/index/dapaibg2.png");
}
}
#index3 {
background: linear-gradient(to bottom, #FCFAED 0%, #f4f4f4 640rpx, #F4F4F4 100%);
.flag {
bottom: -16rpx;
image {
width: 20rpx;
height: 8rpx;
}
}
.searchContentContainer .searchContent .btn {
background: #FEB137;
}
.tabs .active {
color: #FEB137;
}
.firstContent {
.firstInfo {
top: 12%;
.flag, .num {
color: #F21A1C;
}
.couponName {
color: #3B3B3B;
>view:last-child {
color: #8B8B8B;
}
}
}
}
.activity {
.right {
.rightItem1 {
background: url('https://www.royaum.com.cn/static/index/newFirst3.png');
}
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/ranking3.png');
}
}
}
.dapai {
background-image: url("https://www.royaum.com.cn/static/index/dapaibg3.png");
}
}
#index4 {
background: linear-gradient(to bottom, #E9F6E5 0%, #f4f4f4 640rpx, #F4F4F4 100%);
.flag {
bottom: -16rpx;
image {
width: 20rpx;
height: 8rpx;
}
}
.searchContentContainer .searchContent .btn {
background: #82AB6F;
}
.tabs .active {
color: #82AB6F;
}
.firstContent {
.firstInfo {
top: 12%;
.flag, .num {
color: #82AB6F;
}
.couponName {
color: #3B3B3B;
>view:last-child {
color: #8B8B8B;
}
}
}
}
.activity {
.right {
.rightItem1 {
background: url('https://www.royaum.com.cn/static/index/newFirst4.png');
}
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/ranking4.png');
}
}
}
.dapai {
background-image: url("https://www.royaum.com.cn/static/index/dapaibg4.png");
}
}
#index5 {
background: linear-gradient(to bottom, #FFF5F6 0%, #f4f4f4 640rpx, #F4F4F4 100%);
.flag {
bottom: -16rpx;
image {
width: 20rpx;
height: 8rpx;
}
}
.searchContentContainer .searchContent .btn {
background: #FB6569;
}
.tabs .active {
color: #FB6569;
}
.firstContent {
.firstInfo {
top: 12%;
.flag, .num {
color: #F21A1C;
}
.couponName {
color: #3B3B3B;
>view:last-child {
color: #8B8B8B;
}
}
}
}
.activity {
.right {
.rightItem1 {
background: url('https://www.royaum.com.cn/static/index/newFirst5.png');
}
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/ranking5.png');
}
}
}
.dapai {
background-image: url("https://www.royaum.com.cn/static/index/dapaibg5.png");
}
}