解决了已知问题
This commit is contained in:
Ling53666
66
pages/mingxi/mingxi.js
Normal file
66
pages/mingxi/mingxi.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/mingxi/mingxi.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
||||
4
pages/mingxi/mingxi.json
Normal file
4
pages/mingxi/mingxi.json
Normal file
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "明细",
|
||||
"usingComponents": {}
|
||||
}
|
||||
43
pages/mingxi/mingxi.wxml
Normal file
43
pages/mingxi/mingxi.wxml
Normal file
@ -0,0 +1,43 @@
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col group mt-25">
|
||||
<view class="flex-col justify-start items-start self-stretch text-wrapper">
|
||||
<text class="text_2">业务员 ： 高婧怡</text>
|
||||
</view>
|
||||
<text class="self-start font text_3">结算日期</text>
|
||||
<view class="flex-col self-stretch list">
|
||||
<view
|
||||
class="flex-col relative list-item mt-15"
|
||||
wx:for="{{items}}"
|
||||
wx:for-item="item"
|
||||
wx:for-index="index"
|
||||
wx:key="index"
|
||||
>
|
||||
<view class="flex-row items-center self-stretch group_2">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=68199c7e4ae84d00122ebbb9&name=8295b124fb9c66fde0f968424b693190.png"
|
||||
/>
|
||||
<text class="ml-14 font text_4">美团省钱包</text>
|
||||
</view>
|
||||
<view class="flex-col self-stretch section_2">
|
||||
<view class="flex-row">
|
||||
<text class="font">结算标准</text>
|
||||
<text class="ml-38 font text_5">结算数量</text>
|
||||
<text class="ml-38 font">结算收益</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline mt-25">
|
||||
<text class="font text_6">完成订单</text>
|
||||
<text class="font_2 text_7">3</text>
|
||||
<text class="font_2 text_8">￥2.00</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline mt-25">
|
||||
<text class="font text_9">合计金额</text>
|
||||
<text class="font_2 text_10">3</text>
|
||||
<text class="font_2 text_11">￥2.00</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="self-start font_3 text_12">时间：2025-04-16</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
125
pages/mingxi/mingxi.wxss
Normal file
125
pages/mingxi/mingxi.wxss
Normal file
@ -0,0 +1,125 @@
|
||||
.mt-25 {
|
||||
margin-top: 48.08rpx;
|
||||
}
|
||||
.mt-15 {
|
||||
margin-top: 28.85rpx;
|
||||
}
|
||||
.ml-123 {
|
||||
margin-left: 236.54rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 238.46rpx;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 34.62rpx 23.08rpx;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.image {
|
||||
width: 34.62rpx;
|
||||
height: 19.23rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 0 38.46rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 46.15rpx 0 38.46rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.85rpx;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 42.31rpx;
|
||||
color: #000000;
|
||||
font-size: 30.77rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 36.54rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.list {
|
||||
margin-top: 26.92rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 0 38.46rpx 50rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.62rpx;
|
||||
box-shadow: 0rpx 3.85rpx 7.69rpx #00000040;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 38.46rpx 0;
|
||||
}
|
||||
.image_2 {
|
||||
width: 82.69rpx;
|
||||
height: 82.69rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 13.46rpx;
|
||||
margin-right: 5.77rpx;
|
||||
padding: 30.77rpx 46.15rpx 53.85rpx;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 8.15rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.15rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_4 {
|
||||
font-size: 26.92rpx;
|
||||
line-height: 24.9rpx;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 11.54rpx;
|
||||
margin-top: 42.31rpx;
|
||||
line-height: 23.23rpx;
|
||||
}
|
||||
.text {
|
||||
font-size: 26.92rpx;
|
||||
line-height: 25.1rpx;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 23.19rpx;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 23.4rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 18.98rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 107.69rpx;
|
||||
}
|
||||
.text_8 {
|
||||
margin-left: 138.46rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 23.33rpx;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 103.85rpx;
|
||||
}
|
||||
.text_11 {
|
||||
margin-left: 142.31rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 21.15rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 18.98rpx;
|
||||
color: #808080;
|
||||
}
|
||||
.text_12 {
|
||||
margin-left: 19.23rpx;
|
||||
margin-top: 23.08rpx;
|
||||
line-height: 19.37rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user