wangdong
9 months ago
parent
cea1269c26
commit
09c8de11a5
@ -0,0 +1,109 @@ |
||||
#newGoods1 { |
||||
background: linear-gradient(0deg, #E4F8FF, #CDDFFF); |
||||
.goodsList { |
||||
background-image: none; |
||||
.goodsItem { |
||||
.hotSell { |
||||
background: #A7C5FA; |
||||
} |
||||
.item { |
||||
background: #B7D2FF; |
||||
} |
||||
} |
||||
} |
||||
.lookBtn { |
||||
background: #226DEE; |
||||
color: #fff; |
||||
} |
||||
.lookJie { |
||||
color: #226DEE; |
||||
} |
||||
} |
||||
|
||||
#newGoods2 { |
||||
background: linear-gradient(0deg, #F4EFFE, #E5DDFB); |
||||
.goodsList { |
||||
background-image: none; |
||||
.goodsItem { |
||||
.hotSell { |
||||
background: #D5C7F4; |
||||
} |
||||
.item { |
||||
background: #DFD3FA; |
||||
} |
||||
} |
||||
} |
||||
.lookBtn { |
||||
background: #9378DB; |
||||
color: #fff; |
||||
} |
||||
.lookJie { |
||||
color: #9378DB; |
||||
} |
||||
} |
||||
|
||||
#newGoods3 { |
||||
background: linear-gradient(0deg, #FFFEF4, #FAF7E1); |
||||
.goodsList { |
||||
background-image: none; |
||||
.goodsItem { |
||||
.hotSell { |
||||
background: #FEE1CB; |
||||
} |
||||
.item { |
||||
background: #FDE7D5; |
||||
} |
||||
} |
||||
} |
||||
.lookBtn { |
||||
background: #FB392A; |
||||
color: #fff; |
||||
} |
||||
.lookJie { |
||||
color: #FB392A; |
||||
} |
||||
} |
||||
|
||||
#newGoods4 { |
||||
background: linear-gradient(0deg, #E9F6E6, #D3F0C3); |
||||
.goodsList { |
||||
background-image: none; |
||||
.goodsItem { |
||||
.hotSell { |
||||
background: #C2DBB7; |
||||
} |
||||
.item { |
||||
background: #CBE2C0; |
||||
} |
||||
} |
||||
} |
||||
.lookBtn { |
||||
background: #82AB6F; |
||||
color: #fff; |
||||
} |
||||
.lookJie { |
||||
color: #82AB6F; |
||||
} |
||||
} |
||||
|
||||
#newGoods5 { |
||||
background: linear-gradient(0deg, #FFE4E8, #FFCDD5); |
||||
.goodsList { |
||||
background-image: none; |
||||
.goodsItem { |
||||
.hotSell { |
||||
background: #FEE1CB; |
||||
} |
||||
.item { |
||||
background: #FDE7D5; |
||||
} |
||||
} |
||||
} |
||||
.lookBtn { |
||||
background: #FB392A; |
||||
color: #fff; |
||||
} |
||||
.lookJie { |
||||
color: #FB392A; |
||||
} |
||||
} |
||||
@ -0,0 +1,19 @@ |
||||
#newpeople1 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/newPeople1-bg.png); |
||||
} |
||||
|
||||
#newpeople2 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/newPeople2-bg.png); |
||||
} |
||||
|
||||
#newpeople3 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/newPeople3-bg.png); |
||||
} |
||||
|
||||
#newpeople4 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/newPeople4-bg.png); |
||||
} |
||||
|
||||
#newpeople5 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/newPeople5-bg.png); |
||||
} |
||||
@ -0,0 +1,39 @@ |
||||
#presale1 { |
||||
background: linear-gradient(0deg, #F6F6F6, #E0EFFD); |
||||
.banner { |
||||
width: 634rpx; |
||||
height: 373rpx; |
||||
} |
||||
} |
||||
|
||||
#presale2 { |
||||
background: linear-gradient(0deg, #F6F6F6, #F4EFFE); |
||||
.banner { |
||||
width: 679rpx; |
||||
height: 325rpx; |
||||
} |
||||
} |
||||
|
||||
#presale3 { |
||||
background: linear-gradient(0deg, #F6F6F6, #FFF1E2); |
||||
.banner { |
||||
width: 683rpx; |
||||
height: 357rpx; |
||||
} |
||||
} |
||||
|
||||
#presale4 { |
||||
background: linear-gradient(0deg, #F6F6F6, #FCFAED); |
||||
.banner { |
||||
width: 654rpx; |
||||
height: 402rpx; |
||||
} |
||||
} |
||||
|
||||
#presale5 { |
||||
background: linear-gradient(0deg, #F6F6F6, #FFEAED); |
||||
.banner { |
||||
width: 650rpx; |
||||
height: 363rpx; |
||||
} |
||||
} |
||||
@ -0,0 +1,39 @@ |
||||
#rank1 { |
||||
background-image: url(https://www.royaum.com.cn/static/rank/rank-bg1.png); |
||||
background-color: #F8D1BC; |
||||
.ranking { |
||||
background: none; |
||||
} |
||||
} |
||||
|
||||
#rank2 { |
||||
background-image: url(https://www.royaum.com.cn/static/rank/rank-bg2.png); |
||||
background-color: #F8BCBC; |
||||
.ranking { |
||||
background: none; |
||||
} |
||||
} |
||||
|
||||
#rank3 { |
||||
background-image: url(https://www.royaum.com.cn/static/rank/rank-bg3.png); |
||||
background-color: #CE3821; |
||||
.ranking { |
||||
background: none; |
||||
} |
||||
} |
||||
|
||||
#rank4 { |
||||
background-image: url(https://www.royaum.com.cn/static/rank/rank-bg4.png); |
||||
background-color: #E2A666; |
||||
.ranking { |
||||
background: none; |
||||
} |
||||
} |
||||
|
||||
#rank5 { |
||||
background-image: url(https://www.royaum.com.cn/static/rank/rank-bg5.png); |
||||
background-color: #961619; |
||||
.ranking { |
||||
background: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,219 @@ |
||||
#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"); |
||||
} |
||||
} |
||||
@ -0,0 +1,34 @@ |
||||
#invite1 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/invite1-bg.png); |
||||
.uni-page-head { |
||||
background-color: #FFC6CF!important; |
||||
} |
||||
} |
||||
|
||||
#invite2 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/invite2-bg.png); |
||||
.uni-page-head { |
||||
background-color: #FFC6CF!important; |
||||
} |
||||
} |
||||
|
||||
#invite3 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/invite3-bg.png); |
||||
.uni-page-head { |
||||
background-color: #FFC6CF!important; |
||||
} |
||||
} |
||||
|
||||
#invite4 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/invite4-bg.png); |
||||
.uni-page-head { |
||||
background-color: #FFC6CF!important; |
||||
} |
||||
} |
||||
|
||||
#invite5 { |
||||
background-image: url(https://www.royaum.com.cn/static/news/invite5-bg.png); |
||||
.uni-page-head { |
||||
background-color: #FFC6CF!important; |
||||
} |
||||
} |
||||
@ -0,0 +1,98 @@ |
||||
#coupon1 { |
||||
background: url(https://www.royaum.com.cn/static/news/coupon-bg1.png) no-repeat top center; |
||||
background-size: 100% auto; |
||||
background-color: #FC6453; |
||||
.coupon-tab { |
||||
.item { |
||||
background: #F45240; |
||||
color: #fff; |
||||
&.item-on { |
||||
background: #FFFFFF; |
||||
color: #F2212A; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#coupon2 { |
||||
background: url(https://www.royaum.com.cn/static/news/coupon-bg2.png) no-repeat top center; |
||||
background-size: 100% auto; |
||||
background-color: #FC6453; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.coupon-tab { |
||||
background: #fff; |
||||
.item { |
||||
background: #F3F0EF; |
||||
color: #666666; |
||||
&.item-on { |
||||
background: #F45240; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
.coupon-bd { |
||||
flex: 1; |
||||
background: #fff; |
||||
.item { |
||||
background-color: #FCF6F6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#coupon3 { |
||||
background: url(https://www.royaum.com.cn/static/news/coupon-bg3.png) no-repeat top center; |
||||
background-size: 100% auto; |
||||
background-color: #FA688A; |
||||
.coupon-tab { |
||||
.item { |
||||
background: #F65379; |
||||
color: #fff; |
||||
&.item-on { |
||||
background: #FFFFFF; |
||||
color: #F2212A; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#coupon4 { |
||||
background: url(https://www.royaum.com.cn/static/news/coupon-bg4.png) no-repeat top center; |
||||
background-size: 100% auto; |
||||
background-color: #fff; |
||||
.coupon-tab { |
||||
background-color: transparent; |
||||
border-radius: 0; |
||||
.item { |
||||
background: #F6F6F6; |
||||
color: #666; |
||||
&.item-on { |
||||
background: #F45240; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
.coupon-bd { |
||||
.item { |
||||
background-color: #FCF6F6; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#coupon5 { |
||||
background: url(https://www.royaum.com.cn/static/news/coupon-bg5.png) no-repeat top center; |
||||
background-size: 623rpx auto; |
||||
background-color: #F6E3CF; |
||||
.coupon-tab { |
||||
background-color: transparent; |
||||
border-radius: 0; |
||||
.item { |
||||
background: #F7D3AD; |
||||
color: #F45240; |
||||
&.item-on { |
||||
background: #F45240; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,6 @@ |
||||
export default { |
||||
indexColor: ['#3F8EFF', '#926DF4', '#FEB137', '82AB6F', '#FB6569'], |
||||
inviteNavBgColor: ['#F5DBB4', '#FA482B', '#FA335B', '#F7D8A3', '#FFC6CF'], |
||||
couponNavBgColor: ['#FFE7E4', '#FB700C', '#FB700C', '#EF333B', '#F6E3CF'], |
||||
rankNavBgColor: ['#F8D1BC', '#F8BCBC', '#CE3821', '#E2A666', '#961619'] |
||||
} |
||||
Loading…
Reference in new issue