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

init

Browse Source
This commit is contained in:
建超
2024-08-19 00:00:29 +08:00
commit d926b338a2
23 changed files with 1136 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
pages/index/1.txt Normal file
View File

@@ -0,0 +1,145 @@
<view class="container">
<view class="header-background"></view>
<view class="search-box">
<view class="search">
<view class="search_in">
<image src="../../images/search.png"></image>
<input type="text" placeholder="请输入故障代码或关键词" />
</view>
</view>
</view>
<!-- 故障码快速查询 -->
<view class="quick-search-box">
<view class="quick-search">
<view class="section-title">故障码快速查询</view>
<view class="code-grid">
<block wx:for="{{codes}}" wx:key="index">
<view class="code-button">{{item}}</view>
</block>
</view>
<view class="pagination">
<button class="pagination-button btn-disabled">上一页</button>
<button class="pagination-button btn-background">下一页</button>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
</view>

17
pages/index/index.js Normal file
View File

@@ -0,0 +1,17 @@
// index.js
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' }
],
knowledge: [
{ title: '超出焊接时间', date: '08.04 00:48' },
{ title: '时间超长', date: '08.04 00:48' },
{ title: '常见问题常见问题', date: '08.04 00:48' }
]
},
})

7
pages/index/index.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"
}
}

151
pages/index/index.wxml Normal file
View File

@@ -0,0 +1,151 @@
<index-nav-bar></index-nav-bar>
<scroll-view style="height: 100%;overflow:hidden;" scroll-y type="list">
<view class="container">
<view class="header-background"></view>
<view class="search-box">
<view class="search">
<view class="search_in">
<image src="../../images/search.png"></image>
<input type="text" placeholder="请输入故障代码或关键词" />
</view>
</view>
</view>
<!-- 故障码快速查询 -->
<view class="quick-search-box">
<view class="quick-search">
<view class="section-title">故障码快速查询</view>
<view class="code-grid">
<block wx:for="{{codes}}" wx:key="index">
<view class="code-button">{{item}}</view>
</block>
</view>
<view class="pagination">
<button class="pagination-button btn-disabled">上一页</button>
<button class="pagination-button btn-background">下一页</button>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view>
<!-- <view class="group-item-box">
<view class="group-item">
<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-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>
<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>
<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>
<text class="group-txt-item-text">超出焊接时间</text>
<text class="group-txt-item-text-time">08.04 00:48</text>
</view>
</view>
</view> -->
<view class="copyright">iuu by © 2017-2024版权所有</view>
</view>
</scroll-view>

265
pages/index/index.wxss Normal file
View File

@@ -0,0 +1,265 @@
page {
height: 100vh;
display: flex;
flex-direction: column;
background: linear-gradient(#d2e2f9, #eef4f8);
min-height: 100vh;
}
/* 页面滚动 start */
.scrollarea {
flex: 1;
height: 100%;
overflow-y: hidden;
}
/* 页面滚动 end */
.container {
/* height: 100%; */
position: relative;
/* margin-top: 10rpx; */
}
/* 顶部半圆背景 start */
.header-background {
position: absolute;
width: 100%;
height: 300rpx;
z-index: -1;
overflow: hidden;
}
.header-background::after {
position: absolute;
content: '';
width: 140%;
height: 300rpx;
left: -20%;
top: 0;
border-radius: 0 0 50% 50%;
background: #3c8bf6;
}
/* 顶部半圆背景 end */
/* 搜索 start */
.search-box {
padding-top: 20px;
}
.search {
display: flex;
align-items: center;
justify-content: center;
height: 90rpx;
}
.search .search_in {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20rpx;
/* box-sizing: border-box; */
height: 70rpx;
background-color: #ffffff;
border-radius: 10rpx;
}
.search_in image {
height: 45rpx;
width: 45rpx;
}
.search input {
width: 600rpx;
}
/* 搜索 end */
/* 故障码快速查询样式 */
.quick-search-box {
padding-top: 20px;
}
.quick-search {
background: #ffffff;
margin: 0 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
text-align: center;
}
.section-title {
height: 70rpx;
display: flex;
align-items: center;
justify-content: center;
line-height: 65rpx;
font-family: YouSheBiaoTiHei-1;
font-size: 36rpx;
color: #3c8af6;
}
.code-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.code-button {
margin: 5rpx;
width: 70rpx;
height: 70rpx;
display: flex;
align-items: center;
justify-content: center;
background-color: #d7e6f9;
border-radius: 10rpx;
font-size: 24rpx;
/* border: 2rpx solid #ccc; */
/* box-shadow: 0 5rpx 10rpx rgba(0, 0, 0, 0.1); */
}
.pagination {
display: flex;
/* flex-direction:row; */
justify-content: center;
align-items: center;
margin-top: 35rpx;
padding-bottom: 35rpx;
}
.btn-disabled {
background-color: #b1b1b1;
}
.btn-background {
background-color: #7b9fd1;
}
.pagination .pagination-button {
margin: 0 10rpx;
width: 200rpx;
height: 70rpx;
/* padding: 10rpx 20rpx; */
/* background-color: #007aff; */
border-radius: 10rpx;
color: #ffffff;
font-size: 24rpx;
}
/*信息组start*/
/* .group-item-box { */
/* padding-top: 10px; */
/* padding: 16px; */
/* background-color: #ffffff; */
/* } */
.group-item {
background: #ffffff;
margin: 0 30rpx;
border-radius: 10rpx;
margin-bottom: 30rpx;
/* text-align: center; */
/* margin-left:15rpx;
margin-right:15rpx; */
}
.group-item-header {
height: 100rpx;
/* background: chartreuse; */
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
margin: 0 15rpx;
border-bottom: 1rpx solid #efefef;
}
.group-item-header-title {
flex: 1;
font-family: YouSheBiaoTiHei-1;
text-align: center;
font-size: 36rpx;
color: #3c8af6;
}
.group-item-header-tip {
display: flex;
align-items: center;
width: 90rpx;
}
.group-item-header-tip-txt {
font-size: 25rpx;
color: #737373;
}
.group-item-header-tip-image {
height: 20rpx;
width: 25rpx;
}
.group-txt-item {
display: flex;
justify-content: space-between;
align-items: center;
height: 85rpx;
padding: 10px 0;
margin: 0 20rpx;
/*自定义虚线*/
background-image: linear-gradient(to right, #ddd 30%, rgba(255, 255, 255, 0) 0%);
/* 35%设置虚线点x轴上的长度 */
background-position: bottom;
/* top配置上边框位置的虚线 */
background-size: 22rpx 1rpx;
/* 第一个参数设置虚线点的间距；第二个参数设置虚线点y轴上的长度 */
background-repeat: repeat-x;
/*自定义虚线*/
}
/*最后一个元素不带虚线*/
.group-item .group-txt-item:last-child {
background-image: none;
}
/*最后一个元素不带虚线*/
.group-txt-item-bullet {
color: #318bf7;
margin-right: 10rpx;
font-size: 40rpx;
font-weight: bold;
line-height: 85rpx;
}
.group-txt-item-text {
flex: 1;
font-size: 28rpx;
}
.group-txt-item-text-time {
color: #b5b5b5;
font-size: 24rpx;
}
.copyright {
margin-bottom: 60rpx;
text-align: center;
}