angelo
/
web-zk-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(resettle2): 点位列表样式调整

This commit is contained in:
woody 2025-10-28 14:19:54 +08:00
parent 05c4cf3aa5
commit 26c2a6cb97
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
pages/architecture/resettleArchite/resettle2.vue
View File

@ -231,8 +231,10 @@
<text class="creation-time">{{ item.creationTime }}</text> <text class="creation-time">{{ item.creationTime }}</text>
</view> </view>
<view v-else class="member-info"> <view v-else class="member-info">
<text class="member-code">{{ item.point }}</text> <text class="member-code" style="color: #000">{{
<text class="member-code">空点位</text> item.point
}}</text>
<text class="member-code" style="color: #000">空点位</text>
</view> </view>
</view> </view>
</view> </view>
@ -737,13 +739,14 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
flex-direction: column;
gap: 16rpx;
.member-info { .member-info {
display: flex; display: flex;
align-items: center; align-items: center;
width: 36%; // width: 36%;
.member-code { .member-code {
font-size: 24rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #005bac; color: #005bac;
flex-shrink: 0; flex-shrink: 0;
@ -816,17 +819,19 @@ export default {
/* 点位展示区域 - 紧凑布局 */ /* 点位展示区域 - 紧凑布局 */
.points-container { .points-container {
display: flex; display: flex;
gap: 12rpx; gap: 30rpx;
width: 100%;
justify-content: space-between;
.layer-wrapper { .layer-wrapper {
.points-row { .points-row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
// gap: 2rpx; gap: 8rpx;
.point-slot { .point-slot {
flex: 1; flex: 1;
width: 26rpx !important; width: 32rpx !important;
height: 26rpx !important; height: 32rpx !important;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1128,7 +1133,7 @@ export default {
background: #fff; background: #fff;
border: 2rpx solid #f0f0f0; border: 2rpx solid #f0f0f0;
border-radius: 16rpx; border-radius: 16rpx;
padding: 24rpx 20rpx; padding: 16rpx;
margin-bottom: 16rpx; margin-bottom: 16rpx;
transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
@ -1145,10 +1150,10 @@ export default {
.member-info { .member-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12rpx; gap: 8rpx;
.member-code { .member-code {
font-size: 28rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
color: #005bac; color: #005bac;
line-height: 1.4; line-height: 1.4;