而我们的需求要求value值靠左而非靠右，但datetime没有提供移动value值位置的属性，那怎么办呢？
首先需要找到经过vue处理后的值，
一种方法我们可以在全局上修改，简单粗暴。
vue也给我们提供了局部修改的方法：
这最终会被vue编译成：
可以看到字体变成向左靠齐，当然，可以用这种方法，修改任一内置组件，其他ui框架的修改方法也类似。
方法/步骤1touchonmobileiScroll下拉刷新…llll1llll2llll3llll4llll5llll6llll7llll8llll9llll10llll11llll12llll13llll14llll15llll16llll17llll18llll19llll20llll21llll22llll23llll24llll25llll26llll27llll28上拉加载…2前面的许多meta标签是移动端适配以及对iphone的优化引用的文件包括less.js和iscroll-probe.js引用less是因为习惯了less的开发，其实跟css没区别iscroll-probe是上拉下拉的版本，iscroll5有4个版本3less文件*{margin:0padding:0font-family:"MicrosoftYaHei"}body{background:#fff}header{position:absolutetop:0left:0width:100%height:40pxz-index:2background:#ffcc33line-height:40pxvertical-align:middletext-align:centerfont-size:16pxcolor:#fff}.wrapper{position:absolutez-index:1top:0left:0bottom:0width:100%background:#cccoverflow:hidden.scroller{position:absolutez-index:1width:100%transform:translateZ(0)user-select:nonetext-size-adjust:none.pullDown{width:100%height:40px//margin-top:-40pxline-height:40pxvertical-align:middletext-align:center}ul{list-style:nonewidth:100%text-align:leftli{padding:010pxheight:40pxline-height:40pxvertical-align:middlefont-size:14pxbackground:#fffborder-bottom:1pxsolid#ddd}}.pullUp{width:100%height:40pxline-height:40pxvertical-align:middletext-align:centermargin-bottom:-40px}}}//载入画面.spinner{display:nonewidth:60pxheight:60pxposition:absolutetop:50%left:50%margin-top:-30pxmargin-left:-30pxz-index:10background:rgba(0,0,0,0).double-bounce1,.double-bounce2{width:100%height:100%border-radius:50%background-color:#000opacity:0.6position:absolutetop:0left:0-webkit-animation:bounce2.0sinfiniteease-in-outanimation:bounce2.0sinfiniteease-in-out}.double-bounce2{-webkit-animation-delay:-1.0sanimation-delay:-1.0s}@-webkit-keyframesbounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframesbounce{0%,100%{transform:scale(0.0)-webkit-transform:scale(0.0)}50%{transform:scale(1.0)-webkit-transform:scale(1.0)}}}4spinner是一个css3写的载入动画详细请参考css3动画less文件请自己编译5js文件varmyScrollvarpullDownFlag,pullUpFlagvarpullDown,pullUpvarspinnerfunctionpositionJudge(){if(this.y>40){//判断下拉pullDown.innerHTML="放开刷新页面"pullDownFlag=1}elseif(this.y0}document.addEventListener('touchmove',function(e){e.preventDefault()},false)6document.addEventListener('touchmove',function(e){e.preventDefault()},false)是iScroll的初始化7myScroll.on('scroll',positionJudge)myScroll.on("scrollEnd",action)对开始拖动和拖动结束的监听，这是iScroll5的一个坑，positionJudge和action都是function，但是如果直接以function(){}的方式写在里面的话，调用会出问题，所以要单独写在外面8编译一下less文件，找到iScroll-probe.js文件，就可以运行尝试了01：前端到底是个啥：前端其实是个很大的范畴。简单点说，针对浏览器的开发，浏览器呈现出来的页面就是前端。它的实质是前端代码在浏览器端被编译、运行、渲染。前端代码主要由三个部分构成：HTML（超文本标记语言）、CSS（级联样式表）、JavaScript。web前端开发工程师的三种级别，一般分为初级工程师、中级工程师、高级工程师。初级前端工程师：能熟练使用html、css、js 主要工作还是搭建静态页面。进阶的知识的话就是响应式这一块了，一套代码能适配pc+手机是初级前端工程师的进阶，中级前端工程师：作为一名中级前端工程师的话，除了上面的以外，还需要会使用一些框架之类的东西，像bootstrap、jquery之类的。进阶的知识应该是ajax这一块了，当然ajax并不难，了解怎么与后台交互是学习ajax的关键点，高级前端工程师：想成为高级前端工程师，首先要学习的就是前端工程化，进阶框架angular、vue、react 。那它和jquery有着很大区别。vue是数据控制页面渲染及状态，而jquery是DOM节点控制渲染，vue渲染页面更容易更优雅。vue能够把前端项目彻底工程化，有配置文件、可以安装第三方模块、配合webpack打包、可以实现模块化开发…等等，当然简单是它最大的优势。进阶就是要学习es6 7 语法、vuex、Element_ui （开发pc端框架）、vux（开发手机端框架）、Mint UI（开发手机端框架）、Nodejs（后端语言，js语法），
