Commit d435cd0a authored by pengguangpu's avatar pengguangpu

添加功能中心&退款页面

parent f468cbbc
{ {
"pages": [ "pages": [
"pages/functioncenter/functioncenter",
"pages/refund/refund",
"pages/login/login",
"pages/balance/balance", "pages/balance/balance",
"pages/operation_waiting/operation_waiting", "pages/operation_waiting/operation_waiting",
"pages/login/login",
"pages/home/home", "pages/home/home",
"pages/index/index", "pages/index/index",
"pages/logs/logs" "pages/logs/logs"
], ],
"window": { "window": {
"navigationStyle": "custom", "navigationStyle": "custom",
......
// pages/functioncenter.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
onRefundClicked:function(){
wx.navigateTo({
url: '/pages/refund/refund',
})
},
onSettingClicked:function(){
},
onAboutSysClicked:function(){
},
onCloseClicked:function(){
wx.navigateBack()
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
<!--pages/functioncenter.wxml-->
<view class="page">
<!--关闭-->
<text style="color:white;font-size:32rpx;margin-left:40rpx;margin-top:20rpx;" bindtap="onCloseClicked">关闭</text>
<!--功能中心-->
<text style="color:white;font-size:64rpx;margin-top:54rpx;margin-left:40rpx;font-weight:bold;">功能中心</text>
<!--操作布局-->
<view class="operation_layout">
<!--refund-->
<view class="operation_item" style="margin-top:60rpx;padding-left:80rpx;" bindtap="onRefundClicked">
<image style="width:72rpx;height:72rpx;background-color:black;"></image>
<text style="color:black;font-size:32rpx;margin-left:20rpx;">退款</text>
<image style="width:30rpx;height:30rpx;background-color:black;margin-left:auto;margin-right:150rpx;"></image>
</view>
<!--line-->
<view class="line"/>
<!--setting-->
<view class="operation_item" style="padding-left:80rpx;" bindtap="onSettingClicked">
<image style="width:72rpx;height:72rpx;background-color:black;"></image>
<text style="color:black;font-size:32rpx;margin-left:20rpx;">系统设置</text>
<image style="width:30rpx;height:30rpx;background-color:black;margin-left:auto;margin-right:150rpx;"></image>
</view>
<!--line-->
<view class="line"/>
<!--about sys-->
<view class="operation_item" style="padding-left:80rpx;" bindtap="onAboutSysClicked">
<image style="width:72rpx;height:72rpx;background-color:black;"></image>
<text style="color:black;font-size:32rpx;margin-left:20rpx;">关于系统</text>
<image style="width:30rpx;height:30rpx;background-color:black;margin-left:auto;margin-right:150rpx;"></image>
</view>
<!--line-->
<view class="line"/>
<!--推出登录-->
<view class="logout_layout">
<text class="btn-submit" bindtap="onLogoutClicked">退出登录</text>
</view>
</view>
</view>
/* pages/functioncenter.wxss */
.page{
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-content: space-between;
background-color: var(--main-color);
}
.operation_layout{
background-color: white;
display: flex;
align-self: flex-end;
width: 100%;
height: 100%;
flex-direction: column;
border-radius: 30rpx 30rpx 0rpx 0rpx;
margin-top: 30rpx;
}
.operation_item{
display: flex;
width: 100%;
height: 112rpx;
flex-direction: row;
align-items: center;
}
.line{
background-color: #E1E4EB;
height: 1rpx;
width: 100%;
margin-left: 80rpx;
margin-right: 80rpx;
}
.logout_layout{
display: flex;
font-size:40rpx;
width: 100%;
position: absolute;
bottom: 86rpx;
align-items: center;
color:var(--main-color);
}
.btn-submit{
display: flex;
height: 114rpx;
width: 573rpx;
color: var(--main-color);
font-size: 40rpx;
align-items: center;
justify-content: center;
margin: auto;
border-color:var(--main-color);
border-radius: 10rpx;
border-width: 2rpx;
border:2rpx solid var(--main-color);
}
\ No newline at end of file
// pages/refund/refund.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
onCloseClicked:function(){
wx.navigateBack()
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
<!--pages/refund/refund.wxml-->
<view class="page">
<!--关闭-->
<text style="color:black;font-size:32rpx;margin-left:40rpx;margin-top:20rpx;" bindtap="onCloseClicked">关闭</text>
<!--提示文字-->
<text style="color:black;font-weight:bold;font-size:40rpx;margin-left:auto;margin-right:auto;margin-top:112rpx;">请扫描订单条码退款</text>
<image src="" style="width:567rpx;height:567rpx;background-color:black;margin-left:auto;margin-right:auto;margin-top:224rpx;"></image>
</view>
/* pages/refund/refund.wxss */
.page{
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-content: space-between;
background-color: white;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment