MP-szs/pages/zzdy/components/index/index.wxss

/* pages/zzdy/components/index/index.wxss */

.menu {
    position: relative;
    margin: auto;
    margin-top: 40rpx;
    width: 650rpx;
}
.menu-hover {
    opacity: 0.7;
}
.menu:nth-child(1) {
    margin-top: 0rpx;
}

.menu > image {
    width: 100%;
    height: auto;
}

.menu .infos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu .infos > view {
    margin-left: 50rpx;
    width: auto;
}

.menu .infos > view:nth-child(1) {
    margin-top: 60rpx;
    font-size: 36rpx;
    color: #212121;
    font-weight: bold;
}

.menu .infos > view:nth-child(2) {
    margin-top: 20rpx;
    font-size: 24rpx;
    color: #999999;
}

.menu .infos > view:nth-child(3) {
    margin-top: 5rpx;
    font-size: 24rpx;
    color: #999999;
}