element移动端选择省级市

【vue】vue +element 搭建项目，要求既支持pc端又支持移动端

使用场景:有适配pc端改为适配pc端和移动端,使用2套css 代码实现App.vue created: function () { if(document.documentElement.clientWidth > 640){ require('./style/index.scss'); this.plaform = 'pc'; }else{ require('./style/mobile.scss'); this.plaform = 'mobile'; } 注意: 为2套css分别指定不同的父

js手机移动端选择插件 mobileSelect.js

一.mobileSelect获取方法 mobileSelect支持单选.多级联动.自定义回调函数.二次渲染.最新版本下载地址[2017-09-21更新]: https://github.com/onlyhom/mobileSelect.js 二.特性 1.原生js移动端选择控件,不依赖任何库 2.可传入普通数组或者json数组 3.可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 4.自动识别是否级联 5.选择成功后,提供自定义回调函数callback() 返回当前选择索引位置.以

Django分析之三级下拉菜单选择省/市/县

今天遇到了一个一直想做却没有机会去做的功能,今天完成了便记录下来. 那这次是具体是个什么功能呢?其实还是很简单的效果,就是在用户注册的时候可以选择省/市/县,很简单的一个小功能. 那现在就开始了~首先我们要在数据库中先建一个表,用来保存全国的省/市/县信息,下面是表的结构: CREATE TABLE IF NOT EXISTS "china_regionalTable" ( "id" integer NOT NULL, "name" ) DEFA

element的日期选择使用value-format之后表单验证报错

在表单验证的时候报错添加一个日期控件,但是发现在表单验证中遇到了冲突如下: Error in event handler for "el.form.change": "TypeError: value.getTime is not a function" elementUI的日期选择器[el-date-picker]在加上格式 value-format="yyyy-MM-dd" format="yyyy-MM-dd" 在表单

Mir2源码详解之服务端-选择(角色)网关(SelGate)

其实,SelGate也就是 LoginGate,其源码实现完全相同.不必怀疑,市面上的都是这么做~!这里单独写这篇文章,就是为了说明这点!

如何在vue+element中实现选择框和穿梭框的根据拼音以及拼音首字母以及汉字的模糊搜索

1.汉字: 直接添加对应的 filterable 2.拼音: 穿梭框和选择器的实现方式有所不同选择器: <1>下载pinyin-match: npm i --save pinyin-match <2>在main.js引入并注册为全局属性 import PinyinMatch from 'pinyin-match'; Vue.prototype.$pinyinmatch = PinyinMatch; <3>为需要

基于json的jquery地区联动探索

贴一个基于jquery联动的代码,相信这样的代码有一大把,就当是jquery的练手吧, 写这个东西的初衷是来之于新浪微博,在新浪微博帐号设置里面有个地区的选项,使用js写的,想把它的代码给截获下来,可是失望的是它的js代码压缩了,不过看到的里面json类型格式设计的挺好的,一般我们后台未做任何处理的json数据格式类似以下这样子的 [{"Code":3231,"Name":"长春市"}, {"Code":3232,"

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

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

多选穿梭框总结（vue + element）

博客地址:https://ainyi.com/23 示例介绍实现省市区三级多选联动,可任选一个省级.市级.区级,加入已选框,也可以在已选框中删除对应的区域. 选择对应仓库,自动勾选仓库对应的省,取消就反选选择同样地区,选择省级或市级,若该对象下面的市级或区级已有选择,就自动合并为一个省级或市级: 例如: 已选择:广东省广州市荔湾区点击加入:广东省广州市最后显示:广东省广州市广州市已被选择,对应市级的区将不显示,只显示对应的市同理:选择广东省,也将下面已选择的所有的市或区合并成一个省

It企业的上市与退市

目前我国的it上市公司有同方股份.华胜天成.长城电脑.航天信息.用友软件.中国软件.东软集团.长电科技.华东科技.航天长峰.航天科技.士兰微.上海贝岭等等. 一般来讲公司上市是为了融资,一是为了解决资金困难,二是扩大企业规模,三是股东创富.但是上市对于企业也是有好有坏的,例如对于华为的上市.好处为:1.上市公司能增加对客户的信任度,有利于进军最为顽固的美国市场: 2.融资渠道更顺畅,能缓解现金流压力,尤其是在设备商要为运营商垫资的今天: 3.增加华为普通员工的荣誉感和自豪感,使得员工队伍更加稳定

关于移动端常用的盒模型与flex布局

在移动端选择布局的方式中常用盒模型display:-webkit-box达到自适应,然而display:-webkit-flex也同样能达到效果,因自在己移动端用-webkit-box比felx方式熟悉一些,今天还是重新温故一些他们两者彼此的用法 //弹性盒子css代码*{padding:0px;margin:0px;} ul li{list-style:none;} .wrap-box{ display:-webkit-box;/*设置弹性盒子*/ display:-moz-box; disp

CSS选择符详解

一.类型选择符什么是类型选择符?指以网页中已有的标签类型作为名称的行径符.body是网页中的一个标签类型,div,p,span都是. 如下: body {} div {} p {} span {} 二.群组选择符对于XHMTL对象,可以对一组同时进行了相同的样式指派. 使用逗号对选择符进行了分隔,这样书写的优点在于同样的样式只需要书写一次即可,减少代码量,改善CSS代码结构. 使用时应该注意”逗号”是在半角模式下,并非中文全角模式. 如下: h1,h2,h6,p,span { font-si

iOS-集成阿里百川IMSDK的服务端及客户端

搜了一下阿里百川, 发现文档很少, 于是就打算写一篇博客, 供后来者少华一些时间在集成和开发上. 客户端集成很简单, 官方文档写的也很清楚. 客户端的集成 Step1 下载SDK包如果您已经获得Demo包,则可以跳过这一步打开Demo下载页面下载iOS Demo并解压缩. Step2 添加OpenIM SDK Framework 将云旺(OpenIM) Demo中的WXFrameworks目录直接拖入你的Xcode工程中在弹出的对话框中勾选Copy items if needed后,点击

python 三级菜单 while循环三次，湖北省市-县-街道的选择，3个while的循环 -day2

python编写一个三级while的循环菜单 1.定义字典,字典里面嵌套字典,内嵌字典的值为列表. 思路: 湖北省的市:字典中的定义3个字典,用于存储{序列-键:市名} shiqu_dir = {} {序列-键:县} xian_dir ={} {序列-键:街道} jiedao_dir = {} 函数将序列和键一一对应. for number,key in enumerate(Hbei_map.keys()) 获取序列键和市名存储到市名字典用一个列表 chose = [] 来存储所选择的市--县

@vue-cli3安装element组件过程

在创建好的项目目录下执行: vue add element 如图选择对应的选项安装成功!KO!

UDP广播与 TCP客户端 --服务端

随着倒计时的响声,自觉无心工作,只想为祖国庆生. 最近有遇到过这样一个问题,将摄像头识别的行人,车辆实时显示在客户端中.有提供接口,会以Json的数据的形式将实时将识别的对象进行Post提交.所以我们这边先写一个web服务来持续接收数据,再将数据进行解析存入数据库.到这里为止,数据没有问题,都全部存入数据库中,这样还剩下一个实时刷新识别图片的问题.之前的处理方法是每隔5秒左右去读取数据库最新消息,用Timer计时器来解决,这样的话确实能解决问题,但是感觉不是最好的方法,因为摄像头识别的对象有时效

使用 AJAX + 三级联动实现分类出全国各地的省，市，区

使用AJAX + 三级联动实现分类出全国各地的省,市,区也可以将下面的显示页面所写的 function循环,封装成js文件,就是在写代码软件里创建一个js文件,就和创建一个HTML或php文件一样.直接在显示页面引用! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

CSS选择符-----属性选择符

Element[att] 选择具有att属性的E元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input[name]{ border:1px solid red; } </style> </head> <

Vue + Element UI 实现权限管理系统（优化登录流程）

完善登录流程 1. 丰富登录界面 1.1 从 Element 指南中选择组件模板丰富登录界面,放置一个登录界面表单,包含账号密码输入框和登录重置按钮. <template> <el-form :model="loginForm" :rules="fieldRules" ref="loginForm" label-position="left" label-width="0px" class

Vue + Element UI 实现权限管理系统前端篇（四）：优化登录流程