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