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.
98 lines
1.5 KiB
98 lines
1.5 KiB
/* pages/home/index.wxss */ |
|
page{ |
|
width: 100%; |
|
background: #131313; |
|
} |
|
.home-page{ |
|
margin-top: 72rpx; |
|
} |
|
.top-box{ |
|
position: relative; |
|
} |
|
.top-box image{ |
|
width: 100%; |
|
height: 1000rpx; |
|
position: relative; |
|
} |
|
.click{ |
|
position: absolute; |
|
width: 176rpx; |
|
height: 64rpx; |
|
font-size: 32rpx; |
|
border-radius: 32rpx; |
|
bottom: 80rpx; |
|
color: #9A7045; |
|
border: 2rpx solid #9B7245; |
|
} |
|
.home-list-box{ |
|
padding: 0 40rpx; |
|
margin: 18rpx 0 0 0; |
|
} |
|
.title{ |
|
font-size: 48rpx; |
|
color: #9A7045; |
|
} |
|
.list-item{ |
|
width: 670rpx; |
|
height: 316rpx; |
|
background: linear-gradient(11deg, #E9DECA 0%, #FCFCFA 100%); |
|
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16); |
|
border-radius: 14px; |
|
margin: 24rpx 0 0 0; |
|
} |
|
.list-item image{ |
|
width: 316rpx; |
|
height: 316rpx; |
|
border-radius: 14px; |
|
} |
|
.row-line{ |
|
padding-left: 24rpx; |
|
} |
|
.name{ |
|
font-size: 48rpx; |
|
color: #4A3737; |
|
margin-bottom: 10rpx; |
|
} |
|
.name2{ |
|
font-size: 28rpx; |
|
color: #C5A669; |
|
} |
|
.desc{ |
|
font-size: 20rpx; |
|
color: #C5A669; |
|
margin-top: 8rpx; |
|
} |
|
.bottom-world{ |
|
width: 670rpx; |
|
height: 160rpx; |
|
margin-top: 16rpx; |
|
} |
|
.world{ |
|
position: absolute; |
|
font-size: 32rpx; |
|
color: #9A7045; |
|
margin: 15rpx 0 0 84rpx; |
|
} |
|
.world view{ |
|
margin-top: 20rpx; |
|
} |
|
.footer{ |
|
width: 100%; |
|
margin-top: 22rpx; |
|
padding: 0 40rpx; |
|
} |
|
.footer image{ |
|
width: 100%; |
|
height: 736rpx; |
|
margin: 14rpx 0 24rpx 0; |
|
} |
|
.btn-order{ |
|
font-size: 40rpx; |
|
color: #fff; |
|
width: 394rpx; |
|
height: 90rpx; |
|
background: linear-gradient(225deg, #FFD87D 0%, #E19C00 100%); |
|
border-radius: 46px; |
|
margin: 0 auto; |
|
margin-bottom: 40rpx; |
|
} |