47 lines
781 B
Plaintext
47 lines
781 B
Plaintext
/* pages/add/index.wxss */
|
||
|
||
.card {
|
||
margin: 16rpx;
|
||
border-radius: 16rpx;
|
||
}
|
||
|
||
.bg {
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
background-color:#A4B7FA ;
|
||
border-radius: 100rpx;
|
||
}
|
||
|
||
.grid {
|
||
width: 100vw;
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr; /* 两列等分 */
|
||
gap: 32rpx; /* 图片间隔 */
|
||
box-sizing: border-box;
|
||
padding: 16rpx;
|
||
}
|
||
|
||
.item {
|
||
position: relative;
|
||
width: 100%;
|
||
padding-top: 75%; /* 高宽比 = 4:3，可以改成 100% 就是正方形 */
|
||
overflow: hidden;
|
||
|
||
}
|
||
|
||
.pic {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover; /* 小程序等效是 mode="aspectFill" */
|
||
border-top-left-radius: 16rpx;
|
||
border-top-right-radius: 16rpx;
|
||
}
|
||
|
||
.pic1{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
border-radius: 16rpx;
|
||
} |