diff --git a/app.json b/app.json index 2a98f69..3743068 100644 --- a/app.json +++ b/app.json @@ -1,22 +1,24 @@ { - "pages": [ - "pages/index/index" - ], - "window": { - "navigationBarTextStyle": "black", - "navigationStyle": "custom" - }, - "style": "v2", - "renderer": "skyline", - "rendererOptions": { - "skyline": { - "defaultDisplayBlock": true, - "disableABTest": true, - "sdkVersionBegin": "3.0.0", - "sdkVersionEnd": "15.255.255" - } - }, - "componentFramework": "glass-easel", - "sitemapLocation": "sitemap.json", - "lazyCodeLoading": "requiredComponents" + "pages": [ + "pages/index/index", + "pages/list/list", + "pages/222" + ], + "window": { + "navigationBarTextStyle": "black", + "navigationStyle": "custom" + }, + "style": "v2", + "renderer": "skyline", + "rendererOptions": { + "skyline": { + "defaultDisplayBlock": true, + "disableABTest": true, + "sdkVersionBegin": "3.0.0", + "sdkVersionEnd": "15.255.255" + } + }, + "componentFramework": "glass-easel", + "sitemapLocation": "sitemap.json", + "lazyCodeLoading": "requiredComponents" } \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.js b/components/list-nav-bar/list-nav-bar.js new file mode 100644 index 0000000..a12d8ec --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.js @@ -0,0 +1,52 @@ +const app = getApp() +Component({ + + /** + * 组件的属性列表 + */ + properties: { + showNavBtn: { + type: Boolean, + value: true + }, + title: { + type: String, + value: '标题' + }, + color: { + type: String, + value: '#fff' + }, + }, + + /** + * 组件的初始数据 + */ + data: { + navBarHeight: app.globalData.navBarHeight, + menuRight: app.globalData.menuRight, + menuTop: app.globalData.menuTop, + menuHeight: app.globalData.menuHeight, + }, + + /** + * 组件的方法列表 + */ + methods: { + // 回退 + navBack() { + wx.navigateBack() + this.triggerEvent('onBack') + }, + // 回主页 + // navHome() { + // wx.switchTab({ + // url: '/src/pages/home/home' + // }) + // this.triggerEvent('onHome') + // }, + // navIcon() { + // this.triggerEvent('onIcon') + // } + }, +}) \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.json b/components/list-nav-bar/list-nav-bar.json new file mode 100644 index 0000000..df865e8 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.json @@ -0,0 +1,5 @@ +{ + "component": true, + "styleIsolation": "apply-shared", + "usingComponents": {} + } \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.wxml b/components/list-nav-bar/list-nav-bar.wxml new file mode 100644 index 0000000..1455020 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.wxml @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + {{title}} + + + + + + + + \ No newline at end of file diff --git a/components/list-nav-bar/list-nav-bar.wxss b/components/list-nav-bar/list-nav-bar.wxss new file mode 100644 index 0000000..c6abdd6 --- /dev/null +++ b/components/list-nav-bar/list-nav-bar.wxss @@ -0,0 +1,65 @@ +.navbar { + position: fixed; + width: 100%; + top: 0; + color: #fff; + background: #3c8bf6; + display: flex; + flex-flow:column; + justify-content: flex-end; + } + + .navbar-container { + + height: 100rpx; + position: relative; + /* display: flex; + flex-flow:row; + align-items: center; + justify-content: center; */ + /* position: relative; */ + /* width: 100vw; + height: 64rpx; + z-index: 100; + display: flex; + box-sizing: border-box; */ + } + + .navbar-btn { + display: flex; + flex-flow:row; + align-items: center; + justify-content: center; + margin-left: 20px; + width: 60rpx; + height: 100rpx; + /* position: absolute; */ + /* left: 24rpx; + width: 64rpx; + height: 64rpx; */ + /* + + + z-index: 100; + display: flex; + align-items: center; */ + } + + .navbar-icon { + width: 36rpx; + height: 36rpx; + } + + .navbar_title { + position: absolute; + width: 100%; + height: 100rpx; + line-height: 100rpx; + font-weight: 700; + text-align: center; + box-sizing: border-box; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + \ No newline at end of file diff --git a/images/back.png b/images/back.png new file mode 100644 index 0000000..55ac570 Binary files /dev/null and b/images/back.png differ diff --git a/images/back.svg b/images/back.svg new file mode 100644 index 0000000..c1570e6 --- /dev/null +++ b/images/back.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/home.svg b/images/home.svg new file mode 100644 index 0000000..a58b76d --- /dev/null +++ b/images/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..b59a979 Binary files /dev/null and b/images/logo.png differ diff --git a/images/tbg.png b/images/tbg.png new file mode 100755 index 0000000..cd8e0e4 Binary files /dev/null and b/images/tbg.png differ diff --git a/pages/222.js b/pages/222.js new file mode 100644 index 0000000..5ff1443 --- /dev/null +++ b/pages/222.js @@ -0,0 +1,66 @@ +// pages/222.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/222.json b/pages/222.json new file mode 100644 index 0000000..3928faa --- /dev/null +++ b/pages/222.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/222.wxml b/pages/222.wxml new file mode 100644 index 0000000..e1cb8b7 --- /dev/null +++ b/pages/222.wxml @@ -0,0 +1,2 @@ + +pages/222.wxml \ No newline at end of file diff --git a/pages/222.wxss b/pages/222.wxss new file mode 100644 index 0000000..611115a --- /dev/null +++ b/pages/222.wxss @@ -0,0 +1 @@ +/* pages/222.wxss */ \ No newline at end of file diff --git a/pages/index/index.js b/pages/index/index.js index a67107d..a87e106 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -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 + // }) + }, +}) \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml index 1bad91f..55452c4 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -17,7 +17,7 @@ 故障码快速查询 - {{item}} + {{item}} @@ -36,23 +36,23 @@ 常见问题解决 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 @@ -64,23 +64,23 @@ 超声波知识 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 @@ -93,23 +93,23 @@ 技术支持 - + 全部 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 - - • + + 超出焊接时间 08.04 00:48 diff --git a/pages/index/index.wxss b/pages/index/index.wxss index f192f34..3514bfd 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -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 { diff --git a/pages/list/list.js b/pages/list/list.js new file mode 100644 index 0000000..07b54ec --- /dev/null +++ b/pages/list/list.js @@ -0,0 +1,66 @@ +// pages/list/list.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/pages/list/list.json b/pages/list/list.json new file mode 100644 index 0000000..76a12e9 --- /dev/null +++ b/pages/list/list.json @@ -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" + } + } \ No newline at end of file diff --git a/pages/list/list.wxml b/pages/list/list.wxml new file mode 100644 index 0000000..32a343b --- /dev/null +++ b/pages/list/list.wxml @@ -0,0 +1,150 @@ + + + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + + + + + 超出焊接时间 + + + + 查看详情 + + + + + \ No newline at end of file diff --git a/pages/list/list.wxss b/pages/list/list.wxss new file mode 100644 index 0000000..11e5af7 --- /dev/null +++ b/pages/list/list.wxss @@ -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; +} \ No newline at end of file