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.
82 lines
1.5 KiB
82 lines
1.5 KiB
/* pages/topics/interactive/index.wxss */
|
|
@import '../../../style/font.wxss';
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.nav {
|
|
height: 860rpx;
|
|
}
|
|
|
|
.menu-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 60rpx 40rpx;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.item-menu {
|
|
padding: 42rpx 0;
|
|
width: calc((100% - 40rpx) / 2);
|
|
/* min-width: 312rpx; */
|
|
border-radius: 24rpx;
|
|
background-color: rgba(255, 255, 255, 100);
|
|
text-align: center;
|
|
box-shadow: 0px 0px 8px 0px rgba(217, 215, 215, 40);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 40rpx 38rpx 0;
|
|
}
|
|
|
|
.item-menu:nth-of-type(2n) {
|
|
margin-right: 0
|
|
}
|
|
|
|
.circular {
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
border-radius: 50%;
|
|
/* background-color: thistle; */
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.title {
|
|
margin-left: 14rpx;
|
|
color: rgba(70, 70, 70, 100);
|
|
font-size: 36rpx;
|
|
font-family: PingFangSC-regular
|
|
}
|
|
|
|
.demand-box {
|
|
width: 666rpx;
|
|
box-sizing: border-box;
|
|
margin: 60rpx 40rpx;
|
|
height: 160rpx;
|
|
border-radius: 100rpx;
|
|
background-color: rgba(234, 16, 57, 100);
|
|
text-align: center;
|
|
box-shadow: 0px 8rpx 16rpx 0px rgba(108, 108, 108, 40);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0 44rpx 0 90rpx;
|
|
}
|
|
.demand-box .title{
|
|
color: #fff;
|
|
font-size: 80rpx;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
letter-spacing: 20rpx;
|
|
flex: 1;
|
|
text-align: left;
|
|
}
|
|
.icon-edit{
|
|
width: 98rpx;
|
|
height: 98rpx;
|
|
}
|