Sprinkler-app/page_user/jiaoshui.vue

<template>
	<view>
		<u-navbar :is-back="true" title='浇水日志' title-color="#000" :border-bottom="false" :background="bgc" 
			id="navbar">
		</u-navbar>
        <view class="list">
        	<view class="list_val" v-for="(item,index) in 3" :key="index">
        		<view class="top">
        			2024-10-06
        		</view>
				<view class="val_bd">
					<view class="lt">
						<image src="https://api.ccttiot.com/smartmeter/img/static/utVjuMwTZIfymNLwfJV4" mode=""></image>
						<view></view>
						<image src="https://api.ccttiot.com/smartmeter/img/static/utVjuMwTZIfymNLwfJV4" mode=""></image>
						<view></view>
						<image src="https://api.ccttiot.com/smartmeter/img/static/uhHCvcJFnELXwYYLiCs5" mode=""></image>
					</view>
					<view class="rt">
						<view class="one">
							<view class="cu">定时启动</view>
							<view class="" style="margin-top: 8rpx;">P1浇水5分钟</view>
							<view class="" style="margin-top: 8rpx;display: flex;align-items: center;"> <image src="https://api.ccttiot.com/smartmeter/img/static/u2af4Kw3XTrBrITdr7Ps" mode=""></image> 15:23</view>
						</view>
						<view class="one" style="margin-top: 52rpx;">
							<view class="cu">定时启动</view>
							<view class="" style="margin-top: 8rpx;">P1浇水5分钟</view>
							<view class="" style="margin-top: 8rpx;display: flex;align-items: center;"> <image src="https://api.ccttiot.com/smartmeter/img/static/u2af4Kw3XTrBrITdr7Ps" mode=""></image> 15:23</view>
						</view>
						<view class="one" style="margin-top: 52rpx;">
							<view class="cu">手动启动</view>
							<view class="" style="margin-top: 8rpx;">P1浇水5分钟</view>
							<view class="" style="margin-top: 8rpx;display: flex;align-items: center;"> <image src="https://api.ccttiot.com/smartmeter/img/static/u2af4Kw3XTrBrITdr7Ps" mode=""></image> 15:23</view>
						</view>
					</view>
				</view>
        	</view>
        </view>
		
	</view>
</template>

<script>
	export default {
			data() {
				return {
					bgc: {
						backgroundColor: "#fff",
					},
				}
			},
			// 分享到好友（会话）
			onShareAppMessage: function() {
				return {
					title: '绿小能',
					path: '/pages/index/index'
				}
			},
			
			// 分享到朋友圈  
			onShareTimeline: function() {
				return {
					title: '绿小能',
					query: '',
					path: '/pages/index/index'
				}
			},
			onLoad() {
				
			},
			methods:{
				
			}
		}
</script>

<style lang="less">
	/deep/ .u-title{
		margin-bottom: 22rpx;
	}
	/deep/ .uicon-nav-back{
		margin-bottom: 22rpx;
	}
	.list{
		.list_val{
			.top{
				width: 100%;
				height: 82rpx;
				line-height: 82rpx;
				font-size: 32rpx;
				color: #3D3D3D;
				font-weight: 600;
				padding: 0 44rpx;
				box-sizing: border-box;
			}
			.val_bd{
				display: flex;
				width: 750rpx;
				height: 580rpx;
				background-color: #fff;
				padding: 0 44rpx;
				box-sizing: border-box;
				padding-top: 34rpx;
				.lt{
					margin-right: 40rpx;
					padding-top: 20rpx;
					box-sizing: border-box;
					image{
						width: 90rpx;
						height: 90rpx;
					}
					view{
						width: 2rpx;
						height: 86rpx;
						background: #48893B;
						filter: blur(0px);
						margin: auto;
					}
				}
				.rt{
					.one{
						font-size: 28rpx;
						color: #3D3D3D;
						.cu{
							font-size: 32rpx;
							color: #000000;
							font-weight: 600;
						}
						image{
							width: 30rpx;
							height: 30rpx;
							vertical-align: middle;
						}
					}
				}
			}
		}
	}
	page{
		width: 100%;
		background-color: #A9D1A1;
	}


</style>