diff --git a/pages/contractors/index.vue b/pages/contractors/index.vue index a765b6e8..8eb58926 100644 --- a/pages/contractors/index.vue +++ b/pages/contractors/index.vue @@ -12,8 +12,8 @@ 筛选 - - + + @@ -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); } \ No newline at end of file