xzzn/emsapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

滚动问题

Browse Source
This commit is contained in:
白菜
2025-07-15 20:17:19 +08:00
parent da8ffab673
commit 55aad68255
2 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
manifest.json
View File

@ -1,6 +1,6 @@
{ {
"name" : "EMS移动端", "name" : "EMS移动端",
"appid" : "__UNI__5FBB073", "appid" : "__UNI__B330617",
"description" : "", "description" : "",
"versionName" : "1.2.0", "versionName" : "1.2.0",
"versionCode" : "100", "versionCode" : "100",

78
pages/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="content"> <scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" >
<scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" > <view class="content">
<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)"> <view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
<view class="item-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view> <view class="item-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view>
<view class="item-content"> <view class="item-content">
<view class="item-info">工单标题:{{item.title}}</view> <view class="item-info">工单标题:{{item.title}}</view>
@ -11,8 +11,8 @@
<view class="item-info">处理人:{{item.workName || '-'}}</view> <view class="item-info">处理人:{{item.workName || '-'}}</view>
</view> </view>
</view> </view>
</scroll-view> </view>
</view> </scroll-view>
</template> </template>
<script> <script>
import {mapState} from 'vuex' import {mapState} from 'vuex'
@ -64,45 +64,45 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content { .scroll-y{
background-color: #ffffff; height: calc(100vh - 50px)
padding:20px; }
.scroll-y{ .content {
height: 100vh; background-color: #ffffff;
padding:50px 20px;
}
.item-list{
border-radius: 5px;
box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
border:1px solid #eee;
.item-title{
border-radius: 5px 5px 0 0;
font-size: 18px;
border-bottom:1px solid #eee ;
padding:10px 15px;
background-color: #FC6B69;
color:#fff;
&.done{
background-color: #05AEA3;
}
} }
} .item-content{
.item-list{ padding:15px 15px;
border-radius: 5px; .item-info{
box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3); margin-bottom:20px;
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
border:1px solid #eee;
.item-title{
border-radius: 5px 5px 0 0;
font-size: 18px;
border-bottom:1px solid #eee ;
padding:10px 15px;
background-color: #FC6B69;
color:#fff;
&.done{
background-color: #05AEA3;
}
}
.item-content{
padding:15px 15px;
.item-info{
margin-bottom:20px;
}
} }
}
.item-content .item-info:last-child{ .item-content .item-info:last-child{
margin-bottom:0;
}
}
.content .item-list:last-child{
margin-bottom:0; margin-bottom:0;
} }
}
.content .item-list:last-child{
margin-bottom:0;
}