完成了登录模块
This commit is contained in:
66
pages/projectModule/userProject/userProject.js
Normal file
66
pages/projectModule/userProject/userProject.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/projectModule/userProject/userProject.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
items: [null, null, null, null],
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {
|
||||
|
||||
}
|
||||
})
|
3
pages/projectModule/userProject/userProject.json
Normal file
3
pages/projectModule/userProject/userProject.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
38
pages/projectModule/userProject/userProject.wxml
Normal file
38
pages/projectModule/userProject/userProject.wxml
Normal file
@ -0,0 +1,38 @@
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-col list-item mt-15" wx:for="{{items}}" wx:for-item="item" wx:for-index="index" wx:key="index">
|
||||
<view class="flex-row justify-between items-center self-stretch">
|
||||
<view class="flex-row items-center">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=55a0cb44bf92f5dfe1518dea9faa74bd.png"
|
||||
/>
|
||||
<view class="ml-18 flex-col shrink-0 group">
|
||||
<text class="font">美团省钱包</text>
|
||||
<text class="mt-12 font_2 text">结算T+1 实时数据</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=fe05f6c6627dcf0dd74284c1ac042aed.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="mt-14 flex-row group_2 equal-division">
|
||||
<view class="flex-row justify-center items-center section equal-division-item">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=fb46434478a72f858ba9013d10545e29.png"
|
||||
/>
|
||||
<text class="ml-4 font_3">推广码</text>
|
||||
</view>
|
||||
<view class="ml-14 flex-row items-center section equal-division-item_2">
|
||||
<image
|
||||
class="shrink-0 image_4"
|
||||
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=454188c52cef0841952f46f00fe340b4.png"
|
||||
/>
|
||||
<text class="font_4 text_2 ml-3">结算明细</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
99
pages/projectModule/userProject/userProject.wxss
Normal file
99
pages/projectModule/userProject/userProject.wxss
Normal file
@ -0,0 +1,99 @@
|
||||
.mt-15 {
|
||||
margin-top: 28.13rpx;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 5.63rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #f5f5f5;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.list {
|
||||
padding: 54.38rpx 37.5rpx 200.63rpx;
|
||||
background-image: linear-gradient(180deg, #ff8d1a -24.5%, #ff8d1a00 57.4%);
|
||||
}
|
||||
.list-item {
|
||||
padding: 30rpx 26.25rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.image {
|
||||
width: 105rpx;
|
||||
height: 105rpx;
|
||||
}
|
||||
.group {
|
||||
width: 261.25rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 27.75rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 24.38rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 31.88rpx;
|
||||
color: #9c9c9c;
|
||||
}
|
||||
.text {
|
||||
font-size: 26.25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 41.25rpx;
|
||||
height: 41.25rpx;
|
||||
}
|
||||
.group_2 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.equal-division {
|
||||
width: 336.56rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 33.75rpx;
|
||||
height: 33.75rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 24.38rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 22.69rpx;
|
||||
color: #ff8d1a;
|
||||
}
|
||||
.section {
|
||||
flex: 1 1 155.63rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
padding: 11.25rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
height: 56.25rpx;
|
||||
border-left: solid 1.88rpx #ff8d1a;
|
||||
border-right: solid 1.88rpx #ff8d1a;
|
||||
border-top: solid 1.88rpx #ff8d1a;
|
||||
border-bottom: solid 1.88rpx #ff8d1a;
|
||||
}
|
||||
.equal-division-item_2 {
|
||||
padding: 11.25rpx;
|
||||
background-color: #ff8d1a;
|
||||
border-radius: 9.38rpx;
|
||||
height: 54.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 24.38rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 22.69rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
.text_2 {
|
||||
line-height: 22.72rpx;
|
||||
}
|
Reference in New Issue
Block a user