vue饿了么UI库-笔记】的更多相关文章

1. :rules="{required: true, message: '有效期不能为空'}" :rules="{type:'date',required: true, message: '有效期不能为空', trigger: 'change' }" type:'date', new Date()格式…
需求:使用vue-cli脚手架搭建项目,并且使用第三方的UI库(比如vant,mint ui)的时候,因为第三方库用的都是用px单位,无法使用rem适配不同设备的屏幕. 解决办法:使用px2rem-loader插件将第三方ui库的px转换成rem单位. (1) npm install px2rem-loader --save-dev 安装插件(2)然后在vue-cli项目找到built/utils文件,在里面加上以下代码: var px2remLoader = { loader: 'px2rem…
1,element-ui 这个笔者用的最多,但是官网不知道咋回事.打不开,难道被黑了?! 地址(http://element-ui.cn/#/zh-CN/component/installation) 2,vuetify 这个是尤雨溪推荐的,看了一下官网,赞,很全面,竟然还有免费主题,亲自尝试中ing........ 地址:https://vuetifyjs.com/zh-Hans/ 3,Vue Material 这个没用过 地址:http://vuematerial.materializecs…
一.日历组件 new Date()的月份是从0开始的. 下面表达式是:2018年6月1日 new Date(2018, 5, 1); 下面表达式是:2018年5月1日 new Date(2018, 4, 1); 或 new Date(2018, 5-1, 1); 下面表达式是:2018年5月31日(得到上个月的最后一天) new Date(2018, 5 , 0); 日的参数可以是0,也可以是负数,表示上个月底的那一天. 下面表达式是:2018年7月01日 new Date(2018, 5, 3…
vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:https://github.com/airyland/vux element UI(饿了么后台) Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库. 官网:http://element.eleme.io/#/zh-CN 饿了么github:http://gi…
vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库,基于Vue.js实现.目前已实际应用于滴滴四大金融业务板块的10余款产品中. didi/mand-mobile:…
ElementUI(vue UI库).iView(vue UI库).ant design(react UI库)中组件的区别: 事项 ElementUI iView ant design 全局加载进度条 使用第三方 自带组件 使用第三方…
vue的ui库中基本都有选项卡切换的组件,但是在项目开发过程中却不一定能很好的为我们所用,因为里面的样式和 一些状态并不能很好的根据我们的项目需求进行定制.最近项目中使用的是vant-ui中的标签页,也就是选项卡,项目需要选项卡中的内容overFLow:auto,但是无论怎么设置,上面的选项都会跟着一起滚动,实在是头疼的很,所以决定,自行解决吧. 效果图: 需求分析 选项卡点击切换时选项的背景颜色或字体需要变化 选项卡中每个选项的产品数量要根据后端返回数据进行变化 点击选项时下面内容要对应发生改…
Vue官网对于插槽的介绍比较简略,插槽本身也比较"烧脑",很容易看晕,我就一直没看懂,直到 使用了element-plus的组件的插槽. 其实我们可以换一个角度来理解插槽,就会豁然开朗了. 技术栈 vite vue3 element-plus 从父子组件的传值开始 父子组件传值可以通过 prosp + emit 来实现,虽然 props 可以传递各种类型,但是却不能传递组件(包括HTML),这样灵活度就差了一些. 那么怎么办呢?为了提高灵活性,Vue 提供了插槽功能. 插槽可以分为:插…
vue 饿了么项目 1.图标字体引用 链接 2.scss 二三倍图切换 1像素边框 链接 3.better-scroll 4.布局 商品主页面 <div id="app"> <v-header :seller='seller'></v-header> <div class="tab"> <div class="tab-item"> <router-link to="/go…