Uni-App 实现资讯滚动

项目需要实现资讯的滚动,使用了Swiper组件,实现了首页头部的资讯滚动,简单地做下笔记效果实现说明主要是使用了Swiper可以自动滚动的特性来实现,左边是一个图片,右边则是Swpier,且姜Swpier的滚动方向设置为垂直,然后就是样式的调整对了,我是从接口中请求到的一个列表数据,各位看代码的时候
示例代码 JavaScript Vue.js 2021年10月20日 16次浏览

Vue 长文本组件(有展开更多按钮)

实现Vue的长文本组件,当文字过长,会自动隐藏过多的文字,并显示展开更多的按钮,用户可以点击展开更多来查看全部文字
示例代码 Vue.js 2021年03月31日 343次浏览

Vue学习笔记(6)——自定义组件

最近在整一个Web系统,用来发布软件更新,便于对软件版本进行管理做着过程中,就需要用到了侧边栏点击切换右边内容的效果,思索了一下,觉得使用Vue自定义的组件比较快捷,而且之后也更容易进行复用,便于有了今天这篇文章的分享本篇需要读者具有Vue组件相关的知识,可以参考我的前几篇文章,希望大家能从中有所启
Vue.js Html 2020年11月24日 228次浏览

Vue学习笔记(5)——组件基础

在网页开发过程中,页面中有许多地方都是使用的同样的布局与样式,html文件中会有多段重复性的代码,而且不便于维护,改一处,其他地方都得改,十分麻烦,而Vue提供了组件这一概念,我们可以将相同的布局抽取出来当作为一个组件,这样后期维护也会十分方便简单使用我们定义一个组件之后,页面就可以使用组件名作为标
Vue.js Html 2020年10月26日 268次浏览

Vue学习笔记(4)——表单输入相关

Vue中,提供了v-model的指令,让我们可以对表单输入的相关数值进行绑定,当表单元素上使用此指令的时候,此指令会根据控件类型自动选取正确的方法来更新元素v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为
Vue.js Html 2020年10月22日 304次浏览

Vue学习笔记(3)——列表渲染与事件绑定

v-for遍历数组遍历数组是最常用的功能了,下面定义了一个简单的字符串数组,遍历这个数据,将其中的数据都显示在p标签中,当然,数组里面也可以存放对象或者是其他类型的数据如果需要下标,可以用index注:下面出现的item和index两个都是变量名,是可以任意定义的,为了方便理解,我就定义为item和
Vue.js Html 2020年10月22日 290次浏览

Vue学习笔记(2)——常用指令及使用

基本指令指令说明缩写v-html输出html文本v-once只取一次值,之后数据改变页面不会变化v-bind:[attribute]绑定Html标签元素属性:[attribute]v-on:[event]绑定监听器@[event]v-if/v-else判断,添加或删除标签元素v-show判断,显示或
Vue.js Html 2020年10月21日 243次浏览

Vue学习笔记(1)——介绍及入门例子

Vue.js最近几年也是挺火的,由于项目需求,某些项目是采用的Uni-App项目,一套源码可以发布成不同的小程序,而Uni-App官方也是支持Vue的语法,于是我便来半推半就地来学习Vue了...介绍Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架
Vue.js Html 2020年10月21日 282次浏览