在仿马蜂窝的小项目中有个模块需要定位用户的 当前位置,所以我打算使用高德地图的vue-amap插件实现功能。 首页去高德的开发者平台申请key。 我申请的是web端的。 然后...
<router-link :to="'/detail/'+item.id" tag="li" v-for="(item, index) in list" :key="inde...
在仿马蜂窝的项目中,尝试使用transition-group实现轮播图 布局 关键样式: .imgs-enter-active , .imgs-leave-active { ...
在仿豆瓣中有一个展开的小按钮,点击可以展开全部的内容介绍,不展开的话则只显示三行。 这里我是直接用一个控制添加多行省略的类来实现这个效果的。 {{data.showAll}}...
打包工具我使用的是Hbuild,其实打包的教程网上一找一大堆,但是打包之后的路径问题我发现都是要更改config的,可是vue-cli3的项目并没有暴露那么多的配置文件,所以...
其实实现tab切换的方式有很多种,在豆瓣的小项目中,我想着尝试用component组件实现一下 {{item.text}} 其实这里改成动态设置class是比较简单的,但是当...
写仿豆瓣的时候经常会遇到一个点赞的按钮,点一下赞了 它的样式也改变了,然后再点一下还可以取消。于是打算封装一个点赞的组件 刚开始封装的时候将每次点赞和取消点赞的这个逻辑写到了...
工作中我们可能经常会用到箭头,回退按钮,页面指向,向下或者向上的标识,这些可以用边框遮盖的效果来实现,可以将其作为基础封装在base.scss中。 // 箭头混合 @mixi...
写仿豆瓣的小项目的时候会经常用到rating评分,于是将其封装成组件。 template: <!-- 如果是1分应该是半星 --> <template v-if="h...
相关阅读点 《Css secret》第二章《背景与边框》 第五节《条纹背景》 正文 在第二章《背景与边框》中第五节《条纹背景》中,谈到了css3的新属性值linear-gra...