style(pageIndex): 优化检查历史页面样式

- 调整列表项标题和签字状态的布局
- 新增 .sign-box1 和 .is-sign 类样式,提升视觉效果
- 在 global.scss 中添加 .mx70 类,用于限制宽度
master
Tuzki 3 months ago
parent 326b7e773d
commit c68d9dcbe2
  1. 18
      pageIndex/checkHsitory/checkHsitory.vue
  2. 4
      static/scss/global.scss

@ -42,10 +42,10 @@
<view class="list-item" v-for="(item, index) in dataList" :key="index">
<view class="list-item-header">
<view class="list-item-header-title">
<text>
<text class="mx70">
{{ item.title }}
</text>
<text class="sign-box" :class="{ 'is-sign': item.isSign == 1 }">
<text class="sign-box1" :class="{ 'is-sign': item.isSign == 1 }">
{{ item.isSign == 1 ? '已签字' : '未签字' }}
</text>
</view>
@ -370,7 +370,19 @@ export default {
}
.sign-box {
.sign-box{
flex: 1;
}
.sign-box1 {
background: #3E73F5;
border-radius: 8rpx 8rpx 8rpx 0rpx;
color: #fff !important;
font-size: 24rpx !important;
padding: 6rpx 12rpx;
}
.is-sign{
background: #00ba16;
}
</style>

@ -228,6 +228,10 @@
font-size: 32rpx;
color: #1B1B1B;
}
.mx70{
width: 70%;
}
}
.list-item-header-index {

Loading…
Cancel
Save