vue移动端过渡动画

vue移动端开发h5基础配置

移动端项目中开发基础配置简介：仅针对于vue项目基础配置，但也适用于类似框架vue项目搭建项目初始化vue2.0vueinitwebpack基础配置依据个人爱好，这里直接省略vue3.0vuecreate基础配置同样省略vue3.0需要在根目录创建vue.config.js这里有一篇关于vue-cli3的全面配置的文章供大家参考，https://segmentfault.com/a/1190000
众生皆苦唯有我甜·2020-08-04 12:59

vue移动端手写tab栏切换

复制代码结构----供自己直接使用：全部**//注意a标签中的href必须去掉，否则路由出现问题**审核中审核通过退回//可直接编写内容在exportdefault{data(){return{//设置cur默认值cur：0}}}设置样式—可直接使用/*tab栏切换*/.tabsbox{overflow:hidden;border:1pxsolid#fff;}.tabsboxli{float:le
weixin_45108907·2020-08-04 07:28

【安卓笔记】—— 页面导航 Navigation（2）

Navigation中的数据传递和过渡动画创建一个简单的页面导航传递静态数据传递动态数据自定义动画transalate：移动scale：缩放rotate：旋转创建一个简单的页面导航首先创建两个Fragment
萌宅鹿·2020-08-04 07:11

android动画 开发者选项中动画时长原理分析(Android M)

转载自http://blog.csdn.net/guoqifa29/article/details/50458101一、简介开发者选项中提供了“窗口动画缩放”、“过渡动画缩放”、“动画程序时长缩放”三个可供调整动画时长的菜单项
wangyang55555·2020-08-04 03:08

Activity 过渡动画 — 让切换更加炫酷

本文首发于此博主：威威喵|博客主页：https://blog.csdn.net/smile_running介绍在android5.0以上版本中，google为我们提供了几种activity切换的过渡动画
威威貓·2020-08-04 01:03

Navigation的参数传递和过渡动画

Navigation的参数传递和过渡动画Navigation导航中的参数传递和过渡动画设计一个文本，通过点击屏幕按钮实现将文本内容传递到指定下一个界面并显示文本运行项目项目改编：自定义动画——TweenAnimation
Lin_Stack·2020-08-03 23:08

Python项目-Day33-border-box-shadow-线性渐变-transition(过渡动画)-flex布局

Python项目-Day33-border-box-shadow-线性渐变-transition(过渡动画)-flex布局border(边框圆角样式的设置)border-top-left-radiusborder-top-right-radiusborder-bottom-left-radiusborder-bottom-right-radiusborder-radius
qq_37892223·2020-08-03 22:14

Capacitor+Vue+Vant移动端打包总结

Capacitor+Vue+Vant移动端打包总结本笔记为打包Vue移动端AndroidApk打包步骤Capacitor与Vue项目结合基本配置自行百度/谷歌，这里是已集成配置好的项目。
DuebassLei·2020-08-03 19:52

使用asp.net从零开始制作设计网站

如下正文：1.申请域名2.购买空间3.备案4.使用photoshop完成设计与切图5.使用dreamweaver建立站点6.使用HTML完成滚动公告7.使用Javascript完成显示当前日期和过渡动画并填充首页面内容
liu_jia_guo·2020-08-03 19:04

CSS笔记

基础CSS样式背景文本字体链接列表表格轮廓CSS定位定位浮动浮动的应用CSS盒子模型概述内边距边框外边距外边距合并盒子模型应用CSS常用操作对齐尺寸分类导航栏图片选择器选择器详解CSS动画2D、3D转换过渡动画多列瀑布流
阿西代码·2020-08-03 15:13

用 Swift 制作一个漂亮的汉堡按钮过渡动画

原文：HowtobuildaniceHamburgerButtontransitioninSwift汉堡按钮在界面设计中已经是老生常谈了，但是当我在dribbble看到这个漂亮的过渡动画时，我决定试试用代码实现它
JoshuaJack290·2020-08-03 13:58

Activity 过渡动画 — 让切换更加炫酷

介绍在android5.0以上版本中，google为我们提供了几种activity切换的过渡动画，目的是为了让activity切换转场更加美观，而在android5.0之前的activity切换显得生硬
Android小安·2020-08-03 12:57

Fragment

层级中的一部分,一般可以把它看做一个轻量级的Activity.与传统的Activity相比,它只占用更少的资源，并且提供更大的编码灵活性、在超低版本上的兼容性等.使用Fragment能得到较好的运行效果,并且能将过渡动画兼容到更低的版本
weixin_33851177·2020-08-03 06:37

对Activity 切换过渡动画的理解

对Activity切换过渡动画的理解以自定义主题实现的切换过渡动画为例网上有很多讲Activity的切换过渡动画的，按我一惯的原则是不会重复造轮子，但是深入的看了看网上的大部分文章，都讲得云里雾里，让人不明所以
shenglong0210·2020-08-03 04:51

滑动切换UITabBarController

这篇文章主要给出了一个滑动切换标签控制器的实现，主要点如下：将当前控制器的索引的前后控制器视图通过截屏加载在控制器的左右UIImageView用作过渡动画使用，在界面出现时加载，在界面消失时移除；通过添加
ZeroOnet·2020-08-02 22:29

iOS自定义过渡动画

历时5天从各种英文教程中学习到的过渡动画，是一个很难忘的探索经历比较好的参考文章自定义UIViewController过渡入门，动画入门。
逆袭从今天开始·2020-08-02 22:06

Vue基础（slot插槽、transition过渡、vue历史、vue-cli脚手架、Vue.config.js配置、vue脚手架中的ToDoList案例）

■目录slot插槽&语法过渡动画如何使用&项目使用的目的vue-cli2.x&3.x脚手架创建项目vue-cli3.x完整最终案例一、slot插槽!!
菜鸟_小卡酷谋·2020-08-02 13:26

vue移动端音乐----播放器组件的开发

多个组件都可以打开播放器，所以我们要控制这个播放器的数据，一定是全局的，所以我们把数据通过vuex来管理1.Vuex数据设计，很多歌单都可以打开播放器，打开歌单缩小时，会出页面最下方出现小型的播放器，所以播放器的数据一定是全局的，所以把这个数据通过vuex来管理在state.js中添加播放器的状态，并在common->config.js中添加播放器的播放模式（顺序，随机，循环）首先，在state.
qq_22317389·2020-08-01 14:20

vue移动端音乐----播放器组件的开发2

播放模式对应到vuex中state是一个mode字段exportconstplayMode={sequence:0,loop:1,random:2}import{playMode}from'common/js/config'mode:playMode.sequence,//默认为顺序播放getter中有一个state的映射exportconstmode=state=>state.mode所以在pl
qq_22317389·2020-08-01 14:20

一、Vue移动端项目前准备

1.更改index.html的属性index.html在public目录下2.解决各个显示终端样式的一致性reset.css@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,
咸鱼最牛逼·2020-08-01 13:03

iOS 仿淘宝商品详情页(旧版)上拉加载商品参数

master参考文章iOS--类似淘宝详情页面的思路,自己写的Demo.一方面因为他的demo下面有些繁琐,自己的项目不需要那么复杂;另一方面因为还得加群才能获取demo,比较麻烦.这个demo比较简单,不过过渡动画效果方面还是没有淘宝的那么丝滑顺畅
出神入化VV·2020-08-01 13:45

vue移动端app调用百度地图实现简单定位

最近做毕业设计做了一个手机定位的小功能，在此记录下来，我这个定在在电脑上进行测试是没有权限的，只有在手机上测试才能拿到具体的地理位置。第一步先是建立一个map.js文件，用来引入和暴露百度地图的组件，具体内容如下：exportfunctionMP(ak){returnnewPromise(function(resolve,reject){window.onload=function(){resol
guo一清·2020-08-01 12:15

Vue移动端框架的选择

文章目录Vue移动端前端框架的选择Vue移动端前端框架的选择vue后台项目web端一般都选用ElementUI，但是移动端的选择还是比较多的。
woflyoycm·2020-08-01 07:16

vue移动端浮动导航组件实现方式

内容importaxiosfrom"axios";import{isWxAli}from"@/common/common";import{linkBaseUrl,baseUrl,qyyxUrl}from"../../config/index";importvueCookiefrom"vue-cookie";exportdefault{props:{left:{type:String|Number,
陈小成·2020-08-01 06:29

vue移动端项目缓存问题实践

最近在做一个vue移动端项目，被缓存问题搞得头都大了，积累了一些经验，特此记录总结下，权当是最近项目问题的一个回顾吧！先描述下问题场景：A页面->B页面->C页面。
weixin_34228662·2020-08-01 04:46

关于vue移动端 ios 的兼容问题

最近在做微信公众号web页面遇到了以下的问题,关于ios，准确的说是safari浏览器的问题1.关于cookie携带的问题这方面可以查看微信公众平台的技术文档的微信网页开发的iOSWKWebview网页开发适配指南中找到答案文档中描述1\跨域存取Cookie问题说明：在访问一个页面A时，如果页面A引用了另一个页面B的资源（页面A和B为不同的域名），这时页面B就被认为是第三方页面。若在页面B中设置C
weixin_30667649·2020-08-01 03:06

Android Material Design 常用控件介绍和使用

1.MaterialDesignMD材质的设计理念，超炫的过渡动画，布局阴影等。
花椒人生·2020-08-01 03:22

模仿element-ui封装vue组件库（二）

四、封装一个element-ui风格的dialog组件前置知识：vue过渡动画sync修饰符具名插槽与v-slot指令参数支持：参数名参数描述参数类型默认值title对话框标题string提示width
耳鼻喉科魏主任·2020-08-01 03:23

如何实现一个简单的Vue移动端组件库

前段时间一直在研究组件库，终于在组内派上了用场。来给大家贡献一篇关于移动端组件库的相关知识。经验不是很多，如果有不合理的地方还请指出哦～～～回想一下，在你们公司或者你们小组是否有一个以上的项目需要你维护？你是否遇到了两个项目需要开发类似的功能的情况？那么你是怎么做的呢？有这么三种通俗的解决方案：COPY你可能会说我讲究速度，复制之前的组件到新项目中（如果之前没抽出组件那你可能得反思一下了），那么慢
若寒hqq·2020-08-01 02:49

vue移动端UI框架——Vant全局引入vs局部引入

全局引入1.在main.js中全局引入全部vant组件优点：可以在所有vue文件的template中定义所需组件缺点：打包发布时会增加包的大小，Vue的SPA首屏打开时本来就有些慢，同时不能在js中使用类似Toast功能的组件代码如下：//main.jsimportVantfrom'vant'import'vant/lib/vant-css/index.css'Vue.use(Vant)//log
朱天和·2020-08-01 02:48

vue移动端头部组件

import{NavBar}from'vant';exportdefault{name:'headerNav',components:{[NavBar.name]:NavBar,},props:{title:String,},methods:{onBack(){history.back();},userInfo(){this.$router.push({path:'/user'});}}}.van
前端打工仔小剑儿·2020-07-31 22:15

Vue的动态设置style 加过渡动画，不用V-show

用：style来设置contentStyleObjdata(){return{titleName:'项目区域',titleUrl:'',contentStyleObj:{height:''},center:{lng:0,lat:0},//经纬度zoom:3//地图展示级别}},然后进入页面的时候mounted(){this.contentStyleObj.height=window.innerHe
姚辉乾·2020-07-31 21:28

vue移动端深坑之微信浏览器相关优化方案

目前微信浏览器对前端还是比较友好的，最近正在搞的一个项目，同一个页面在iOS的夸克浏览器中页面会因为软键盘的弹出莫名其妙的移位，因为用了fixed布局，目前还没有解决，等有时间再优化适配吧毕竟微信浏览器没有发现这个问题，现在都想强制用户使用微信浏览器了，相对于dan疼各种移动端浏览器只要考虑iOS和安卓两个平台适配就好了。主要记录一下微信中开发的坑和解决方案。微信浏览器坑一：针对无法取消的titl
oOcom·2020-07-31 20:11

vue实现tab切换样式

现成的vue移动端点击tab切换样式功能。
赵小懒猪cium·2020-07-31 15:19

优秀的基于VUE移动端UI框架合集

优秀的基于VUE移动端UI框架合集1.vonic一个基于vue.js和ionic样式的UI框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和
逍遥596607010·2020-07-31 12:24

过渡动画、圆角、阴影、透明度

1.transition过渡2.border-radius圆角水平偏移垂直偏移羽化大小扩展大小颜色3.box-shadow阴影4.rgba(前三个数值表示颜色,最后一个表示颜色的透明度(0-1))变形1.transform变换2.translate(x,y)设置盒子位移3.scale(x,y)设置盒子缩放4.skew(x-angle,y-angle)设置盒子斜切4.rotate(360deg)设置
骚X·2020-07-30 22:52

过渡动画，圆角，阴影，透明度

1.transition过度2.border-radius圆角|水平偏移垂直偏移羽化大小扩展大小颜色|3.box-shadow阴影4.rgba(前三个数值表示颜色，最后一个表示透明度)变形1.transform变换2.translate(x,y)设置盒子位移4.skew(x-angle,y-angle)设置盒子斜切5.rotate(360deg)设置盒子旋转设置平缓过度效果transition:a
Forever_f59e·2020-07-30 22:07

MagicSuggest – Bootstrap 主题的多选组合框

一组网页边栏过渡动画【附源码下载】真是好东西！13种非常动感的页面加载动画效果你见过吗？9款超炫的复选框（Checkbox）效果时尚设计！三种奇特网
zzm_·2020-07-30 21:45

Vue移动端项目搭建-笔记

目录设备像素和设备独立像素CSS绝对底部和伪类:after清除浮动弹性布局图标字体制作模拟后台数据项目打包设备像素和设备独立像素1、dips：deviceindependentpixels设备独立像素2、DPR：DevicePixelRatio设备像素比DPR=设备像素/dips3、移动端开发的问题：DPR!=1解决思路：使用伪元素设置1px的边框，然后使用媒体查询，根据DPR的大小，对边框进行缩
一念流转·2020-07-30 21:36

CSS3元素过渡属性transition

过渡动画是动画的基础在学习动画属性之前我们需要先了解过渡属性transition过渡transition先来看一个小例子.demo{width:100px;height:100px;background-color
_accelerator_·2020-07-30 21:59

vue移动端，基本架构搭建

vue官网#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundev基本架子搭起来了中间用到的文件会统一放在附件里1.首先是rem布局和动画引入将rem布局js和css3动画放到文件static中，在inde
你蠢哭我咯·2020-07-30 21:25

vue移动端项目框架搭建

移动端框架搭建前段时间组队参加公司组织的技术竞赛，使用知识图谱实现了一个自动应答系统。项目使用vuecli-2搭建了一个简单移动端项目框架，包括loader、plugin、flexible布局、UI框架安装，记录一下。>AVue.jsproject##BuildSetup```bash#installdependenciesnpminstall#servewithhotreloadatlocalh
才华无限公司·2020-07-30 21:35

01-vue移动端项目(搭建项目,vant的简单基本使用)

01-搭建项目结构步骤:1.0在桌面上打开终端2.0使用终端创建一个项目执行指令：vuecreateheimatt(heimatt是项目名字+6)生成项目时选择：Manuallyselectfeatures选择自己项目中需要用到的特性：babel、vuex、vue-router、cssPre-process、eslint是否开启history模式,选no选择一个css预处理器,选less选择esl
Tangoneone·2020-07-30 21:02

Vue移动端项目搭建

先新起一个项目vueinitwebpactprojectName安装vueUI库npminstall--savemint-ui-引入importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use(MintUI)引入lib-flexiblenpmilib-flexible--save在main.js中引入lib-flexibleimport
张宇zhy·2020-07-30 21:48

过渡动画、圆角、阴影、透明度

1.transition过渡2.border-radius圆角/水平偏移垂直偏移羽化大小扩展大小颜色/3.box-shadow阴影4.rgba（前三个数值表示颜色，最后一个表示颜色的透明度（0-1））变形1.transform变换2.translate(x,y)设置盒子位移3.scale(x,y)设置盒子缩放4.skew(x-angle,y-angle)设置盒子斜切5.rotate(360deg)
优秀的人A·2020-07-30 21:31

前端小白写的Vue+Koa2+Mysql移动商城

本人前端新手，最近费劲脑汁撸了个vue移动端商城，请大佬们帮忙点评一下。
weixin_33981932·2020-07-30 20:00

基于material design的过渡加载动画

google提供了materialdesign的设计风格分析整个过渡动画,可以分为三个阶段:1.旋转动画2.缩放动画3.水波纹扩散效果(这种效果也是materialdesign风格大量采用的)1.进入MainActivitypublicclassMainActivityexten
B1ueKid·2020-07-30 19:54

vue移动端上拉加载

{{item}}exportdefault{data(){return{list:[],num:1,};},created(){this.rember();},methods:{rember(){//console.log("123");for(vari=0;i=2100*this.num){this.rember();this.num+=1.2;}},},};.scroll-box{height
路宝的link·2020-07-30 18:00

解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配

1.首先把安装amfe-flexible，这里使用npminstallnpmi-Samfe-flexible复制代码2.在入口文件main.js中引入import'amfe-flexible/index.js'复制代码3.在根目录的index.html的头部加入手机端适配的meta代码复制代码4.安装postcss-pxtorem是一款postcss插件，用于将单位转化为remps：前提是ui设计
weixin_33788244·2020-07-30 17:11

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

一、安装1、npm安装npmimuse-ui-S或者CDN安装2、字体安装如果你想使用muse内置的Roboto字体，这里可以选择安装3、字体图标这里必须先引入图标，才可以显示图标。二、引入使用1、完整importVuefrom'vue';importMuseUIfrom'muse-ui';import'muse-ui/dist/muse-ui.css';Vue.use(MuseUI);newVu
Vam的金豆之路·2020-07-30 16:22
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他