插件描述:移动图片,tab等滑动切换swiper 是一个针对移动的可触摸切换插件,更多demo详见下载包。调用方法:var mySwiper = new Swiper('.swiper-container',{ pagination: '.pagination', loop:true, grabCursor: true, paginationClickable: true })Swipe
swiper移动日历 先上图:  说明:这是基于移动的,对于PC浏览器支持不是很好(我测的结果是IE无效),另外这个swiper是4.x版本的思路:  先引用css<link href="css/bootstrap.min.css" rel="stylesheet" /> <!--这是字体图
转载 2024-06-08 16:10:13
74阅读
1. 今天做项目时,要做一个类似于文档格式的滚动锚点,点击左边菜单让右边菜单滚动到用户可视区域。而这两边的数据都是for循环出来的数据。虽然是vue项目但是是js获取标签。效果图:<template> <div style="width: 100%; display: flex; margin-top: 5%"> <div style="width: 30
EDM中导航条的使用技巧是什么呢?请看下文的介绍: 你邮件顶部的导航条,可以是推动用户接洽的巨大来源。除了在邮件预览窗格几乎每次都能看到之外,导航条向你邮件订阅者展示一个清晰而熟悉的路径,以便与您接洽,即使他们对你邮件的主要内容并不感兴趣。 EDM中导航条的使用技巧是什么呢?请看下文的介绍:你邮件顶部的导航条,可以是推动用户接洽的巨大来源。除了在邮件预
写在最前:移动导航的网格式布局无处无在,宽高怎么设置相适应?元素怎么居中对齐?不同场景怎么选择代码最高效?巧妙使用margin、padding等基础属性,小小技巧可以解决许多烦恼! 一、Float布局 1、场景 首页导航布局(无间距) 2、页面布局 <div class="g-grid"> <d
转载 2020-11-20 16:47:00
209阅读
2评论
移动-圆形导航
原创 2021-07-10 10:20:29
227阅读
<template> <div> <div class="zy-menu" :style="conStyle" v-if="arr.length != 0"> <div class="zy-menu-center" @click="menuClick">导航</div> <div class="zy-menu-main" :style="menuStyle"> <div ...
原创 2022-02-25 09:51:08
90阅读
swiper 官网地址:https://www.swiper.com.cn/Swiper移动的实际应用(演示) https://www.swiper.com.cn/demo/senior/index.htmlhttps://blog.csdn.net/weixin_42931825/article/details/100120922  
转载 2021-05-23 13:24:26
701阅读
2评论
移动触摸滑动插件Swiper04/02/2015一、了解Swiper目前移动项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择。1、他不需要加载任何公共库(如jQuery)即可运行,这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的动行,如jQuery,Zepto,jQuery Moblie等。2、Swip
转载 2024-01-27 14:39:03
382阅读
http://www.idangero.us/sliders/swiper/plugins/scrollbar.phphttp://www.idangero.us/sliders/swiper/demos.php
转载 2014-06-27 09:27:00
2711阅读
2评论
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
395阅读
# 实现PC显示导航移动折叠导航变成三 ## 介绍 在开发网页时,导航栏是一个非常重要的组件,它可以帮助用户快速导航到不同的页面。在PC,通常我们会将导航栏以水平方式显示,而在移动,为了适应较小的屏幕尺寸,我们需要将导航栏折叠成一个按钮,点击按钮后显示为三个水平条。 本文将教给你如何使用jQuery实现PC显示导航移动折叠导航变成三的效果。 ## 整体流程 下面是实现这个效果
原创 2023-08-31 07:00:14
178阅读
官网:https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/最近一个月的时间,工作上的事情特别多,要同时开发维护三四个项目,让人觉得有些憔悴,也没有时间去学习了,正好今天要聚餐,趁着下午的时间,把之前没有写完的Mint UI教程继续写一写。接着上一篇:Vue移动框架Mint UI教程-搭...
原创 2022-04-24 00:17:39
1090阅读
1点赞
官网:https://mint-ui.github.io/#!/zh-cn Github: ht
Vue
原创 2021-07-28 11:14:14
326阅读
使用vue心得,聊聊vue
原创 2022-10-28 16:27:48
237阅读
一般情况下如果全部应用CDN或者直接全局使用,直接根据文档就行,我这里重点讲一下这个UI的框架按需引入以及REM适配(官网也有提到,只不过有点模糊,新手入门要研究一会,我只是阐述重点,以提高效率),下面开始:第一步不用说照着官网进行安装,NPM或者是yarn,都是可以的npm i vant -S or yarn and vant安装之后我们在babel.config.js中进行配置插件:mod
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创 2021-09-09 14:21:19
563阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创 2022-03-04 13:37:54
310阅读
这里我写一下我自己用的vue 移动适配 ,可能跟别人的不一样。但是效果是一样的。我
转载 2023-02-27 15:46:50
733阅读
8 个月前Mint UIGitHub:github.com/ElemeFE/mint项目主页:mint-ui.github.io/#Demo:elemefe.github.io/mint-文档:mint-ui.github.io/docs/#由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动组件库。自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了
转载 10月前
25阅读
  • 1
  • 2
  • 3
  • 4
  • 5