hywen
/
YNUtdPlatform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

作业计划列表样式

This commit is contained in:
zzyuan 2024-10-22 10:55:37 +08:00
parent 704d4d11ca
commit 2e161fae44
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
pages/realName/workPlan/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="work-plan"> <view class="page">
<u-navbar <u-navbar
class="u-navbar" class="u-navbar"
title="作业计划" title="作业计划"
@ -12,7 +12,7 @@
<view class="header-fixed"> <view class="header-fixed">
<view class="search-content"> <view class="search-content">
<view> <view style="width: 90%">
<uni-easyinput <uni-easyinput
suffixIcon="search" suffixIcon="search"
v-model="queryParams.params.proName" v-model="queryParams.params.proName"
@ -35,6 +35,7 @@
size="20" size="20"
@tap="onCollection(item)" @tap="onCollection(item)"
:style="{ color: item.isCollect == 1 ? '#f9971e' : '' }" :style="{ color: item.isCollect == 1 ? '#f9971e' : '' }"
style="position: absolute;right: 1%;"
></uni-icons> ></uni-icons>
</view> </view>
<view class="item-2" @tap="onViewWorkDetails(item)"> <view class="item-2" @tap="onViewWorkDetails(item)">
@ -200,41 +201,43 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.work-plan { .page {
background-color: #eee; width: 100vw;
padding-top: 74px; height: 100vh;
background-color: #efefef;
box-sizing: border-box;
}
.header-fixed { .header-fixed {
width: 100%; width: 94%;
padding: 20rpx; margin: 20rpx auto;
position: fixed; background-color: #fff;
top: 64px; border-radius: 10rpx;
left: 0; padding: 20rpx;
z-index: 6;
background-color: #ccc;
.search-content { .search-content {
display: flex; display: flex;
align-items: center; align-items: center;
.search-icon { .search-icon {
width: 48rpx; width: 48rpx;
height: 40rpx; height: 40rpx;
margin-right: 60rpx; margin-right: 60rpx;
margin-left: 30rpx; margin-left: 30rpx;
background: url('../../../static/realName/screen.png') no-repeat; background: url('../../../static/realName/screen.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
.data-container { .data-container {
width: 100%; width: 100%;
// height: 400rpx; height: 75vh;
.scroll-item { .scroll-item {
padding: 14rpx 0; padding: 14rpx 0;
background-color: #fff; background-color: #fff;
margin: 20rpx auto;
} }
.item-1, .item-1,
@ -246,6 +249,7 @@ export default {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
display: flex; display: flex;
align-items: center; align-items: center;
position: relative;
} }
.item-1 view:first-child { .item-1 view:first-child {
@ -263,6 +267,7 @@ export default {
.item-2, .item-2,
.item-3 { .item-3 {
font-size: 24rpx;
justify-content: space-around; justify-content: space-around;
} }
} }
@ -334,5 +339,5 @@ export default {
} }
} }
} }
}
</style> </style>