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/222.js Normal file
View File

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

3
pages/222.json Normal file
View File

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

2
pages/222.wxml Normal file
View File

@@ -0,0 +1,2 @@
<!--pages/222.wxml-->
<text>pages/222.wxml</text>

1
pages/222.wxss Normal file
View File

@@ -0,0 +1 @@
/* pages/222.wxss */

50
pages/index/index.js
View File

@@ -3,15 +3,45 @@ Page({
data: {
codes: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
faq: [
{ title: '超出焊接时间', date: '08.04 00:48' },
{ title: '时间超长', date: '08.04 00:48' },
{ title: '常见问题常见问题', date: '08.04 00:48' }
faq: [{
title: '超出焊接时间',
date: '08.04 00:48'
},
{
title: '时间超长',
date: '08.04 00:48'
},
{
title: '常见问题常见问题',
date: '08.04 00:48'
}
],
knowledge: [
{ title: '超出焊接时间', date: '08.04 00:48' },
{ title: '时间超长', date: '08.04 00:48' },
{ title: '常见问题常见问题', date: '08.04 00:48' }
knowledge: [{
title: '超出焊接时间',
date: '08.04 00:48'
},
{
title: '时间超长',
date: '08.04 00:48'
},
{
title: '常见问题常见问题',
date: '08.04 00:48'
}
]
},
})
},
jumpPage(e) {
let jumpType = e.currentTarget.dataset.jumptype;
console.log(jumpType == 1);
if(jumpType == 1){
wx.navigateTo({
url: "/pages/list/list?id=1"
})
}
// wx.navigateTo({
// url: this.data.category[index].url
// })
},
})

44
pages/index/index.wxml
View File

@@ -17,7 +17,7 @@
<view class="section-title">故障码快速查询</view>
<view class="code-grid">
<block wx:for="{{codes}}" wx:key="index">
<view class="code-button">{{item}}</view>
<view class="code-button" bind:tap="jumpPage" data-jumpType="2">{{item}}</view>
</block>
</view>
<view class="pagination">
@@ -36,23 +36,23 @@
<view class="group-item-header">
<view class="group-item-header-tip"></view>
<view class="group-item-header-title">常见问题解决</view>
<view class="group-item-header-tip">
<view class="group-item-header-tip" bind:tap="jumpPage" data-jumpType="1">
<view class="group-item-header-tip-txt">全部</view>
<image class="group-item-header-tip-image" src="../../images/jt.png"></image>
</view>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
@@ -64,23 +64,23 @@
<view class="group-item-header">
<view class="group-item-header-tip"></view>
<view class="group-item-header-title">超声波知识</view>
<view class="group-item-header-tip">
<view class="group-item-header-tip" bind:tap="jumpPage" data-jumpType="1">
<view class="group-item-header-tip-txt">全部</view>
<image class="group-item-header-tip-image" src="../../images/jt.png"></image>
</view>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
@@ -93,23 +93,23 @@
<view class="group-item-header">
<view class="group-item-header-tip"></view>
<view class="group-item-header-title">技术支持</view>
<view class="group-item-header-tip">
<view class="group-item-header-tip" bind:tap="jumpPage" data-jumpType="1">
<view class="group-item-header-tip-txt">全部</view>
<image class="group-item-header-tip-image" src="../../images/jt.png"></image>
</view>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
<view class="group-txt-item">
<text class="group-txt-item-bullet">•</text>
<view class="group-txt-item" bind:tap="jumpPage" data-jumpType="2">
<view class="group-txt-item-bullet"></view>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>

29
pages/index/index.wxss
View File

@@ -176,7 +176,7 @@ page {
}
.group-item-header {
height: 100rpx;
height: 110rpx;
/* background: chartreuse; */
display: flex;
justify-content: space-between;
@@ -187,12 +187,25 @@ page {
}
.group-item-header-title {
flex: 1;
/* flex: 1; */
width: 255rpx;
justify-content: center;
align-items: center;
/* padding-left: 25rpx;
padding-right: 25rpx;
padding-top: 5rpx; */
padding:5rpx 25rpx 0 25rpx;
font-family: YouSheBiaoTiHei-1;
text-align: center;
font-size: 36rpx;
color: #3c8af6;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAA3CAYAAADUkQzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE6klEQVR4nO3dzW8VVRzG8e8tgkrEDWnsRmtdQMGgK0JAdGGIgi9bTXDbgBEksjL+Be40vjRY4svORbdqwEBYKEpYsDC02rKA1m4qxI1V0Dbluvidhi7umZd7Z+6559znkzSEO3Pm/ELzMHNnzpzTaDabiEg6BkIXICLVUqhFEnOfb8O1xZVu1uG3NXQB0nV/hi6gMiPAi8B+YAcwDGxx25aAeeA34CLwPXCjzMG3DW1s+XnD951aoZZg4g71BuA14DiwF2gUbNcELgGfApPAal4DX6h1+S1SnQPAFPA1sI/igcbtu8+1nXLHaotCLdK5B4AJ4BwwWsHxRt2xJtyxS1GoRTozCPwAHKnh2EfcsQfLNFKoRdo3CPwI7K6xj92uj8LBVqjTsRP4ALub+q/7+dV9tjNgXanaDHwDbO9CX9tdX5uL7KxQx28Tdsf0KnAS+z52v/vZ4T67CnwGPBioxhR9BOzpYn97XJ+5FOq4bQK+A46R/bscAI4C37o20pkDwFiAfscocFdcoY7bh5R79PE8djku7RsAPg7Y/yfYs3AvhTpeT2Jn37LedG2lPa9jX2tCGcUGt3gp1PEaI+d/bI8NhLl0TMWx0AVgo9W8FOp4HQzUtl69PUR0BBv1Fdpe4AnfRoU6Xt5fas1t+9lByg39rEsDe1GkJYW6Py2HLiBSz4QuYB1vLQp1vK530Ha+sir6Sy/dYPQOKFKo43W2g7bnK6uivzwauoB1hn0bFOp4fUGBd25bWAU+r7iWfrElf5eueci3QaGO1xT2al5ZE66tJEqhjttJyl1KX3BtpD1LoQtY52/fBoU6bsvAy8A4cDdjv7vYGfoVdOe7EwuhC1jnd98GhTp+y9gIo6ewt3hmgRXgH2DaffY0Njz0TqAai+ntgSdgr7L2imnfBu9sohKdaeCd0EUk7iJwOHQRzk++DTpTS2/o/bM02DS+vbCkTROrpSWFWqS468DPoYvAphL2Dj5SqEXKGQ9dADbTjZdCLeHFcem9ZhKYCdj/jKvBS6EWKWcVeDtg/yfIGUmoUIuUdx74KkC/X2KT/GdSqEXacxy43MX+LlPwCkGhFmnPbeBVbLBP3WZdX7eL7KxQi7TvFvAccKXGPq64Pm4VbaBQi3TmJvAscLqGY5/G1ra+WaZRmVBrWReR1u5g0zW/QDWX47PuWEexnJVSJNSpLesyDJzCpvT5z/15ioyZJEQKOodNeXQYG/VVdkjpJeANd4zcu9w+jWazdb/XFlfg3rIuRVeBuAAcosrX+7ZWdiSw2SAnaT2DxRI2SXon0wRJO+IafFLGCJaH/djJ8DHgYbftL+z1yRnsRZEzwI0yB982tLHl53mhHgfeKtORa5M52Xgp1YX6ceAX7v2jtrKEvcI4V1mvki/dUNfKF+qsy+/UlnV5j+xAg53B3+1CLSK1yQp1asu6HCq430u1ViFSs6xQp7asyyMF9xuqtQqRmmWFOrVlXf4ouN9irVWI1KyuwSe9OLndmYL76e63RC0r1Kkt6/I++VO8Lrn9RKKVFerUlnWZw55D+4K99px6rkv1iNQiK9S9saxLtc8wzwK7sDmwF7CvCQvu77vQpbckIGuK4LVlXcoOPun1ZV3msWfpIknKu1GmZV1EIpMXai3rIhKZIo+00lnWRaQPeF/oEJE4aeYTkcQo1CKJ+R8nM+7CXs93fAAAAABJRU5ErkJggg==);
background-size: cover;
/* background-position: center; */
background-position: 0 0;
background-repeat: no-repeat;
}
@@ -242,11 +255,17 @@ page {
/*最后一个元素不带虚线*/
.group-txt-item-bullet {
color: #318bf7;
/* color: #318bf7;
margin-right: 10rpx;
font-size: 40rpx;
font-weight: bold;
line-height: 85rpx;
line-height: 85rpx; */
width: 12rpx;
height: 12rpx;
background-color: #3c8bf6;; /* 蓝色圆点 */
border-radius: 50%;
margin-right: 15rpx;
}
.group-txt-item-text {

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;
}