vue 项目复盘
weixin_43297321
这个作者很懒,什么都没留下…
展开
-
移动端 左右滚动(无滚动条)导航栏
拉哥的一种方法那个人的一种方法原创 2020-08-04 17:47:25 · 2810 阅读 · 0 评论 -
细节复盘5 (elementUI Tabs 标签页的应用示例&作品选集)2020-8-3
今天写了类似视频选集的功能。需求看图:只提供一个作品的个数,通过这个数字动态生成以20为间隔的选项卡标签;并且,点击标签,动态生成展示集数。比如上面这个例子,给了集数参数值为143,生成了1-20、21-40等标签,点击标签,不同标签下展示的集数不同。(样式的话,是刚开始折叠集数具体展示,等点击了,再展开)1、用了ui框架,结构如下<template> <div class="comic_detail_num" ref="ref_detail_num">原创 2020-08-04 16:14:35 · 803 阅读 · 0 评论 -
细节复盘4 (使用elementUI的Pagination 分页组件&实现数据分页功能)2020-8-4
今天使用elementUI的Pagination 分页这个组件模块,写了分页。要实现的功能是这样的,每页6条数据,前翻页、后翻页可以分别往前、往后查看内容,分页组件的页码可以直接定位到某一页的内容。具体需求如下图所示:1、首先写好页面结构,然后静态css写样式。完成这两步,开始数据渲染。<template> <div class="ListComic"> <div v-if="!receiveCartoon">数据加载中。。。</di原创 2020-08-04 14:21:12 · 546 阅读 · 2 评论 -
细节复盘2 (图片放足够大&高斯模糊&< style > scoped&vue打开新的页面&轮播图抖动的问题 translateZ、translateY、垂直水平居中)2020-8-1
1、background-size 属性的 cover 值:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。https://www.runoob.com/cssref/css3-pr-background-size.html2、 filter: blur(); 实现高斯模糊效果https://blog.csdn.net/weixin_39015132/article/details/81179775filter 属性定义了元素(通常是img)原创 2020-08-02 14:57:57 · 392 阅读 · 0 评论 -
细节复盘3 (文本折叠、文本尾行缩进截断)2020-8-2
今天被一个问题搞的很惨,用了很多时间,查了很多资料,都没啥特别好的放法,无语下,按自己的逻辑写了一下。所要实现的功能如下图:一是文本切换折叠,而是折叠状态下,尾行文本不显示全行。HTML结构:<!-- 作品介绍 --><div :class="bool?'readingBriefIntro':'introCut'"> <p>{{bool?introDetail.intro:introDetail.intro.substr(0,44)+'...'}}<原创 2020-08-02 14:35:05 · 1088 阅读 · 0 评论 -
细节复盘1 (字符串split、indexOf&选项卡-两个选项&数组里的对象排序&单页面跨路由修改样式)2020-7-31
今天写项目,有几个在意的点。1、第一个,字符串的split()方法,可以把字符串通过一定的规则,分割变成数组。详细看这个:https://www.runoob.com/jsref/jsref-split.html2、字符串的indexOf()方法,可以帮助我们查询某个字符串在此字符串中首次出现的位置,如果没有查找到,则返回-1.https://www.runoob.com/jsref/jsref-indexof.html3、如果选项卡只有两个选项的话,可以如下写:如果有多个的话,就得重新写逻辑原创 2020-07-31 17:44:54 · 148 阅读 · 0 评论