车辆救援道路救援预约汽修托运小程序

道路救援:指汽车道路紧急救援,为故障车主提供包括诸如:拖吊、换水、充电、换胎、送油以及现场小修等服务(Road-Side Service);

同时也指交通事故道路救援,包括伤员救治、道路疏导等。

随着我国巨大的汽车拥有量,道路救援也是一个非常有前景的行业

就近维修站维修人员定位

高速救援

车辆脱困预约

师傅入住

在线接单

前端原生,后端tp

 

 

 

 

<import src="../template/template.wxml" />

<view class="index_cont_hui">

  <view class='headew center_l' style="padding-top:{{statusBarHeight}}px;background: {{topscroll ? 'linear-gradient(0deg, #1E75FF 0%, #51B2Ff 100%)':''}};">

    <view class="title_name" style="height:{{height}}px;line-height: {{height}}px;top:{{top}}px;">{{system_name}}</view>

    <view class="coloe_title">s</view>

  </view>


 

  <view style="background-color: #fff;padding-top:{{statusBarHeight1}}px;padding-bottom:80px;">

    <view class="information_box">

      <view class='information'>

        <image mode="widthFix" src='/sllowly_recovery/images/img5.png' class='information_img'></image>

        <view class='index-center-a'>

          <swiper scroll-y="true" class="swiper_zixun" vertical="true" autoplay="true" circular="true" interval="3000">

            <block wx:for="{{notice}}" wx:key="index">

              <swiper-item class="swiper_zixun_s" bindtap="notice" data-id="{{item.bullet_id}}">

                <text data-id="{{item.notice_id}}" class='information_text'>{{item.content}}</text>

              </swiper-item>

            </block>

          </swiper>

        </view>

      </view>

    </view>

    <custom-map></custom-map>

    <view class="index-content-box">

    <view class="index-content-box-login" wx:if="{{!is_login}}">

      <text>尊敬的客户,您还未登陆,请您</text>

      <button  class="index-content-box-button" bindtap='getUserProfile' open-type="getUserInfo">授权登录</button>

     <text> ,在技师交单后系统根据距离自动报价。</text>

    </view>

      <view class="index-content-box-top" catchtap="onChangeCity">

      <text>{{city}}附近</text>

        <image style="width:30rpx;height:30rpx" src="/sllowly_recovery/images/jiantou.png" mode=""/>

      </view>

      <view class="index-content-box-menu">

        <view class="index-content-box-menu-title"> 请选择救援原因 </view>

        <view class="index-content-box-menu-list">

          <block wx:for="{{classify}}" wx:key="index">

            <view class="index-content-box-menu-item {{currentHelpIndex === index && 'active'}}" bindtap="onChangeHelpType" data-item="{{item}}" data-index="{{index}}">{{item.name}}</view>

          </block>

        </view>

      </view>

      <view class="index-content-box-btn"  data-id="{{classify[currentHelpIndex].category_id}}" bindtap="place_an_order"> 一键救援 </view>

    </view>

    <view class="index-adv-menus">

      <view class="index-adv-menus-item" bindtap="nav_list">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/wx.png" mode=""/>

        <text class="index-adv-menus-item-text">维修师</text>

      </view>

      <view class="index-adv-menus-item" bindtap="nav_mine">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/gsqy.png" mode=""/>

        <text class="index-adv-menus-item-text">维修站</text>

      </view>

      <view class="index-adv-menus-item" bindtap="collector_recruit">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/fx.png" mode=""/>

        <text class="index-adv-menus-item-text">推广</text>

      </view>

      <view class="index-adv-menus-item" bindtap="onClickCallServer">

        <image class="index-adv-menus-item-icon" src="/sllowly_recovery/images/icon/kf.png" mode=""/>

        <text class="index-adv-menus-item-text">联系客服</text>

      </view>

    </view>



 

    <view class="content_box">

      <!-- <view class="location_box">

        <view class="city_box">当前城市</view>

        <view class="city_name_box">

          <view class="city_name">{{city}}</view>

          <image class="icon_s" src="/sllowly_recovery/images/img8.png"></image>

        </view>

      </view> -->

      <view class="swiper_box_l">

        <view class="swiper_box">

          <!-- <swiper circular class="banner_img swiper" autoplay="true">

            <block wx:for="{{banner}}" wx:key="index">

              <swiper-item class="banner_imgs" data-id="{{item.information_id}}">

                <image bindtap="click_coupon" data-id="{{item.id}}" class="banner_icon" src="{{url}}{{item.path}}"></image>

              </swiper-item>

            </block>

          </swiper> -->

        </view>

      </view>


 

      <!-- <view class="flow_box">

        <view class="flow_item">

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img4.png"></image>

            <view class="flow_item_text">高效救援</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img7.png"></image>

            <view class="flow_item_text">迅速到达</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img2.png"></image>

            <view class="flow_item_text">优质服务</view>

          </view>

          <view class="flow_item_l">

            <image class="icon_img" src="/sllowly_recovery/images/img.png"></image>

            <view class="flow_item_text">价格实惠</view>

          </view>

          <image class="arrows" src="/sllowly_recovery/images/img18.png"></image>

        </view>

        <view class="circleBox submit_btn" data-id="" bindtap="place_an_order">

          <text style="z-index:1">一键救援</text>

          <view class="circle xian"></view>

          <view class="circle1 xian"></view>

          <view class="circle2 xian"></view>

          <view class="circle3 xian"></view>

        </view>

      </view> -->

    </view>

    <view class="project_box">

      <block wx:for="{{classify}}" wx:key="index">

        <view class="project_item" data-id="{{item.category_id}}" bindtap="place_an_order">

          <view class="project_item_l">

            <image class="background_boxz" src="{{item.category_baimg}}"></image>

            <view class="project_item_text">

              <image mode="widthFix" class="project_img" src="{{item.category_icon}}"></image>

              <view class="project_item_title">{{item.name}}</view>

            </view>

          </view>

        </view>

      </block>

    </view>

    <view class="xz_titiles" wx:if="{{article==1}}">

      <view class="xz_wrap">

        <view class="xz_titiles_txt">

          <view class="xz_p">热门文章</view>

          <view class="xz_gd" bindtap="gengduo">更多</view>

        </view>

        <view class="xz_list">

          <view class="xz_cont" wx:for="{{wenzhangs}}" wx:key="index" bindtap="tioazhuan" data-id="{{item.id}}">

            <view class="xz_conts">

              <view class="xz_img">

                <image src="{{imgs}}{{item.thumb}}" wx:if="{{item.thumb}}" mode="aspectFill"></image>

                <image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180118%2Fa0163c6be9d247918669229bed6c7280.png&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621780300&t=c53a62074b8db1f3e879b621229fad02" wx:if="{{!item.thumb}}" mode="aspectFill"></image>

              </view>

              <view class="xz_wen">

                <view class="xz_t">{{item.name}}</view>

                <view class="xz_c">{{item.abstract}}</view>

                <view class="xz_b">

                  <view class="xz_time">{{item.created_time}}</view>

                  <view class="xz_time">{{item.view}}人看过</view>

                </view>

              </view>

            </view>

          </view>

        </view>

      </view>

    </view>



 

    <view class="header_tetx" bindtap="agreement">

      <image class="img53_img" src="/sllowly_recovery/images/img53.png"></image>

      <view class="text_op">下单即代表你同意</view>

      <view class="text_op" style="color:#02D483">《{{system_name}}上门救援免责条款》</view>

    </view>

  </view>


 

  <!-- <view class="huishou" wx:if="{{index_btn==1}}" >

    <view class="huiss" data-id="" bindtap="place_an_order">

        <view class="huishou_cont">

        <view class="circleBox clicksbox" wx:if="{{index_btn_tx==4}}">

            

            <view class="herboxss">

                <view class="herboxs"></view>

            </view>

        </view>

        <view class="circleBox" wx:if="{{index_btn_tx==1}}">

                <view class="circle xian"></view>

                <view class="circle1 xian"></view>

                <view class="circle2 xian"></view>

                <view class="circle3 xian"></view>

        </view>

        <view class="circleBox clicksbox" wx:if="{{index_btn_tx==2}}">

            

            <view class="herboxss">

                

                <view class="herbox"></view>

            </view>

            <view class="herboxss">

                <view class="herboxs"></view>

            </view>

        </view>

        

        

        <view class="huishou_txt">

            <view class="huishou_img">

            <image src="../../images/huishou.png" mode="widthFix"></image>

                </view>

                <i>一键救援</i>

            </view>

    </view>

    </view>

</view> -->

  <!-- <view class="huishou">  

<contact-button type="default-dark" size="20" session-from="weapp" class="img-plus-style zindex100 yc">

</contact-button>

<image src="/sllowly_recovery/images/indexkf.png" class="img-plus-style"></image> 

<i class="img-plus-style kfwe">客服</i>

</view> -->

</view>

<template is="menu" data="{{...item}}"></template>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/30912.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

基础篇:新手使用vs code新建go项目(从0开始到运行)

学习新语言&#xff0c;搭建新环境。在网上找了一些教程&#xff0c;感觉还是写一个比较详细的方便以后自己使用。其实vs code没有新建项目这个功能&#xff0c;具体怎么运行go语言的项目请看下文。 一、下载GO安装包 1.点击go安装包下载链接下载相应的版本&#xff08;本次下…

了解 Dockerfile 和搭建 Docker 私有仓库:让容器化部署变得更简单

目录 1、Dockerfile 1.1什么是Dockerfile 1.2常用命令 1.3使用脚本创建镜像 2、Docker私有仓库 2.1私有仓库介绍&#xff1a; 2.2私有仓库搭建与配置 2.3上传镜像到私有仓库&#xff1a; 1、Dockerfile 1.1什么是Dockerfile Dockerfile是由一些列命令和参数构成的脚本…

《网络安全0-100》安全事件案例

网络安全事件案例分析 2017年Equifax数据泄露事件 Equifax是美国一家信用评级机构&#xff0c;2017年9月&#xff0c;该公司披露发生了一起重大的数据泄露事件&#xff0c;涉及1.43亿美国人的个人信息&#xff0c;包括姓名、出生日期、社会安全号码等敏感信息。经过调查&#…

【数据分析】如何使用docker部署程序并移植(算法、接口)

原文作者&#xff1a;我辈李想 版权声明&#xff1a;文章原创&#xff0c;转载时请务必加上原文超链接、作者信息和本声明。 文章目录 前言一、Docker的基本使用1.安装Docker2.列出本地镜像3.获取镜像,创建本地ubuntu:13.10镜像4.查找镜像5.删除本地镜像6.创建自定义镜像7.镜像…

第一章 基础算法(二)——高精度,前缀和与差分

文章目录 高精度运算高精度加法高精度减法高精度乘法高精度除法 前缀和二维前缀和 差分二维差分 高精度练习题791. 高精度加法792. 高精度减法793. 高精度乘法794. 高精度除法 前缀和练习题795. 前缀和796. 子矩阵的和 差分练习题797. 差分798. 差分矩阵 高精度运算 两个大数做…

【Unity Shader】从入门到感慨(2)用C#画一个立方体

文章目录 一、构成一个立方需要多少个顶点?二、定义三角面的索引数组:三、定义UV坐标数组:四、最后构建Mesh:五、完整代码:一、构成一个立方需要多少个顶点? 这个问题是面试经常被问到的题。如上图,我们知道在几何中立方体有6个面,8个顶点。但在图形学中,顶点指的是模…

翻过那座山——Gitlab流水线任务疑难之编译有子模块的项目指南

&#x1f4e2;欢迎点赞 &#xff1a;&#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff0c;赐人玫瑰&#xff0c;手留余香&#xff01;&#x1f4e2;本文作者&#xff1a;由webmote 原创&#x1f4e2;作者格言&#xff1a;新的征程&#xff0c;我们面对的不是…

QT入门基础知识

什么是QT QT是一个跨平台的C图像用户界面应用程序框架QT在1991年由奇趣科技开发QT的优点 跨平台,几乎支持所有平台接口简单&#xff0c;容易上手一定程度上简化了内存回收机制有很好的社区氛围可以进行嵌入式开发 QWidget QT注意事项 命名规范 类名 首字母大写&#xff0c;单…

golang vscode环境报错gopls was not able to find modules in your workspace的解决方式

目录 错误提示 分析 解决方式 方法一&#xff1a;将workspace与项目路径保持一致 方案二&#xff1a;使用go work指明纳入工作区的的module 总结 错误提示 golang从老版本升级到go1.20.5后打开vscode&#xff0c;发现代码不能自动补全了&#xff0c;而且vscode跳出一下的…

微服务基础介绍

Part1一、基本概念 微服务最主要的功能是根据业务拆分成一个一个的子服务&#xff0c;实现功能的去耦合&#xff0c;每一个微服务提供单个业务功能的服务&#xff0c;各司其职&#xff0c;从技术角度看就是一种灵活独立的单元&#xff0c;能够自行单独启动和关闭&#xff0c;一…

Docker学习笔记1

PaaS&#xff1a; 一、虚拟化分类&#xff1a; 虚拟化资源提供者&#xff1a; 1&#xff09;硬件平台虚拟化 2&#xff09;操作系统虚拟化 虚拟化实现方式&#xff1a; type I: 半虚拟化 type II&#xff1a;硬件辅助全虚拟化 type III&#xff1a; 软件全虚拟化&#xff1a; …

【C++】模版进阶

目录 一、非类型模版参数二、模板的特化1、概念2、函数模版特化3、类模板特化1.全特化2.偏特化3.类模板特化应用示例 三、模版分离编译1、什么是分离编译2、模板的分离编译3、模板的优缺点 一、非类型模版参数 模版参数分为类型模版参数与非类型模版参数 类型模版参数&#x…

[进阶]网络通信:UDP通信,一发一收、多发多收

UDP通信 特点&#xff1a;无连接、不可靠通信。不事先建立连接&#xff1b;发送端每次把要发送的数据&#xff08;限制在64KB内&#xff09;、接收端1P、等信息封装成一个数据包&#xff0c;发出去就不管了。Java提供了一个java.net.Datagramsocket类来实现UDP通信。 Datagram…

Springboot项目使用原生Websocket

目录 1.启用Websocket功能2.封装操作websocket session的工具3.保存websocket session的接口4.保存websocket session的类5.定义websocket 端点6.创建定时任务 ping websocket 客户端 1.启用Websocket功能 package com.xxx.robot.config;import org.springframework.context.a…

NSSCTF MOBILE [SWPU 2019]easyapp 详细题解

文章目录 一. 前言二. 安装安卓SDK三. 安装安卓模拟器(推荐夜神模拟器)四. 安装frida和objection五. 解题过程六. 总结 一. 前言 题目地址:[SWPU 2019]easyapp大佬题解[SWPU 2019]easyapp pwjcw的WriteUp 大佬的题解很简单,直接hook就可以看到返回值,但是我看了半天没看明白是…

Redis简介

Redis是基于内存&#xff0c;也可以基于磁盘持久化nosql数据库&#xff0c;使用c语言开发。 数据存储结构&#xff1a;key-value 安装环境准备 Redis使用c语言开发&#xff0c;需要使用gcc编译程序进行编译。 1&#xff09; 安装gcc a) 从磁盘镜像中进行安装&#xff1a;&…

决策树分类算法

#CSDN AI写作助手创作测评 目录 ID3算法 1.算法原理 2.代码实现 3.ID3算法的优缺点分析 C4.5算法 1.原理 2.优缺点 心得感受 决策树表示方法是应用最广泛的逻辑方法之一&#xff0c;它从一组无次序、无规则的事例中推理出决策树表示形式的分类规则。在决策树的内部…

Java集合详解

集合详解 1、集合&#xff0c;也可以说是容器。由两大接口派生而来&#xff0c;一个是collection&#xff0c;主要用于存储单一元素&#xff1b;另一个是map接口&#xff0c;主要用于存储键值对。 Collection接口 Map接口 2、集合和数组 在之前我们保存多个数据可以使用数组…

Tcl常用命令备忘录-正则命令篇

正则表达式是一种用于匹配、查找、替换文本中特定模式的工具。在Tcl脚本中&#xff0c;可以使用正则表达式对字符串进行匹配、查找和替换。 regexp 语法&#xff1a; regexp ?选项? 正则表达式 字符串 ?变量1 变量2 ...? 其中&#xff0c;?选项?为可选项&#xff0c;…

Spring Security OAuth2授权原理、流程与源码解读

文章目录 前言AuthorizationServerConfigurerAdapter(身份认证服务配置适配器)OAuth2AuthorizationServerConfiguration(OAuth2授权服务配置) EnableAuthorizationServer(开启身份认证服务)AuthorizationServerEndpointsConfigurations身份认证服务站点配置类AuthorizationEndp…