首页
产品中心
案例展示
定制开发
企业网站
系统网站
着陆页面
移动APP
资料库
用户体验
视觉设计
前端知识
创意设计
建站知识
帮助中心
案例介绍
APP开发
小程序开发
知识库
解决方案
新闻动态
行业新闻
最新公告
电商新闻
营销新闻
公众平台
关于文汇
咨询电话:
15628812133
当前位置:
网站首页/资料库
全部
用户体验
视觉设计
前端知识
创意设计
建站知识
帮助中心
案例介绍
APP开发
小程序开发
知识库
Less——嵌套与继承
相比于传统的css,LESS增加了几个核心功能,如变量、混合、函数等,让页面的样式动态起来了。上一章介绍了LESS中函数的使用和规范,本章来介绍一下LESS的嵌套与继承。一,嵌套Less 提供了使用嵌套代替层叠或与层叠结合使用的能力。我们之前选择器层叠使用如图所示:结构复杂且冗余,编写起来十分不方便,而Less的嵌套写法如图:用 Less 书写的代码更加简洁,并且结构上更符合 HTML 的组织结构...
css
less
2023-11-04
elementUI之select选择器自定义下拉框显示内容
elementUI中的select选择器,通过el-option标签来编辑子菜单的内容。如图所示,el-option的 value 属性值为选择器v-model绑定值,label属性值为下拉菜单中渲染的内容。若按照官网所提供的案例,只能将某条数据作为渲染的内容。如果想要自定义label内容和样式应如何处理呢?如果只是简单的拼接字符串,可以直接在:label中对显示内容进行编辑。如图:若想要进行复杂...
vue
elementUI
2023-11-04
swiper实现切换图片同时切换背景
相信大家比较心细的可以发现,我上一篇文章的背景与设计出具的是不同的,设计要求切换时背景图片要和文章展示的图片是一致的,那我们怎么实现呢,请看一下swiper的介绍。 实现思路无非两种监听点击切换和滑动切换,当这两种动作被触发时,改变背景图片。 而另一种就是本片所示的方法,我们直接监听索引值变化本身,方法如下图。在swiper的方法中有这样一个方法,slidechane,当索引改变就会触...
Swiper
背景切换
2023-10-27
swiper点击标题切换
今天,设计师给了这样一张图,要求点击上边的白字实现切换,本身是很简单的一个东西,刚开始我想的是sildetoloop方法来实现跳转,具体思路如下: 点击上边的五个div的时候,取到所属的index,然后根据index来跳转所对应的siwper的第几个,跳转很成功,但是发现了以一个小问题,当使用如上跳转方法时会导致tool循环失效如下图所示。这个问题没有解决陷入了困难。 这边猜测可能是因...
Swiper
指示点切换
2023-10-27
如何让文字拥有渐变效果(限webkit内核浏览器)
设计出了一个这样的需求,需要有一个数字拥有正常的颜色,但当鼠标放上去的时候要变成渐变色,大家都知道,css是没有颜色渐变这个属性的,只有背景颜色的渐变,这里有两种实现方法。 1.让设计把字给你抠出来 这里扣图片对于浏览器的兼容性非常好,会兼容基本上所有浏览器,图片可以任意大小,但要求底色与div盒子中底色一致,这样视觉上不会有问题,而我们可以直接改变图片所属div的背景颜色,就能实现通...
css
渐变
过渡
2023-10-27
Swiper左右切换箭头如何于外部显示
大家看如上图片是设计稿的需求,乍一看是没毛病的,但是,你仔细看 是的,切换按钮是游离在整体宽度之外的,由于我懒,所以这里使用了一个layBody来框柱内容的宽度,然后大家看一下swiper的切换。 是的,swiper的切换按钮是在swiper内部的,这里swiper使用了绝对定位来使切换按钮位于两侧,于是我们可以修改一下left和right。 结果发生了这样...
Swiper
定位
2023-10-27
第一页
<
14
15
16
17
18
>
最后一页
热门文章
Favicon.ico的用法及意义
发布时间:
2018-09-01
山东文汇
WPS工作表格中如何设置斜线表头?
发布时间:
2019-02-21
山东文汇
说一说MyISAM和InnoDB的区别_Mysql数据库
发布时间:
2023-03-20
山东文汇
APP制作过程中,申请邓白氏码都需要准备什么资料?
发布时间:
2019-03-28
山东文汇
不会使用ps的网页设计师算不算好的网页设计师?
发布时间:
2019-03-02
山东文汇
移动端适配
发布时间:
2023-07-07
山东文汇
最新文章
上门服务系统可以对平台和人员做到哪些约束和规范
发布时间:
2025-04-27
山东文汇
预约陪诊服务时如何选择合适的陪诊人员
发布时间:
2025-04-26
山东文汇
用上门服务系统提高生活效率
发布时间:
2025-04-23
山东文汇
预约陪诊系统需要用户提供患者哪些基本信息
发布时间:
2025-04-22
山东文汇
uniapp怎么组件间传值的两种方法
发布时间:
2025-04-18
山东文汇
图标设计不会配色?一篇文章告诉你!
发布时间:
2025-04-18
山东文汇