|
|
@@ -0,0 +1,128 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <scroll-view scroll-y="true" class="list-wrap" :style="{'height': maxheight}">
|
|
|
+ <view class="user-item ">
|
|
|
+ <view class="user-info">
|
|
|
+ <image src="" mode=""></image>
|
|
|
+ <view class="">
|
|
|
+ 往事随风往事随风
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="user-base">
|
|
|
+ <view class="">
|
|
|
+ 电话:13756234569
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ 地址:椒江区东海大道400号
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ 进店时间:2023-12-20 14:20:12
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="jg"></view>
|
|
|
+ <view class="btn-list flex">
|
|
|
+ <view class="btn">
|
|
|
+ 水票:<text>30</text>
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ 押桶:<text>5</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ getUserList
|
|
|
+ } from "@/api/user.js"
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ maxheight: '',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(opt) {
|
|
|
+ this.getUserList()
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ onReady(res) {
|
|
|
+ var that = this;
|
|
|
+ uni.getSystemInfo({
|
|
|
+ success: resu => {
|
|
|
+ const query = uni.createSelectorQuery();
|
|
|
+ query.select('.list-wrap').boundingClientRect();
|
|
|
+ query.exec(function(res) {
|
|
|
+ that.maxheight = resu.windowHeight - res[0].top + 'px';
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail: res => {}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getUserList() {
|
|
|
+ getUserList().then(res => {
|
|
|
+ console.log(res);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.user-item {
|
|
|
+ width: 750rpx;
|
|
|
+ align-items: flex-start;
|
|
|
+ padding: 25rpx 45rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-bottom: 15rpx;
|
|
|
+ .user-info {
|
|
|
+ height: 72rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ image {
|
|
|
+ height: 72rpx;
|
|
|
+ width: 72rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ background-color: #eee;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .jg {
|
|
|
+ width: 681rpx;
|
|
|
+ height: 2rpx;
|
|
|
+ background: #E6E6E6;
|
|
|
+ margin: 25rpx auto;
|
|
|
+ }
|
|
|
+ .user-base {
|
|
|
+ view {
|
|
|
+ margin: 15rpx 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .btn-list {
|
|
|
+ justify-content: flex-start;
|
|
|
+ .btn {
|
|
|
+ padding: 15rpx 30rpx;
|
|
|
+ margin-right: 32rpx;
|
|
|
+
|
|
|
+ border: 2px solid #333333;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 31rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+ text {
|
|
|
+ color: #FF4C4C;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|