admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成了登录模块

Browse Source
This commit is contained in:
chen-xin-zhi
2025-05-17 23:17:14 +08:00
parent c10a348001
commit e5e3f5b38d
33 changed files with 2860 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/projectModule/projectList/projectList.js Normal file
View File

@ -0,0 +1,66 @@
// pages/projectModule/projectList/projectList.js
Page({
/**
* 页面的初始数据
*/
data: {
items: [null, null, null],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

3
pages/projectModule/projectList/projectList.json Normal file
View File

@ -0,0 +1,3 @@
{
"usingComponents": {}
}

115
pages/projectModule/projectList/projectList.wxml Normal file
View File

@ -0,0 +1,115 @@
<view class="flex-col page">
<view class="flex-row items-center">
<image
class="shrink-0 image"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=8eafcf3d54491c51c90f97a31451bc70.png"
/>
<view class="flex-col flex-1 group_1 ml-20">
<text class="self-start font text">美团省钱包</text>
<view class="flex-row items-center self-stretch mt-7">
<text class="flex-1 font_2 text_2">不限制推广方式、不限美团新老用户，要求美团闪购新用户或...</text>
<view class="flex-row items-center shrink-0 section ml-13">
<image
class="shrink-0 image_2"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=454188c52cef0841952f46f00fe340b4.png"
/>
<text class="text_3 ml-4">结算明细</text>
</view>
</view>
<view class="self-start group mt-7">
<text class="font_2 text_4">最高价</text>
<text class="font_3 text_5">￥7</text>
</view>
</view>
</view>
<view class="flex-col mt-35">
<view class="flex-col group_2">
<view class="flex-row justify-between group_3">
<text class="font text_6">项目详情</text>
<text class="font text_7">我的推广码</text>
</view>
<view class="flex-row justify-between group_4">
<view class="section_2"></view>
<view class="section_2 view"></view>
</view>
</view>
<view class="flex-col group_5">
<view class="flex-col section_3">
<view class="flex-row items-center">
<image
class="image_3"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=d8fd6b2397877af8679585f35c6c1f31.png"
/>
<text class="font text_8 ml-10">项目通知</text>
</view>
<view class="flex-col mt-13">
<view
class="flex-row justify-center items-center relative list-item_1 mt-18"
wx:for="{{items}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<view class="flex-col justify-start items-center text-wrapper pos">
<text class="font_4 text_9">最新</text>
</view>
<text class="font_5 text_10">美团省钱包-春季活动价格上调通知~</text>
</view>
</view>
</view>
<view class="flex-col section_4 mt-24">
<view class="flex-row items-center">
<image
class="image_4"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=0727e8a4ea37a7456da17de39c1b3f2a.png"
/>
<text class="font ml-10">项目政策</text>
</view>
<view class="flex-col mt-15">
<view class="flex-row justify-between section_5">
<text class="font">结算标准</text>
<text class="font text_11">结算价</text>
</view>
<view class="flex-col group_7">
<view
class="flex-row justify-between items-center section_6"
wx:for="{{items_1}}"
wx:for-item="item"
wx:for-index="index"
wx:key="index"
>
<text class="font_6 text_12">3.6元购买30元券包</text>
<text class="font_3 text_13">0.30</text>
</view>
</view>
</view>
</view>
<view class="flex-col mt-24">
<view class="flex-col relative section_7">
<text class="self-start font text_15">结算说明</text>
<view class="self-stretch section_8 view_2"></view>
<image
class="image_5 pos_4"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=3e6eb5208e8ac55c7b94af5272899bbb.png"
/>
</view>
<view class="flex-col relative section_9 mt-21">
<text class="self-start font text_1">项目说明</text>
<view class="self-stretch section_8"></view>
<image
class="image_5 pos_5"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=3e6eb5208e8ac55c7b94af5272899bbb.png"
/>
</view>
<view class="flex-col relative section_9 mt-21">
<text class="self-start font text_1">项目说明</text>
<view class="self-stretch section_8"></view>
<image
class="image_5 pos_6"
src="https://ide.code.fun/api/image?token=6827630f4ae84d00122fd0c8&name=3e6eb5208e8ac55c7b94af5272899bbb.png"
/>
</view>
</view>
</view>
</view>
</view>

252
pages/projectModule/projectList/projectList.wxss Normal file
View File

@ -0,0 +1,252 @@
.ml-13 {
margin-left: 24.38rpx;
}
.mt-7 {
margin-top: 13.13rpx;
}
.mt-35 {
margin-top: 65.63rpx;
}
.mt-13 {
margin-top: 24.38rpx;
}
.mt-15 {
margin-top: 28.13rpx;
}
.mt-21 {
margin-top: 39.38rpx;
}
.page {
padding: 74.92rpx 32.81rpx 201.56rpx 33.75rpx;
background-color: #ffffff;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.image {
width: 123.75rpx;
height: 123.75rpx;
}
.group_1 {
margin-right: 2.81rpx;
}
.font {
font-size: 28.13rpx;
font-family: SourceHanSansCN;
line-height: 26.04rpx;
color: #000000;
}
.text {
font-size: 30rpx;
line-height: 27.75rpx;
}
.font_2 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
color: #666666;
}
.text_2 {
font-size: 24.38rpx;
line-height: 30rpx;
}
.section {
padding: 13.13rpx 7.71rpx 11.25rpx 9.38rpx;
background-color: #a5d63f;
border-radius: 9.38rpx;
height: 54.38rpx;
}
.image_2 {
width: 30rpx;
height: 30rpx;
}
.text_3 {
color: #ffffff;
font-size: 24.38rpx;
font-family: SourceHanSansCN;
line-height: 22.72rpx;
}
.group {
line-height: 22.69rpx;
}
.text_4 {
font-size: 24.38rpx;
line-height: 22.69rpx;
}
.font_3 {
font-size: 26.25rpx;
font-family: Times New Roman;
line-height: 18.09rpx;
color: #d43030;
}
.text_5 {
color: #ff2b2b;
line-height: 19.29rpx;
}
.group_2 {
padding-left: 100.24rpx;
padding-right: 82.2rpx;
}
.group_3 {
padding-bottom: 26.42rpx;
}
.text_6 {
font-size: 30rpx;
line-height: 27.66rpx;
}
.text_7 {
font-size: 30rpx;
line-height: 28.01rpx;
}
.group_4 {
padding: 0 21.64rpx;
}
.section_2 {
background-color: #000000;
width: 73.35rpx;
height: 5.63rpx;
}
.view {
margin-right: 16.88rpx;
}
.group_5 {
padding-top: 38.44rpx;
}
.section_3 {
padding: 32.68rpx 25.2rpx 31.07rpx 28.93rpx;
background-image: linear-gradient(180deg, #ff8d1a -75.6%, #ff8d1a00 42.2%);
border-radius: 18.75rpx;
border: solid 1.88rpx #ffbd7a;
}
.image_3 {
width: 45rpx;
height: 43.13rpx;
}
.text_8 {
line-height: 25.88rpx;
}
.list-item_1 {
padding: 7.07rpx 0 5.94rpx;
}
.list-item_1:first-child {
margin-top: 0;
}
.text-wrapper {
padding: 9.56rpx 0 7.14rpx;
background-color: #ff5733;
border-radius: 37.5rpx;
width: 75rpx;
}
.pos {
position: absolute;
left: 1.88rpx;
top: 50%;
transform: translateY(-50%);
}
.font_4 {
font-size: 22.5rpx;
font-family: SourceHanSansCN;
line-height: 22.59rpx;
color: #ffffff;
}
.text_9 {
line-height: 20.79rpx;
}
.font_5 {
font-size: 26.25rpx;
font-family: SourceHanSansCN;
line-height: 26.04rpx;
color: #000000;
}
.text_10 {
line-height: 24.49rpx;
}
.section_4 {
padding: 42.06rpx 27.07rpx 30.13rpx 30.81rpx;
background-image: linear-gradient(180deg, #ff8d1a -75.6%, #ff8d1a00 23.5%);
border-radius: 24.77rpx;
border: solid 1.88rpx #ffbd7a;
}
.image_4 {
width: 43.13rpx;
height: 43.13rpx;
}
.section_5 {
margin-right: 6.81rpx;
padding: 22.11rpx 80.4rpx 17.29rpx;
background-color: #ebebeb;
border-radius: 9.38rpx 9.38rpx 0rpx 0rpx;
border: solid 1.88rpx #e6e6e6;
}
.text_11 {
margin-right: 8.89rpx;
line-height: 26.25rpx;
}
.group_7 {
margin-right: 6.81rpx;
}
.section_6 {
padding: 21.24rpx 37.18rpx 21.79rpx;
background-color: #ffffff;
border: solid 1.88rpx #d1d1d1;
}
.font_6 {
font-size: 26.25rpx;
font-family: Times New Roman;
line-height: 22.59rpx;
color: #636363;
}
.text_12 {
font-size: 24.38rpx;
}
.text_13 {
margin-right: 71.21rpx;
}
.section_7 {
padding: 40.86rpx 41.12rpx 46.99rpx;
background-image: linear-gradient(180deg, #ff800099 -75.6%, #ff8d1a00 72.6%);
border-radius: 41.18rpx;
border: solid 1.88rpx #ffbd7a;
}
.text_15 {
margin-left: 50.55rpx;
line-height: 26.21rpx;
}
.section_8 {
margin-right: 2.14rpx;
margin-top: 35.92rpx;
background-color: #ffffff00;
height: 538.13rpx;
border: solid 1.88rpx #000000;
}
.view_2 {
margin-top: 35.94rpx;
}
.image_5 {
width: 52.5rpx;
height: 52.5rpx;
}
.pos_4 {
position: absolute;
left: 34.69rpx;
top: 29.06rpx;
}
.section_9 {
padding: 41.04rpx 41.12rpx 46.99rpx;
background-image: linear-gradient(180deg, #ff800099 -75.6%, #ff8d1a00 72.6%);
border-radius: 41.18rpx;
border: solid 1.88rpx #ffbd7a;
}
.text_1 {
margin-left: 50.49rpx;
}
.pos_5 {
position: absolute;
left: 34.69rpx;
top: 29.06rpx;
}
.pos_6 {
position: absolute;
left: 34.69rpx;
top: 29.06rpx;
}