admin/zhgdyunapp
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

flx：修改承包商管理样式问题

Browse Source
This commit is contained in:
X_Rian 2024-07-27 14:10:07 +08:00
parent 04bbfdc5e6
commit f6797a6cb3
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
pages/contractors/index.vue
View File

@ -12,8 +12,8 @@
<input class="uni-input" name="searchName" v-model="searchForm.enterpriseName" placeholder="搜索"
@input="handleInput" />
<view class="screen" @click="show = !show">筛选</view>
<view class="screen" style="margin-top: 3px; margin-left: 3px;">
<image src="/static/screenIcon.png" style="width: 15px;height: 15px">
<view class="screen" style="margin-top: 6rpx; margin-left: 6rpx;">
<image src="/static/screenIcon.png" style="width: 30rpx;height: 30rpx">
</image>
</view>
</view>
@ -233,18 +233,18 @@
}
.uni-input {
border-radius: 20px;
margin: 10px 10px;
border-radius: 40rpx;
margin: 20rpx 20rpx;
background-color: #f7f8fa;
height: 35px;
line-height: 30px;
padding: 0 20px;
font-size: 14px;
height: 70rpx;
line-height: 60rpx;
padding: 0 40rpx;
font-size: 28rpx;
width: 70%;
}
.screen {
line-height: 50px;
line-height: 100rpx;
color: gray;
}
}
@ -255,8 +255,8 @@
.dialogBox {
color: #000000;
width: 130px;
min-height: 350px;
width: 260rpx;
min-height: 700rpx;
position: fixed;
z-index: 10;
// top: 50%; /* 将元素顶部定位到页面垂直中间 */
@ -269,26 +269,26 @@
border-right: none;
transition: right 0.5s; /* 添加过渡效果 */
text-align: center;
font-size: 12px;
font-size: 24rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 5px 0;
padding: 10rpx 0;
float: right;
.dialogItem {
line-height: 35px;
line-height: 70rpx;
// margin-bottom: 5px;
}
.activeItem{
background-color: rgba(22,132,252, 0.1);
border: 4px solid #1684fc;
border: 8rpx solid #1684fc;
border-top: none;
border-bottom: none;
border-left: none;
}
}
.hidden-dialog{
right: -300px;
right: -600rpx;
}
.open-dialog{
right: 0;
@ -299,20 +299,20 @@
.scrollBox {
z-index: 1001;
height: 100%;
width: calc(100% - 20px);
width: calc(100% - 40rpx);
// background-color: darkred;
margin: 0 10px;
margin: 0 20rpx;
.itemBox {
width: 100%;
min-height: 120px;
margin-top: 10px;
min-height: 240rpx;
margin-top: 20rpx;
border: 1px solid rgba(219, 229, 255, 0.6);
border-radius: 2px;
padding: 5px 10px;
padding: 10rpx 20rpx;
// box-shadow: 0px 8rpx 15rpx 0px rgba(219,229,255,0.6);
// background-color: darkred;
font-size: 12px;
font-size: 24rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
@ -320,7 +320,7 @@
.itemLine1 {}
.itemLine1 {
font-size: 13px;
font-size: 26rpx;
font-weight: bold;
white-space: nowrap;
overflow: hidden; /* 隐藏超出部分 */
@ -364,8 +364,8 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
font-size: 68rpx;
color: darkgray;
transform: translateY(-60px);
transform: translateY(-120rpx);
}
</style>