杨世雄 / chemai2 · 提交

转到一个项目

作者 侯潞浩
提交 60bf0975ec9c9fe7d389089663ae27f1f991e928 1 个父辈 350a4f2c

新静态页面完成

内嵌 并排对比
正在显示 10 个修改的文件 包含 389 行增加 和 11 行删除
... ... @@ -126,7 +126,8 @@
"pages/ViolationRes/ViolationRes",
"pages/InvitationReward/InvitationReward",
"pages/jiangliList/jianhliList",
"pages/account/account"
"pages/account/account",
"pages/accountcashout/accountcashout"
],
"window": {
"backgroundTextStyle": "dark",
... ...
... ... @@ -6,12 +6,17 @@ Page({
*/
data: {
active: 1,
color:'#f59b22'
color: '#f59b22'
},
/**
* 生命周期函数--监听页面加载
*/
toaccountcashout() {
wx.navigateTo({
url: '/pages/accountcashout/accountcashout',
})
},
onLoad(options) {
},
... ...
... ... @@ -2,5 +2,7 @@
"usingComponents": {
"van-tab": "@vant/weapp/tab/index",
"van-tabs": "@vant/weapp/tabs/index"
}
},
"navigationBarBackgroundColor": "#fce8dc",
"navigationBarTitleText": "我的收益"
}
\ No newline at end of file
... ...
... ... @@ -15,7 +15,7 @@
<view class="keti">
可提现余额（元）
</view>
<view class="btn">
<view class="btn" bind:tap="toaccountcashout">
去提现
<image class="image" src="https://xiaoxiangauto.com/assets/static/img/arrow-you.png" mode="" />
</view>
... ... @@ -24,13 +24,58 @@
<view>
<van-tabs sticky active="{{ active }}" bind:change="onChange" line-width="{{30}}" color="{{color}}">
<van-tab title="账户明细">
<scroll-view>
<scroll-view class="mingxi1" scroll-y>
<view class="item" wx:for="{{15}}" wx:key="index" wx:for-index="index" wx:for-item="item">
<view class="left">
<view class="title">
提现到支付宝
</view>
<view class="time">
2023.1.7
</view>
</view>
<view class="right">
<view class="pricec">
-100
</view>
<view class="balance">
余额:1788
</view>
</view>
</view>
</scroll-view>
</van-tab>
<van-tab title="佣金明细">
<scroll-view>
<scroll-view class="mingxi1" scroll-y>
<view class="itema" wx:for="{{15}}" wx:key="index" wx:for-index="index" wx:for-item="item">
<view class="lefta">
<view class="info">
<image class="img" src="/static/img/1_icon.png" mode="" />
<view class="nikename">
<view>
昵称
</view>
<view>
手机号:121540245
</view>
</view>
</view>
<view class="pricec">
-100
</view>
</view>
<view class="righta">
<view class="time">
2023.1.7
</view>
<view class="time">
活动名称
</view>
<view class="balance">
余额:1788
</view>
</view>
</view>
</scroll-view>
</van-tab>
</van-tabs>
... ...
... ... @@ -52,9 +52,9 @@ page {
justify-content: center;
align-items: center;
background-color: #fff;
font-size: 28rpx;
font-size: 26rpx;
color: #fd7f2e;
width: 154rpx;
width: 140rpx;
height: 64rpx;
border-radius: 50rpx 0 0 50rpx;
}
... ... @@ -67,9 +67,81 @@ page {
.list {
width: 686rpx;
margin: 0 auto;
height: 60vh;
height: 70vh;
/* padding: 32rpx; */
box-sizing: border-box;
background: #fff;
border-radius: 16rpx;
}
.mingxi1 {
height: 60vh;
}
.item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 36rpx;
box-sizing: border-box;
}
.itema {
padding: 24rpx 36rpx;
box-sizing: border-box;
}
.title {
font-size: 30rpx;
font-weight: 700;
}
.time {
font-size: 26rpx;
opacity: 0.5;
margin-top: 12rpx;
}
.right {}
.pricec {
font-size: 30rpx;
font-weight: 700;
color: #f59b2f;
text-align: right;
}
.balance {
font-size: 26rpx;
opacity: 0.5;
margin-top: 12rpx;
}
.lefta {
display: flex;
justify-content: space-between;
align-items: center;
}
.info {
display: flex;
align-items: center;
}
.img {
height: 60rpx;
width: 60rpx;
border-radius: 50%;
}
.nikename {
font-size: 26rpx;
margin-left: 24rpx;
}
.righta {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 24rpx;
}
\ No newline at end of file
... ...
// pages/accountcashout/accountcashout.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f9623a",
"navigationBarTitleText": "提现"
}
\ No newline at end of file
... ...
<!--pages/accountcashout/accountcashout.wxml-->
<view>
<view class="bg">
</view>
<view class="header">
<view class="title">
可提现余额（元）
</view>
<view class="cprice">
￥1888.8
</view>
</view>
<view class="main">
<view class="maintitle">
提现金额
</view>
<view class="input">
<view class="left">
<view class="icon">
￥
</view>
<input class="inp" type="text" />
</view>
<view class="all">
全部提现
</view>
</view>
<view class="tips">
<view class="">
提现到
</view>
<view class="">
微信钱包
</view>
</view>
<scroll-view class="mingxi1" scroll-y>
<view class="item" wx:for="{{15}}" wx:key="index" wx:for-index="index" wx:for-item="item">
<view class="lefta">
<view class="title">
提现到支付宝
</view>
<view class="time">
2023.1.7
</view>
</view>
<view class="right">
<view class="pricec">
-100
</view>
<view class="balance">
余额:1788
</view>
</view>
</view>
</scroll-view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/accountcashout/accountcashout.wxss */
.bg {
position: absolute;
top: 0;
left: 0;
height: 300rpx;
width: 100%;
background-color: #fa6036;
z-index: -1;
}
.header {
width: 686rpx;
margin: 32rpx auto 0;
color: #fff;
}
.title {
font-size: 36rpx;
}
.cprice {
font-size: 40rpx;
font-weight: 700;
margin-top: 24rpx;
}
.main {
width: 686rpx;
margin: 32rpx auto 0;
background-color: #fff;
min-height: 80vh;
border-radius: 16rpx;
padding: 24rpx;
box-sizing: border-box;
}
.maintitle {
font-size: 36rpx;
font-weight: 700;
}
.input {
display: flex;
justify-content: space-between;
align-items: center;
margin: 24rpx 0;
}
.left {
display: flex;
align-items: center;
font-weight: 700;
}
.icon {
font-size: 54rpx;
}
.inp {
font-size: 54rpx;
}
.all {
font-size: 26rpx;
color: #f9bb53;
white-space: nowrap;
font-weight: 700;
}
.tips {
display: flex;
justify-content: space-between;
align-items: center;
height: 88rpx;
font-size: 26rpx;
margin: 0 auto;
border-bottom: 2rpx solid #d7d7d7;
}
.mingxi1 {
height: 60vh;
}
.item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 36rpx;
box-sizing: border-box;
}
.title {
font-size: 30rpx;
font-weight: 700;
}
.time {
font-size: 26rpx;
opacity: 0.5;
margin-top: 12rpx;
}
.right {}
.pricec {
font-size: 30rpx;
font-weight: 700;
color: #f59b2f;
text-align: right;
}
.balance {
font-size: 26rpx;
opacity: 0.5;
margin-top: 12rpx;
}
\ No newline at end of file
... ...
... ... @@ -7,6 +7,13 @@
"miniprogram": {
"list": [
{
"name": "pages/accountcashout/accountcashout",
"pathName": "pages/accountcashout/accountcashout",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "pages/account/account",
"pathName": "pages/account/account",
"query": "",
... ...