init

.eslintrc.js

@@ -0,0 +1,31 @@
+/*
+ * Eslint config file
+ * Documentation: https://eslint.org/docs/user-guide/configuring/
+ * Install the Eslint extension before using this feature.
+ */
+module.exports = {
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
+  ecmaFeatures: {
+    modules: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  globals: {
+    wx: true,
+    App: true,
+    Page: true,
+    getCurrentPages: true,
+    getApp: true,
+    Component: true,
+    requirePlugin: true,
+    requireMiniProgram: true,
+  },
+  // extends: 'eslint:recommended',
+  rules: {},
+}

app.js

@@ -0,0 +1,56 @@
+// app.js
+App({
+    onLaunch() {
+        // const { statusBarHeight, platform, windowHeight }=wx.getSystemInfoSync()
+        // const { top, height } = wx.getMenuButtonBoundingClientRect()
+        // // 状态栏高度
+        // wx.setStorageSync('statusBarHeight', statusBarHeight)
+        // // 屏幕高度
+        // wx.setStorageSync('windowHeight', windowHeight)
+        // // 胶囊按钮高度 一般是32 如果获取不到就使用32
+        // wx.setStorageSync('menuButtonHeight', height ? height : 32)
+        // // 判断胶囊按钮信息是否成功获取
+        // if (top && top !== 0 && height && height !== 0) {
+        //   const navigationBarHeight = (top - statusBarHeight) * 2 + height
+        //   // 导航栏高度
+        //   wx.setStorageSync('navigationBarHeight', navigationBarHeight)
+        // } else {
+        //   wx.setStorageSync('navigationBarHeight', platform === 'android' ? 48 : 40)
+        // }
+
+
+     
+        const that = this;
+        // 获取系统信息
+        const systemInfo = wx.getSystemInfoSync();
+        // 胶囊按钮位置信息
+        const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
+        // 导航栏高度 = 状态栏高度 + 44
+        that.globalData.navBarHeight = systemInfo.statusBarHeight + 44;
+        that.globalData.menuRight = systemInfo.screenWidth - menuButtonInfo.right;
+        that.globalData.menuTop = menuButtonInfo.top;
+        that.globalData.menuHeight = menuButtonInfo.height;
+
+
+
+        // wx.loadFontFace({
+        //     family: 'YouSheBiaoTiHei',
+        //     source: 'url("https://19year.cn/YouSheBiaoTiHei-2.ttf")',
+        //     success: res => {
+        //       console.log('font load success', res)
+        //     },
+        //     fail: err => {
+        //       console.log('font load fail', err)
+        //     }
+        //   })
+    },
+    // 数据都是根据当前机型进行计算，这样的方式兼容大部分机器
+    globalData: {
+        navBarHeight: 0, // 导航栏高度
+        menuRight: 0, // 胶囊距右方间距（方保持左、右间距一致）
+        menuTop: 0, // 胶囊距顶部间距
+        menuHeight: 0, // 胶囊高度（自定义内容可与胶囊高度保证一致）
+    }
+   
+
+})

app.json

@@ -0,0 +1,22 @@
+{
+  "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"
+}

components/index-nav-bar/index-nav-bar.js

@@ -0,0 +1,29 @@
+// components/index-nav-bar/index-nav-bar.js
+const app = getApp()
+
+Component({
+
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        navBarHeight: app.globalData.navBarHeight+20,
+        menuRight: app.globalData.menuRight,
+        menuTop: app.globalData.menuTop,
+        menuHeight: app.globalData.menuHeight,
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+
+    }
+})

components/index-nav-bar/index-nav-bar.json

@@ -0,0 +1,5 @@
+{
+    "component": true,
+    "styleIsolation": "apply-shared",
+    "usingComponents": {}
+  }

components/index-nav-bar/index-nav-bar.wxml

@@ -0,0 +1,16 @@
+<!-- 自定义顶部栏 -->
+<view class="nav-bar" style="height:{{navBarHeight}}px;">
+    <view  class="logo-container">
+        <view class="logo-icon">
+            <image src="../../images/icon.png" mode="aspectFit" />
+            <!-- 这里可以插入图标 -->
+        </view>
+        <view class="logo-text">
+            <view class="title">SHARK系列超声波封口焊机</view>
+            <view class="subtitle">故障查询系统</view>
+        </view>
+    </view>
+</view>
+
+<!-- 占位，高度与顶部栏一样 -->
+<view style="height:{{navBarHeight}}px;"></view>

components/navigation-bar/navigation-bar.js

@@ -0,0 +1,105 @@
+Component({
+  options: {
+    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    extClass: {
+      type: String,
+      value: ''
+    },
+    title: {
+      type: String,
+      value: ''
+    },
+    background: {
+      type: String,
+      value: ''
+    },
+    color: {
+      type: String,
+      value: ''
+    },
+    back: {
+      type: Boolean,
+      value: true
+    },
+    loading: {
+      type: Boolean,
+      value: false
+    },
+    homeButton: {
+      type: Boolean,
+      value: false,
+    },
+    animated: {
+      // 显示隐藏的时候opacity动画效果
+      type: Boolean,
+      value: true
+    },
+    show: {
+      // 显示隐藏导航，隐藏的时候navigation-bar的高度占位还在
+      type: Boolean,
+      value: true,
+      observer: '_showChange'
+    },
+    // back为true的时候，返回的页面深度
+    delta: {
+      type: Number,
+      value: 1
+    },
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    displayStyle: ''
+  },
+  lifetimes: {
+    attached() {
+      const rect = wx.getMenuButtonBoundingClientRect()
+      wx.getSystemInfo({
+        success: (res) => {
+          const isAndroid = res.platform === 'android'
+          const isDevtools = res.platform === 'devtools'
+          this.setData({
+            ios: !isAndroid,
+            innerPaddingRight: `padding-right: ${res.windowWidth - rect.left}px`,
+            leftWidth: `width: ${res.windowWidth - rect.left }px`,
+            safeAreaTop: isDevtools || isAndroid ? `height: calc(var(--height) + ${res.safeArea.top}px); padding-top: ${res.safeArea.top}px` : ``
+          })
+        }
+      })
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    _showChange(show) {
+      const animated = this.data.animated
+      let displayStyle = ''
+      if (animated) {
+        displayStyle = `opacity: ${
+          show ? '1' : '0'
+        };transition:opacity 0.5s;`
+      } else {
+        displayStyle = `display: ${show ? '' : 'none'}`
+      }
+      this.setData({
+        displayStyle
+      })
+    },
+    back() {
+      const data = this.data
+      if (data.delta) {
+        wx.navigateBack({
+          delta: data.delta
+        })
+      }
+      this.triggerEvent('back', { delta: data.delta }, {})
+    }
+  },
+})

components/navigation-bar/navigation-bar.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

components/navigation-bar/navigation-bar.wxml

@@ -0,0 +1,64 @@
+<view class="weui-navigation-bar {{extClass}}">
+  <view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};">
+
+    <!-- 左侧按钮 -->
+    <view class='weui-navigation-bar__left' style="{{leftWidth}};">
+      <block wx:if="{{back || homeButton}}">
+        <!-- 返回上一页 -->
+        <block wx:if="{{back}}">
+          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback">
+            <view
+              bindtap="back"
+              class="weui-navigation-bar__btn_goback_wrapper"
+              hover-class="weui-active"
+              hover-stay-time="100"
+              aria-role="button"
+              aria-label="返回"
+            >
+              <view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+            </view>
+          </view>
+        </block>
+        <!-- 返回首页 -->
+        <block wx:if="{{homeButton}}">
+          <view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home">
+            <view
+              bindtap="home"
+              class="weui-navigation-bar__btn_home_wrapper"
+              hover-class="weui-active"
+              aria-role="button"
+              aria-label="首页"
+            >
+              <view class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view>
+            </view>
+          </view>
+        </block>
+      </block>
+      <block wx:else>
+        <slot name="left"></slot>
+      </block>
+    </view>
+
+    <!-- 标题 -->
+    <view class='weui-navigation-bar__center'>
+      <view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert">
+        <view
+          class="weui-loading"
+          aria-role="img"
+          aria-label="加载中"
+        ></view>
+      </view>
+      <block wx:if="{{title}}">
+        <text>{{title}}</text>
+      </block>
+      <block wx:else>
+        <slot name="center"></slot>
+      </block>
+    </view>
+    
+    <!-- 右侧留空 -->
+    <view class='weui-navigation-bar__right'>
+      <slot name="right"></slot>
+    </view>
+  </view>
+</view>

components/navigation-bar/navigation-bar.wxss

@@ -0,0 +1,96 @@
+.weui-navigation-bar {
+  --weui-FG-0:rgba(0,0,0,.9);
+  --height: 44px;
+  --left: 16px;
+}
+.weui-navigation-bar .android {
+  --height: 48px;
+}
+
+.weui-navigation-bar {
+  overflow: hidden;
+  color: var(--weui-FG-0);
+  flex: none;
+}
+
+.weui-navigation-bar__inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  height: calc(var(--height) + env(safe-area-inset-top));
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding-top: env(safe-area-inset-top);
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.weui-navigation-bar__left {
+  position: relative;
+  padding-left: var(--left);
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.weui-navigation-bar__btn_goback_wrapper {
+  padding: 11px 18px 11px 16px;
+  margin: -11px -18px -11px -16px;
+}
+
+.weui-navigation-bar__btn_goback_wrapper.weui-active {
+  opacity: 0.5;
+}
+
+.weui-navigation-bar__btn_goback {
+  font-size: 12px;
+  width: 12px;
+  height: 24px;
+  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
+  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%;
+  -webkit-mask-size: cover;
+  mask-size: cover;
+  background-color: var(--weui-FG-0);
+}
+
+.weui-navigation-bar__center {
+  font-size: 17px;
+  text-align: center;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  flex: 1;
+  height: 100%;
+}
+
+.weui-navigation-bar__loading {
+  margin-right: 4px;
+  align-items: center;
+}
+
+.weui-loading {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  display: block;
+  background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
+  background-size: 100%;
+  margin-left: 0;
+  animation: loading linear infinite 1s;
+}
+
+@keyframes loading {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

pages/index/1.txt

@@ -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>

pages/index/index.js

@@ -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' }
+        ]
+      },
+})

pages/index/index.json

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

pages/index/index.wxml

@@ -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>

pages/index/index.wxss

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

project.config.json

@@ -0,0 +1,28 @@
+{
+    "appid": "wxb25de48f873c4843",
+    "compileType": "miniprogram",
+    "libVersion": "3.5.4",
+    "packOptions": {
+        "ignore": [],
+        "include": []
+    },
+    "setting": {
+        "coverView": true,
+        "es6": true,
+        "postcss": true,
+        "minified": true,
+        "enhance": true,
+        "showShadowRootInWxmlPanel": true,
+        "packNpmRelationList": [],
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        }
+    },
+    "condition": {},
+    "editorSetting": {
+        "tabIndent": "insertSpaces",
+        "tabSize": 4
+    }
+}

project.private.config.json

@@ -0,0 +1,9 @@
+{
+    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+    "projectname": "444",
+    "setting": {
+        "compileHotReLoad": true,
+        "skylineRenderEnable": true
+    },
+    "libVersion": "3.5.3"
+}

sitemap.json

@@ -0,0 +1,7 @@
+{
+    "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+    "rules": [{
+    "action": "allow",
+    "page": "*"
+    }]
+}