![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
高仿饿了么项目构建
奥奥奥曼
大菜鸟
展开
-
滚动插件【better-scroll】
使用better-scroll实现界面滚动效果原创 2020-12-03 21:58:30 · 922 阅读 · 4 评论 -
【cube-ui】使用ScrollNav组件实现菜单部分
介绍先看看cube-ui组件库中ScrollNav组件的详细介绍:https://didi.github.io/cube-ui/#/zh-CN/docs/scroll-nav这个组件实现了左右联动、顶部吸附…有其他需求可稍作修改开始options是better-scroll配置项,具体介绍:https://better-scroll.github.io/docs-v1/doc/zh-hans/options.html#freescrollhtml代码部分<template>原创 2020-11-30 22:39:07 · 721 阅读 · 0 评论 -
Tab组件【cube-ui】
用cube-ui组件库里的组件创建一个上下联动的导航栏原创 2020-11-28 23:27:42 · 938 阅读 · 0 评论 -
cube-ui 【createApi模块(以API的形式调用自定义组件)】
背景需要编写一个点击 绑定点击事件的div 之后弹出蒙层,原本可以把弹层代码嵌套在一个组件内部,但是对于全屏类的弹窗而言,把组件放在body下是最保险的,比如弹层用了fixed布局,很容易受到组件内部其他因素的影响从而产生bug不能很好地展示弹层;现在可以利用cube-ui的createAPI模块来调用自定义组件去避免产生错误。介绍createAPI官方文档:https://didi.github.io/cube-ui/#/zh-CN/docs/create-apicreateAPI(Vue, Co原创 2020-11-26 18:03:06 · 619 阅读 · 0 评论 -
vue数据封装及获取
前言这个项目之前马马虎虎写过一遍,但是精髓全都没学到,所以我又来了。还纠结了一下要写一期还是二期,想想还是写二期吧,二期主要突出js代码部分、弱化css代码部分、也去掉了vue-router改成使用cube-ui了,话不多说,开干!创建项目这个就很简单了,我的vue-cli版本是3.0+,所以。。。vue create <项目名称>因为这个课程要用到cube-ui,所以我们还要安装一下cube-ui依赖https://didi.github.io/cube-ui/#/zh-CN原创 2020-11-25 22:43:39 · 965 阅读 · 0 评论