E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
swiper高度自适应
swiper
导航切换按钮点击出现边框线,元素点击出现边框线@令狐张豪
.
swiper
-button-prev,.
swiper
-button-next:focus{outline:none;}end~~~如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享
令狐张豪
·
2023-07-16 05:54
常见组件
view,text,rich-text,button,image,navigator,icon.
swiper
,radio,checkbox1.view替代原来的div标签点击我试试2.text文本标签只能嵌套
zlog
·
2023-07-16 00:12
微信小程序
)tabBar3.页面配置4.数据绑定5.列表渲染6.条件渲染7.事件绑定8.样式wxss(1)尺寸单位(2)选择器(3)全局样式与局部样式9.wxs语法10.数据请求11.组件(1)image(2)
swiper
ZiminLi
·
2023-07-15 15:38
微信小程序
小程序
vue使用
swiper
插件vue-awesome-
swiper
实现轮播
第一步cnpminstallvue-awesome-
swiper
@3--save因为版本不兼容的问题,这里指定下载的版本是3.xxx。
咖啡豆6
·
2023-07-15 08:08
swift 实现一段文字 右下角最后一行提前开始省略
//定宽
高度自适应
,需要指定最大行数和最后一行要预留提前省略的距离classRightBottomSpaceLabelView:UIView{privateva
smallcatlei
·
2023-07-15 08:31
swift
ios
开发语言
Glide加载ImageView显示不全的问题(宽高比一致,以及fitxy/centerCrop)
之前也有类似Glide问题的记录MonkeyLei:Glide加载之圆角兼容CenCrop+宽度铺满
高度自适应
坑这里简单记录下,资讯列表图片是指定了宽高的,比如380228,后台图片比例也是这样给的。
MonkeyLei
·
2023-07-15 08:28
移动端布局头部固定底部
高度自适应
(scroll-view)
21方法一使用css的计算属性calc.container{width:100%;height:100vh;}header{width:100%;height:50px;background:red;}footer{width:100%;height:calc(100vh-50px);background:blue;}方法二利用css弹性盒子display:flexflex布局详解.contain
e0e756d3954d
·
2023-07-15 07:46
微信小程序之卡片层叠滑动效果
微信小程序之卡片层叠滑动效果代码:js://index/gun/js
Swiper
2/js
Swiper
2.jsPage({/***页面的初始数据*/data:{startX:0,endX:0,iCenter
zZ_d205
·
2023-07-15 07:17
图书预览vue组件
-->3">import{Autoplay,Pagination,Navigation,Scrollbar}from'
swiper
'constmodules=[Autoplay,Pagination,Navigation
Study_Live_Sun
·
2023-07-15 03:08
vue.js
javascript
前端
微信小程序卡片式轮播+自定义指示点实现(uniapp)
效果图://自定义指示点JS:exportdefault{data(){return{title:'Hello',enjoyAut:false,enjoySiwper:[],//
swiper
循环的数组
swiper
Index
Mybabyying
·
2023-07-15 01:56
uniapp
微信小程序
swiper
自动向右滑动
开发框架uniapp需求客户做成一个汽车轮播,但汽车都是向前走(也就是轮播向右自动滑动),看到uniapp官网
swiper
并没有这个属性,自己写一个代码exportdefault{data(){return
Mybabyying
·
2023-07-15 01:25
uniapp
swiper
4.x 长图竖屏翻页滚动demo
Swiper
demobody{margin:0;}.
swiper
-container{width:100%;height:100%;}.
swiper
-slide{text-align:center;font-size
阿波次嘚
·
2023-07-15 00:37
css
html
javascript
20150809 CSS圆角进化论
三个阶段:背景图CSS2.0+标签模拟圆角CSS3.0圆角属性①背景图宽度固定,
高度自适应
切图,切两边上下或者左右4个标签,div包裹(圆角上+内容+圆角下)宽度高度均自适应切图,切4个角5个标签div
Hey_Sarah
·
2023-07-15 00:52
学习笔记[入门]
圆角进化论
1、使用背景图片实现圆角1.1.宽度固定,
高度自适应
背景图片上下使用背景图片中间使用内容1.2高度宽度自适应4个圆角需设置宽高absolute后,宽高不设置会根据内容自动撑开背景图片不占用空间不设置会看不见了
weixin_30338461
·
2023-07-15 00:52
CSS圆角进化论
标签模拟圆角CSS3.0圆角属性(border-radius属性)实现圆角☛背景图片实现圆角:==使用背景图片实现圆角的方式很多,实现的方式和圆角的切图方式关系密切实现方式有多种,主要讲解2种:(一)宽度固定,
高度自适应
实现关键点
lmrylll
·
2023-07-15 00:13
css
前端
微信小程序常用组件的简单使用 view,scroll-view,
swiper
,
swiper
-item,text,rich-text,button,image
微信小程序常用组件的简单使用1.view组件2.scroll-view组件3.
swiper
和
swiper
-item组件3.1.
swiper
组件中的常用属性4.text和rich-text组件4.1.text
杀死一只知更鸟debug
·
2023-07-14 21:45
微信小程序
微信小程序
notepad++
小程序
uniapp文字无缝滚动
1.html部分{{item}}2.css部分.scroll_box{background:#FFFFFF;margin:30rpx;border-radius:10rpx;.
swiper
{margin-top
许你满眼星辰
·
2023-07-14 15:32
vue.js
sass
css
小程序 web-view h5页面背景音乐自动播放
/***年度账单-登录首页*/importReact,{useEffect}from'react'import'
swiper
/
swiper
-bundle.min.css'importstylesfrom
MAYA_G
·
2023-07-14 04:36
小程序
前端
微信小程序中常见组件的使用
文章目录微信小程序中常见组件的使用视图组件viewscroll-view
swiper
movable-area基础组件icontextrich-textprogress表单组件buttoncheckbox
知识汲取者
·
2023-07-14 04:23
微信小程序
微信小程序
notepad++
小程序
uniapp使用
swiper
,动态设置内容高度
上边图片是本人要实现的大致布局,其中使用了uniapp的
swiper
,自定义的tabbar,以及自定义的tabs由于
swiper
Content部分的高度是动态的,有时候会超过屏幕视口的高度,有时候又小于屏幕视口的高度
小鸡爱吃米
·
2023-07-14 04:35
项目问题
uni-app
uniapp获取标签距离页面顶部的高度,并计算出页面的剩余高度。自适应剩余页面高度,动态设置剩余页面高度。
获取元素距离顶部的高度:letthat=this;constquery=uni.createSelectorQuery();query.select('.
swiper
').boundingClientRect
喜陈
·
2023-07-14 02:04
uniApp
uView
javascript
前端
vue.js
swiper
引入报错
引入:import{
Swiper
,
Swiper
Slide}from'vue-awesome-
swiper
'import'
swiper
/css/
swiper
.css'正常安装并引入后报错找不到
swiper
媛猿YY
·
2023-07-13 22:33
小程序本地生活
2023年7月1号感觉就是视频要快点看不完不然哪天接口又失效了Page({ /** * 页面的初始数据 */ data: { // 存放轮播图的数据
swiper
List:[],
啊呼,吖
·
2023-07-13 21:26
小程序
生活
前端
swiper
常用属性
swiper
常用属性
swiper
版本号:3.1.0direction:'vertical',//轮播方向,默认是水平滑动horizontalspaceBetween:5,//在slide之间设置距离(单位
西门吹雪~
·
2023-07-13 16:04
SWIPER
html
javascript
解决vue-awesome-
swiper
点击事件失效的问题 ===“版本号(vue-awesome-
swiper
“: “^3.1.0)
解决vue-awesome-
swiper
点击事件失效的问题===“版本号(vue-awesome-
swiper
”:"^3.1.0)最新做项目使用了vue-awesome-
swiper
(3.1.0版本)轮播插件遇到的坑
西门吹雪~
·
2023-07-13 16:34
VUE
SWIPER
vue
javascript
js
高度自适应
//此方法适用于未知iframe高度时调用,获取iframe内容的高度动态设置。functionsetIframeHeight(){letiframe=document.getElementById("content");try{letbHeight=iframe.contentWindow.document.body.scrollHeight;letdHeight=iframe.contentW
_小海绵
·
2023-06-23 22:12
仿抖音首页界面
目录效果图顶部相关代码顶部效果图内容相关代码内容效果图底部导航栏相关代码底部导航栏效果图完整代码htmlcssjsflexible.js要想做出抖音短视频的首页界面,我们要引用
swiper
插件、还需要用到
哆啦A梦没有口袋Y
·
2023-06-23 19:23
前端
javascript
前端Vue自定义简单实用轮播图封装组件 快速实现轮播图
id=13153效果图如下:#cc-my
Swiper
####使用方法```使用方法```####HTML代码实现部分```htmlexportdefault{data(){return{menuArr:
前端组件开发
·
2023-06-23 10:05
前端
vue.js
javascript
html5
前端框架
ecmascript
uni-app
ES6 + stylus + zepto.js + webpack4.x 使用示例
ES6+stylus+zepto.js+webpack4.x项目示例在线预览(chrome浏览器下F12切换到手机模式)源码地址image.png项目步骤1.yarnadd
swiper
zepto2.起先是想用
漫漫江雪
·
2023-06-23 08:07
vue3+vite+ts引入
swiper
并使用
安装
swiper
版本npminstall
swiper
@7.4.1import{
Swiper
,
Swiper
Slide}from"
swiper
/vue";import"
swiper
/css";import{
独步炎凉的大彬
·
2023-06-23 08:21
vue3+ts
npm
typescript
vue.js
ionic1开发之造一个简单的
Swiper
关于
Swiper
,这里就不再多说。ionic的ion-slides组件也是基于
Swiper
的再封装。
hhjjj1010
·
2023-06-22 18:31
vue项目中使用
swiper
的经验总结(vscode)
一、
swiper
初始化目前最新版本是
swiper
7,每个版本的使用方法都略有不同,具体可看官网使用教程
swiper
使用办法,一般通过npm安装npminstall-S
swiper
同时需要注意的是vue3
BBC蟹耳总
·
2023-06-22 13:47
vue.js
vscode
javascript
css
vue使用
swiper
三行轮播问题
1、轮播图设置属性slidesPerColumn:3实现不了,解决方案如下:this.scheduleData是后台请求的数据,通过3个一组分组转换为this.scheduleListThreede的数据!2、逻辑处理如下:computed:{scheduleListThree:function(){letindex=0;letcount=3;letarrThree=[];letdata=this
圆野
·
2023-06-22 04:30
vue项目资料
vue.js
vue3中provide,inject 响应式传递
问题背景在使用element-plus表格组件时,需要固定表头,
高度自适应
页面大小,在父组件中获取容器的高度,使用provide传递子组件中,子组件使用inject接收父组件传递的高度,vue官网中对provide
前端_小白
·
2023-06-22 00:24
关于小程序
swiper
图片不能撑满解决方案
问题描述最近在写小程序的时候使用了
swiper
组件,但是发现一个很奇怪的现象,如果给image组件设置mode=“widthFix”的话,那么图片的高度是不够撑满
swiper
-item的这样就会导致
swiper
@大熊
·
2023-06-21 19:10
微信小程序
小程序
前端
javascript
Vue----
swiper
引入
swiper
样式报错npm install --save
swiper
/dist/css/
swiper
.css
npminstall
swiper
vue-awesome-
swiper
在main.js里引入import'
swiper
/dist/css/
swiper
.css',会报错npminstall--save
swiper
默色留恋
·
2023-06-20 14:50
小程序--自定义轮播圆点
wxss/*轮播圆点样式修改*/.
swiper
-box{position:relative;width:100%;}.dots{position:absolute;left:0;right:0;bottom
中建云筑股份有限公司
·
2023-06-19 19:53
tinymce富文本框 自定义样式
1、图片超过div宽度怎么解决设置图片宽度为100%
高度自适应
letinit=ref({//自定义样式content_style:"img{max-width:100%;height:auto;},})
T3165919332
·
2023-06-19 18:53
javascript
开发语言
ecmascript
微信小程序轮播图自适应显示的实现方法
主要是优化轮播的图片自适应,但是的后台服务端上传轮播图片时,也要注意下图片的尺寸,不能相关太大,比如,本小程序用的是16:9图片宽高比,如果你不会做图,可以去找长方形的图,而不能去找4:3图片宽高比的图,这图虽然可以自适应到
swiper
邻家阿涛
·
2023-06-19 18:22
uniapp 仿抖音小程序组件(超高性能)预加载
基于uniapp开发的仿抖音小程序组件(超高性能)预加载先看效果图:注:组件使用vue3+typescript开发全局仅渲染3个
swiper
-item实测,不管加载多少数据也能丝滑滚动适用于vue3,vue2
·
2023-06-19 16:36
自定义vue指令,滑动
将下面js放在main.js引入importtouchfrom'@/assets/js/touch'//触屏滑动Vue.use(touch);使用...
swiper
ight为methods里的方法,不能传参
__黑
·
2023-06-19 12:13
大话Stable-Diffusion-Webui-动手开发一个简单的stable-diffusion-webui(三)
文章目录原理文生图API组件的输入TypeScript响应式数据文生图API调用Axios安装使用配置代理文生图API调用调用结果处理图片渲染安装
swiper
代码仓库原理上一篇内容中,我们已经将文生图功能的整体
那个小白猿
·
2023-06-19 10:03
AI绘图
stable
diffusion
AI绘画
vue
vue-awesome-
swiper
+图片懒加载+loop=空白页
最近项目中基于vue-awesome-
swiper
再次封装,遇到使用循环滚动总是出现空白页问题。
Wermdany
·
2023-06-18 23:18
【错误记录】androidx.
swiper
efreshlayout.widget.
SwipeR
efreshLayout导包失败
错误记录项目引用包appcompat从1.1.1升级到1.4.1升级前implementation'androidx.appcompat:appcompat:1.1.0'xml布局中使用androidx.
swiper
efreshlayout.widget.
SwipeR
efreshLayout
Billy_Zuo
·
2023-06-18 20:19
Android问题记录
androidx
uni-app 顶部选项卡 使用scroll-into-view view绑定字符串Id
{{item.name}}{{i}}aaaa-->importindex
Swiper
from'@/component/index/index
Swiper
.vue'importclassListfrom'
今天你码 了吗
·
2023-06-18 19:55
uni-app
数学建模
ElementUI常见问题
el-select新增自定义选项el-option二、Icon图标图标偶发性乱码问题三、Input输入框el-input输入限制el-input防止浏览器自动填充账号密码四、Layout布局1、el-row
高度自适应
IT-fly
·
2023-06-18 08:02
elementui
javascript
ecmascript
vue+uniapp瀑布流布局多种实现方式
列宽固定,图片根据自身
高度自适应
交错排列。一、实现原理通过动态计算哪一列高度最低,就把图片放置该列下显示,直至所有图片分列完毕计算哪一列高度最低具体实现过程又分2种方式:方式1:通过计算每一列
pixle0
·
2023-06-18 07:34
vue.js
uni-app
前端
开发小程序的页面、组件、事件(下)
一、用户操作事件的触发方法内置组件事件小程序内置的组件,比如button、input、scroll-view、picker、
swiper
等,都
爱吃虾的多多
·
2023-06-17 17:13
小程序开发
小程序
前端
微信小程序
uniapp中如何设置
swiper
的
高度自适应
的问题
一、解决思路在每次滑动切换的时候,动态地获取
swiper
-item内部的DOM的元素的高度。将获取的高度动态设置给
swiper
元素。
青田。
·
2023-06-17 16:22
前端
综合管理平台,业务系统,信息发布,切配看板,区域看版,智厨运行监管概括图,留样柜
饮食信息发布大屏项目简介:实现通过
swiper
轮播饮食信息大数据发布页面,包含重点食材价格,年价格指数波动,周食谱公布表,今日食谱图片,营养素达标情况分析图,单位食堂主副食物资验收实景照片,逐日消耗统计分析图
韩召华
·
2023-06-17 14:54
echarts
前端
javascript
上一页
16
17
18
19
20
21
22
23
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他