zepto 地址选择

2026-09-06

省市选择(基于zepto.js)

效果如下: <div class="clList overflow-h mt75"> <select class="pull-left cl-35 select01" id="cityParent"> <option>请选择省</option> </select> <select class="pull-left cl-35 select02" id="

css3 linear-gradient实现购物车地址选择信封效果

对于css3的渐变前端的童鞋一定不陌生,在一些电商网站会为了美化将地址选择做成信封样式(个人感觉很稀饭~),看了一下它的实现方式,大多数是以图片的形式,持着优化的心态尝试着用css3 linear-gradient实现信封效果一下是效果图下面我们开始喽~ html结构如下: <div class="letter-box"> <div class="letter-border"> </

页面中引入mui 地址选择，点击页面中其他input时页面回到顶部

问题:在页面中引入mui地址选择时,点击页面中的input页面会滚到顶部(谷歌浏览器中出现的bug),在手机上点击input会出现跳动.开始的时候是想修改mui.min.js里的滚动事件,但是后来找到一个方法,只需要加一个css 属性就ok. 解决办法:在body中添加 overflow: scroll; -webkit-overflow-scrolling: touch;属性,如果只加overflow:scroll;在苹果手机浏览器上会出现滚动不顺畅的情况,再加上-webkit-overflo

vue仿淘宝地址选择组件

Vue组件:省市区地址选择组件 <template> <div v-show="addressSelectShow" :style="{'left': leftValue + 'px', 'top': topValue + 'px' }" class="content"> <ul class="area-select"> <li v-for="(item, index) in

Android仿美团地址选择

最近做了这个功能,分享一下,用的是百度地图api,和美团外卖的地址选择界面差不多,也就是可以搜索或者滑动地图展示地址列表给用户选择,看下效果图先. 文章重点 1.展示地图并定位到“我”的位置2.滑动地图获取周边poi(逆地理编码)3.搜索框输入查询poi(POI检索) 前言这里先提一下,我们要选择的地址信息其实是POI(Point of Interest),即“兴趣点”.在地理信息系统中,一个POI可以是一栋房子.一个景点.一个邮筒或者一个公交站等.百度地图SDK提供三种类型的POI检索:城市

四级地址插件升级改造（京东商城地址选择插件）city-picker

最近公司做的项目要和京东的数据做对接,所以要做个类似京东商品的详情页.页面的数据,是可以从京东接口获取到的,但是地址插件选择的效果需要自己实现.前端的同事在之前的项目中,已经选择了一款地址插件(city-picker.js),但是这款插件最多只支持三级地址,而且最主要的是这插件的地址数据来源,是写死在一个json文件中的,意思就是说,在使用这个插件的时候页面要一次性的把所有的地址数据都加载出来,这在pc端一般倒还可以承受,但是到了,移动端,随便一个手机就会卡死,浏览器直接崩溃. 经过在网上的各种

LArea 微信端地址选择

最近做到一个项目,微信端的商城需要地址选择功能在百度上看了,采用LArea.js....下载实例,在移动端模拟器上运行是比较好的, 在微信上模拟后出现很多问题, 1,出现undefined 都定义正确,但是选择器中显示的是undefined,,,这个,是数据不对的原因,数据没找到,直接上代码, var area2 = new LArea(); area2.init({ 'trigger': '#demo2', 'valueTo': '#city', 'keys': { id: 'value',

taro小程序地址选择组件

效果图: address_picker.tsx: import Taro, { Component } from '@tarojs/taro' import { View, PickerView, PickerViewColumn } from '@tarojs/components' import PropTypes from 'prop-types' import address from '../../utils/city.js' import './address_picker.scss

VUE组件之高德地图地址选择

注:本文基于上一篇文章[ Vue-Cli 3.0 中配置高德地图] ,采用直接引入高德 SDK 的方式来使用高德地图api 一.效果图二.组件要实现的功能 1. 如果有传入坐标点,则定位到坐标点 2. 如果没有传入坐标点,则定位到当前所在位置 3. 定位成功要在右侧显示经纬度和地址 4. 可以通过拖动标记来调整定位点 5. 标记拖动后,右侧要显示拖动后的经纬度和地址 6. 点击确定按钮,返回最后的坐标点和地名给父组件三. 组件实现具体代码 <template> <div cla

地址选择的，弹出的下拉。select。通过《option》《/option》来隔开

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select><option>昌平区</option> <option>海淀区</option> <option>朝阳区</option>

读Zepto源码之Ajax模块

Ajax 模块也是经常会用到的模块,Ajax 模块中包含了 jsonp 的现实,和 XMLHttpRequest 的封装. 读 Zepto 源码系列文章已经放到了github上,欢迎star: reading-zepto 源码版本本文阅读的源码为 zepto1.2.0 ajax的事件触发顺序 zepto 针对 ajax 的发送过程,定义了以下几个事件,正常情况下的触发顺序如下: ajaxstart : XMLHttpRequest 实例化前触发 ajaxBeforeSend: 发送 ajax

Android 三级联动选择城市＋后台服务加载数据库

技术渣,大家将就着看首先我们需要一个xml数据保存到数据库,这里我从QQ下面找到一个loclist.xml文件 <CountryRegion Name="中国" Code="1"> <State Name="北京" Code="11"> <City Name="东城" Code="1" /> <City Name="西城"

Zepto源码

// Zepto.js // (c) 2010-2016 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. var Zepto = (function() { var undefined, key, $, classList, emptyArray = [], concat = emptyArray.concat, filter = emptyArray.filter, slice = emptyA

移动开发js库Zepto.js应用详解

从哪里下载 Zepto 地址:http://zeptojs.com/ 中文版地址:http://www.css88.com/doc/zeptojs_api/ 这个问题看起来很蠢,从官网下载不就行了嘛!可是你有没有发现下载链接上面有行小字呢? 在这个 README 里面你会惊奇地发现,Zepto 源码中有 14 个模块,而官网提供的标准版里面只有 7 个模块!而且居然不包含对移动端开发非常重要的 touch 模块(提供对触摸事件的支持)! 所以我的建议是,不要从官网下载,而是从 Github 下载

项目中的五级地址联动效果(js)

我刚开始是的时候是是写了一个sql语句,但是写了5个函数,来联动地址的.后来请教了前段的师傅,用js来写了一个地址联动的. 我使用的是easyui的框架! 地址联动部分html代码! <tr> <td colspan="4"> <div id="address_box1"> 省 :<input class="easyui-combobox" name="codeName" id=&qu

Android中使用开源框架citypickerview实现省市区三级联动选择

1．概述记得之前做商城项目,需要在地址选择中实现省市区三级联动,方便用户快速的填写地址,当时使用的是一个叫做android-wheel 的开源控件,当时感觉非常好用,唯一麻烦的是需要自己整理并解析省市区的xml文件,思路很简单,但是代码量相对大了些.偶然期间发现了另外一个开源组件,也就是今天要介绍的citypickerview. github地址:crazyandcoder/citypicker 2. 实现效果下面给大家演示下实现效果: 3. 实现方法 (1)添加依赖 dependenc

centos 6.8下载地址

centos6.8校验码查询网站:https://wiki.centos.org/zh-tw/Manuals/ReleaseNotes/CentOS6.8 CentOS 6.8 64位DVD 种子下载 http://mirrors.sina.cn/centos/6.8/isos/x86_64/CentOS-6.8-x86_64-bin-DVD1to2.torrent CentOS 6.8 32位DVD 种子下载 http://mirrors.sina.cn/centos/6.8/isos/i

【逆向工具】IDA使用5-（ string、图形化与视图的切换、图形化显示反汇编地址、自动注释、标签使用）

分析petya病毒时新学会的技巧. IDA技巧1 : string 提取文件中的字符串内容,如果看到一些文件字符串可以定位到关键的函数中. view -> open subview -> string IDA技巧2 :图形化与视图的切换-空格选择 Options -> General-> use graph view by default选项取消,就可以用空格键在图形视图与列表视图之间切换. IDA技巧3 :图形化显示反汇编地址选择 Options -> General-

vue仿京东省市区三级联动选择组件

工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,google查了下都是下拉框形式的,于是自己写了一个,希望对使用vue开发项目的朋友有帮助,显示效果如下:使用vue2.0开发 html代码如下  <section class="showChose" v-show="showChose"> <section class="address"> <secti

knockout+weui+zepto

主文件wxapp.ts 1>在ts中,建议继承componentui //操作菜单表 actionsheet showactionsheet { title 上拉菜单标题 btns 操作组建议不超过5个. 每个定义 { btnname 名称 color 颜色 operation:()=>{} 操作方法 } }//对话框 dialog showdialog showactionsheet { title 上拉菜单标题 btns 操作组建议不超过5个. 每个定义 { btnname 名称 co

复制虚拟机出现”适配器的mac地址在保留地址范围内‘’

首先我的虚拟机是复制出来的,选择我已经移到,但是结果会出现了以下情况,导致了我无法ping 通,先看下提示: 使用:ipconfig –all 命令查寻,果然再现有打开的虚拟机中,存在两个mac地址相同的虚拟机,所以就有思路了,修改mac地址. 尝试1:直接利用虚拟机自带的修改mac地址选择对应的虚拟机,直接在虚拟机设置中进行修改,修改步骤如下不知道是不是虚拟机没关闭的原因导致的修改无效,所以我采用了第二种方法,简单粗暴点. 尝试2:修改网卡的mac地址选中网卡后右击,在右击菜单中点击

zepto 地址选择

热门专题