|
|
@@ -5,6 +5,8 @@
|
|
|
height: 100vh;
|
|
|
color: #382E2E;
|
|
|
position:relative;
|
|
|
+ font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
.picturebox{
|
|
|
width: 100%;
|
|
|
height: 442rpx;
|
|
|
@@ -35,7 +37,7 @@
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
border-radius: 20rpx;
|
|
|
-
|
|
|
+
|
|
|
z-index: 100;
|
|
|
border: solid #e5e5e5 2rpx;
|
|
|
box-shadow: 0 2rpx 4rpx rgba(0,0,0,0.2);
|
|
|
@@ -104,17 +106,17 @@
|
|
|
justify-content: center;
|
|
|
flex-wrap: wrap; /* 允许换行 */
|
|
|
gap: 10rpx; /* 设置间距 */
|
|
|
-
|
|
|
+ margin-top: 12rpx;
|
|
|
.container {
|
|
|
display: flex; /* 使用 Flexbox 布局 */
|
|
|
flex-direction: column; /* 垂直排列 */
|
|
|
width: 346rpx; /* 计算宽度，考虑间距 */
|
|
|
margin-bottom: 20rpx; /* 设置底部间距 */
|
|
|
.picbox {
|
|
|
- height: 280rpx;
|
|
|
- width: 100%; /* 根据需要调整宽度 */
|
|
|
+ height: 274rpx;
|
|
|
+ width: 330rpx; /* 根据需要调整宽度 */
|
|
|
background-image: url('https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/01atf5032703958.png?imageView2/1/w/200/h/200');
|
|
|
- margin-bottom: 20rpx;
|
|
|
+ margin-bottom: 18rpx;
|
|
|
break-inside: avoid;
|
|
|
float: left;
|
|
|
background-size: cover; /* 使背景图按比例缩放，覆盖整个盒子 */
|
|
|
@@ -129,10 +131,10 @@
|
|
|
padding-left: 126rpx;
|
|
|
margin-top: 6rpx;
|
|
|
.pic-1tex{
|
|
|
- font-size: 26rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
}
|
|
|
.pic-1tex2{
|
|
|
- font-size: 20rpx;
|
|
|
+ font-size: 14rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -145,7 +147,6 @@
|
|
|
height: 398rpx;
|
|
|
background-color: #F9F9F9;
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
align-items: center;
|
|
|
flex-direction: column;
|
|
|
// float: left;
|
|
|
@@ -209,9 +210,10 @@
|
|
|
.soucang{
|
|
|
width: 118rpx;
|
|
|
height: 46rpx;
|
|
|
- font-size: 25rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 700;
|
|
|
background-color: #343027;
|
|
|
- border-radius: 40rpx;
|
|
|
+ border-radius: 12rpx;
|
|
|
color: white;
|
|
|
margin-left: auto;
|
|
|
display: flex;
|
