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移动端",
"appid" : "__UNI__5FBB073",
"appid" : "__UNI__B330617",
"description" : "",
"versionName" : "1.2.0",
"versionCode" : "100",

80
pages/index.vue
View File

@ -1,7 +1,7 @@
<template>
<view class="content">
<scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" >
<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
<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-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view>
<view class="item-content">
<view class="item-info">工单标题:{{item.title}}</view>
@ -11,8 +11,8 @@
<view class="item-info">处理人:{{item.workName || '-'}}</view>
</view>
</view>
</scroll-view>
</view>
</view>
</scroll-view>
</template>
<script>
import {mapState} from 'vuex'
@ -64,45 +64,45 @@
</script>
<style scoped lang="scss">
.content {
background-color: #ffffff;
padding:20px;
.scroll-y{
height: 100vh;
}
}
.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{
padding:15px 15px;
.item-info{
margin-bottom:20px;
}
}
.item-content .item-info:last-child{
margin-bottom:0;
.scroll-y{
height: calc(100vh - 50px)
}
.content {
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;
}
}
.content .item-list:last-child{
.item-content{
padding:15px 15px;
.item-info{
margin-bottom:20px;
}
}
.item-content .item-info:last-child{
margin-bottom:0;
}
}
.content .item-list:last-child{
margin-bottom:0;
}