小程序适配

This commit is contained in:
duan
2024-10-29 15:46:53 +08:00
parent a747dba877
commit 764c9461ae
19 changed files with 478 additions and 275 deletions

View File

@@ -1,12 +1,12 @@
<template>
<ul class="supplier">
<li v-for="item in datas.list" :key="item.id">
<view class="supplier">
<view v-for="item in datas.list" :key="item.id">
<view class="">
<view style="display: flex;align-items: center;">
<image src="./profile.png" style="width: 64rpx;height: 64rpx;" mode=""></image>
<view style="margin-left: 16rpx;">
<view style="font-weight: 400;font-size: 28rpx;color: #333333;">
{{item.purveyorName}}
{{item.purveyorName}}
</view>
<text style="color: #999;">{{item.purveyorTelephone}}</text>
</view>
@@ -48,14 +48,16 @@
<span>{{item.remark}}</span>
</view>
<view class="">
<up-button type="primary" @tap="toUrl('PAGES_EDIT_SUPPLIER',{item:JSON.stringify(item)})" :plain="true"
text="编辑">
</up-button><up-button type="primary" @tap="deleteEvent(item.id)" :plain="true" text="删除">
</up-button><up-button type="primary" style="background-color: #318AFE;color: #fff;"
<up-button type="primary" shape="circle" size="mini"
@tap="toUrl('PAGES_EDIT_SUPPLIER',{item:JSON.stringify(item)})" :plain="true" text="编辑">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary" @tap="deleteEvent(item.id)"
:plain="true" text="删除">
</up-button>&nbsp;&nbsp;&nbsp;&nbsp;<up-button size="mini" shape="circle" type="primary"
style="background-color: #318AFE;color: #fff;"
@tap="toUrl('PAGES_PAYMENT_SETTLEMENT',{id:item.id})" :plain="true" text="结款记录"></up-button>
</view>
</li>
</ul>
</view>
</view>
<view class="bottombutton">
<up-button type="primary" style="background-color: #318AFE;color: #fff;" @tap="toUrl('PAGES_ADD_SUPPLIER')"
:plain="true" text="添加供应商"></up-button>
@@ -98,18 +100,17 @@
})
}
</script>
<style scoped lang="less">
<style>
page {
background-color: #f9f9f9;
padding: 28rpx;
}
ul,
li {
list-style: none;
padding: 0;
}
</style>
<style scoped lang="less">
// ul,
// li {
// list-style: none;
// padding: 0;
// }
.bottombutton {
// margin-top: 84rpx;
@@ -117,16 +118,19 @@
bottom: 20rpx;
left: 50%;
transform: translateX(-50%);
width: 90%;
>button {
width: 530rpx;
// width: 530rpx;
height: 80rpx;
border-radius: 56rpx 56rpx 56rpx 56rpx;
}
}
.supplier {
>li {
padding: 28rpx;
>view {
width: 694rpx;
// height: 604rpx;
background: #FFFFFF;