<template> <view class="page"> <u-navbar title="我的订单" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='38'></u-navbar> <view class="listorder"> <view class="title"> <view>SDFGA5452168437113123 <u-icon name="file-text" size="38"></u-icon> </view> <view @click="btnnav"><u-icon name="arrow-right"></u-icon></view> </view> <view class="bh"> <text>柜机编号</text> <text>SDGJRAEG15684721339658</text> </view> <view class="bh"> <text>电池编号</text> <text>DFASF5413786946</text> </view> <view class="bh"> <text>手机号码</text> <text>12345678978</text> </view> <view class="bh"> <text>订单状态</text> <text>使用中</text> </view> <view class="bh"> <text>订单金额</text> <text>-</text> </view> <view class="bh"> <text>租借时间</text> <text>2024-04-08 15:05:21</text> </view> <view class="bh"> <text>租借时长</text> <text>-</text> </view> </view> </view> </template> <script> export default { data() { return { } }, onLoad() { }, methods: { btnnav(){ uni.navigateTo({ url:'/pages/myorder/returned/index' }) } } } </script> <style lang="scss"> page { // background-color: ; background: linear-gradient(180deg, #25CE88 0%, rgba(255, 255, 255, 0) 100%); border-radius: 0rpx 0rpx 0rpx 0rpx; } .page { width: 750rpx; padding-left: 34rpx; padding-right: 34rpx; box-sizing: border-box; position: fixed; top: 0; left: 0; .listorder{ margin-top: 32rpx; width: 100%; height: 100%; background-color: #fff; border-radius: 30rpx; padding: 32rpx; box-sizing: border-box; .title{ display: flex; justify-content: space-between; font-weight: 400; font-size: 32rpx; color: #666666; border-bottom: 1px solid #ccc; padding-bottom: 20rpx; margin-bottom: 28rpx; } .bh{ display: flex; justify-content: space-between; margin-top: 18rpx; font-size: 24rpx; color: #808080; line-height: 32rpx; } } } </style>