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.
111 lines
1.8 KiB
111 lines
1.8 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: 20rpx; |
|
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{ |
|
width: calc(100% - 320rpx); |
|
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; |
|
position: relative; |
|
} |
|
.bottom-world image{ |
|
position: absolute; |
|
top: 0; |
|
} |
|
.world{ |
|
width: 100%; |
|
height: 100%; |
|
position: absolute; |
|
top: 0; |
|
z-index: 2; |
|
font-size: 32rpx; |
|
color: #9A7045; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.world view{ |
|
margin-top: 10rpx; |
|
} |
|
.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; |
|
} |