|
|
@@ -1,11 +1,120 @@
|
|
|
<template>
|
|
|
<view class="center">
|
|
|
-
|
|
|
+ <view class="box">
|
|
|
+ <view class="title">上级用户收款信息(上一级)</view>
|
|
|
+ <view class="main flex" style="border-bottom: 1px solid #F0F0F0;">
|
|
|
+ <view class="left flex">
|
|
|
+ <view class="avtor"><image src="" mode=""></image></view>
|
|
|
+ <view class="main-info">
|
|
|
+ <view class="name">111</view>
|
|
|
+ <view class="phone">111</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">打款金额：￥2000</view>
|
|
|
+ </view>
|
|
|
+ <view class="main flex">
|
|
|
+ <view class="left flex">
|
|
|
+ <view class="bank"><image src="../../static/img/bank.png" mode=""></image></view>
|
|
|
+ <view class="main-info">
|
|
|
+ <view class="name">111</view>
|
|
|
+ <view class="name">111</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right"><view class="right-box">上传凭证</view></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="tishi">
|
|
|
+ *请线下打款并保存截图相关凭证并上传
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
-<script>
|
|
|
-</script>
|
|
|
+<script></script>
|
|
|
|
|
|
-<style>
|
|
|
+<style lang="less">
|
|
|
+.box {
|
|
|
+ padding-top: 10rpx;
|
|
|
+ color: #fad6b0;
|
|
|
+ .title {
|
|
|
+ color: #fff;
|
|
|
+ padding: 10rpx 0 10rpx 20rpx;
|
|
|
+ border-bottom: 1px solid #f0f0f0;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
+ .main {
|
|
|
+ width: 90%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 20rpx;
|
|
|
+ align-items: center;
|
|
|
+ .left {
|
|
|
+ justify-content: flex-start;
|
|
|
+ .bank {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ width: 48rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .avtor {
|
|
|
+ background: #fff;
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .main-info {
|
|
|
+ margin-left: 16rpx;
|
|
|
+ .name {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #fad6b0;
|
|
|
+ }
|
|
|
+ .phone {
|
|
|
+ font-size: 22rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #fad6b0;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #fad6b0;
|
|
|
+ .right-box {
|
|
|
+ width: 188rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ background: linear-gradient(-74deg, #ce9c6d, #ffecd6);
|
|
|
+ border-image: linear-gradient(115deg, #feebd5, #ffffff, #e1ad7d) 1 1;
|
|
|
+ box-shadow: 3rpx 4rpx 5rpx 0px rgba(151, 118, 74, 0.5);
|
|
|
+ border-radius: 28rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #643912;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 56rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.tishi {
|
|
|
+ padding: 20rpx 0 0 24rpx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 26rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #FFFFFF;
|
|
|
+}
|
|
|
</style>
|
