1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- page {
- font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
- }
- .wangbox {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- margin-top: 60rpx;
- margin-bottom: 28rpx;
- }
- .wangbox .wang {
- width: 206rpx;
- height: 46rpx;
- font-size: 32rpx;
- color: #67806A;
- background-image: url(https://file-cloud.fmode.cn/EbxZUK5lBI/20241126/dm1jj2032446503.png?imageView2/1/w/200/h/200);
- background-position: center;
- /* 背景图片居中 */
- background-repeat: no-repeat;
- /* 不重复背景图片 */
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .wangbox .wang2 {
- font-size: 24rpx;
- color: #969696;
- }
- .wang-cardbox {
- width: 100%;
- background-color: white;
- overflow-y: hidden;
- padding-bottom: 40rpx;
- column-count: 2;
- /* 设置列数 */
- column-gap: 16rpx;
- /* 设置列间距 */
- }
- .wang-cardbox .wang-card {
- break-inside: avoid;
- /* 防止卡片在列之间断裂 */
- margin-bottom: 20rpx;
- /* 设置卡片底部间距 */
- width: 100%;
- /* 确保卡片宽度为100% */
- }
- .wang-cardbox .wang-card image {
- width: 100%;
- height: 204rpx;
- border-radius: 10rpx;
- }
- .wang-cardbox .wang-card .wang-catex {
- font-size: 26rpx;
- font-weight: 400;
- height: 76rpx;
- }
- .wang-cardbox .wang-card .wang-numbox {
- width: 100%;
- display: flex;
- align-items: center;
- }
- .wang-cardbox .wang-card .wang-numbox .wang-num {
- display: flex;
- justify-content: flex-end;
- align-items: flex-end;
- color: #C5262Ced;
- font-size: 30rpx;
- }
- .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num1 {
- font-size: 32rpx;
- }
- .wang-cardbox .wang-card .wang-numbox .wang-num .wang-num2 {
- font-size: 40rpx;
- }
- .wang-cardbox .wang-card .wang-numbox .wang-submit {
- width: 102rpx;
- height: 48rpx;
- font-size: 28rpx;
- color: white;
- background-color: #F8DA7F;
- border-radius: 15rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-left: auto;
- }
- .more {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .more .more-tex {
- font-size: 28rpx;
- color: #969696;
- }
|