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

2023-12-27 01:59

本文主要是介绍车辆救援道路救援预约汽修托运小程序,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

道路救援:指汽车道路紧急救援,为故障车主提供包括诸如:拖吊、换水、充电、换胎、送油以及现场小修等服务(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>

这篇关于车辆救援道路救援预约汽修托运小程序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/541522

相关文章

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

Ubuntu设置程序开机自启动的操作步骤

《Ubuntu设置程序开机自启动的操作步骤》在部署程序到边缘端时,我们总希望可以通电即启动我们写好的程序,本篇博客用以记录如何在ubuntu开机执行某条命令或者某个可执行程序,需要的朋友可以参考下... 目录1、概述2、图形界面设置3、设置为Systemd服务1、概述测试环境:Ubuntu22.04 带图

Python程序打包exe,单文件和多文件方式

《Python程序打包exe,单文件和多文件方式》:本文主要介绍Python程序打包exe,单文件和多文件方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python 脚本打成exe文件安装Pyinstaller准备一个ico图标打包方式一(适用于文件较少的程

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案

《无法启动此程序因为计算机丢失api-ms-win-core-path-l1-1-0.dll修复方案》:本文主要介绍了无法启动此程序,详细内容请阅读本文,希望能对你有所帮助... 在计算机使用过程中,我们经常会遇到一些错误提示,其中之一就是"api-ms-win-core-path-l1-1-0.dll丢失

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

uniapp小程序中实现无缝衔接滚动效果代码示例

《uniapp小程序中实现无缝衔接滚动效果代码示例》:本文主要介绍uniapp小程序中实现无缝衔接滚动效果的相关资料,该方法可以实现滚动内容中字的不同的颜色更改,并且可以根据需要进行艺术化更改和自... 组件滚动通知只能实现简单的滚动效果,不能实现滚动内容中的字进行不同颜色的更改,下面实现一个无缝衔接的滚动

Java使用WebView实现桌面程序的技术指南

《Java使用WebView实现桌面程序的技术指南》在现代软件开发中,许多应用需要在桌面程序中嵌入Web页面,例如,你可能需要在Java桌面应用中嵌入一部分Web前端,或者加载一个HTML5界面以增强... 目录1、简述2、WebView 特点3、搭建 WebView 示例3.1 添加 JavaFX 依赖3