iuu/doc-mini-app
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

list

Browse Source
This commit is contained in:
建超
2024-08-20 23:59:50 +08:00
parent d926b338a2
commit faa008ae28
21 changed files with 606 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/list/list.js Normal file
View File

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

7
pages/list/list.json Normal file
View File

@@ -0,0 +1,7 @@
{
"usingComponents": {
"navigation-bar": "/components/navigation-bar/navigation-bar",
"index-nav-bar": "/components/index-nav-bar/index-nav-bar",
"list-nav-bar": "/components/list-nav-bar/list-nav-bar"
}
}

150
pages/list/list.wxml Normal file
View File

@@ -0,0 +1,150 @@
<!-- <list-nav-bar title="Weixin" back="{{false}}" color="black" background="#3c8bf6"></list-nav-bar> -->
<!-- <navigation-bar title="Weixin" back="{{false}}" color="black" background="#3c8bf6"></navigation-bar> -->
<list-nav-bar title="WeixinWeixinWeixin" background="#3c8bf6" showNavBtn="{{true}}"></list-nav-bar>
<scroll-view style="height: 100%;overflow:hidden;" scroll-y type="list">
<view class="container">
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
<view class="card">
<view class="card-header">
<view class="dot"></view>
<text class="title">超出焊接时间</text>
</view>
<view class="details">
<!-- 查看详情 -->
<text class="group-item-header-tip-txt">查看详情</text>
<image class="details-icon" src="../../images/jt.png"></image>
</view>
</view>
</view>
</scroll-view>

51
pages/list/list.wxss Normal file
View File

@@ -0,0 +1,51 @@
page {
height: 100vh;
display: flex;
flex-direction: column;
background: #f3f2f4;
min-height: 100vh;
}
.container{
margin-top: 45rpx;
margin-left: 30rpx;
margin-right: 30rpx;
}
.card {
background-color: #ffffff;
border-radius: 10rpx;
padding: 30rpx;
margin-bottom: 20rpx;
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
}
.card-header {
display: flex;
align-items: center;
margin-bottom: 20rpx;
}
.dot {
width: 16rpx;
height: 16rpx;
background-color: #3c8bf6; /* 蓝色圆点 */
border-radius: 50%;
margin-right: 20rpx;
}
.title {
font-size: 30rpx;
font-weight: bold;
}
.details {
display: flex;
align-items: center;
color: #737373; /* 灰色文本 */
font-size: 24rpx;
}
.details-icon{
height: 20rpx;
width: 25rpx;
}