滚动问题

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

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",

View File

@ -1,6 +1,6 @@
<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">
@ -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,14 +64,14 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content { .scroll-y{
height: calc(100vh - 50px)
}
.content {
background-color: #ffffff; background-color: #ffffff;
padding:20px; padding:50px 20px;
.scroll-y{ }
height: 100vh; .item-list{
}
}
.item-list{
border-radius: 5px; border-radius: 5px;
box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.3);
font-size: 16px; font-size: 16px;
@ -99,10 +99,10 @@
.item-content .item-info:last-child{ .item-content .item-info:last-child{
margin-bottom:0; margin-bottom:0;
} }
} }
.content .item-list:last-child{ .content .item-list:last-child{
margin-bottom:0; margin-bottom:0;
} }