源码地址 https://github.com/ustbhuangyi/better-scroll.git 原生滚动 .hello { overflow-y: scroll; } BetterScroll <script> import BetterScroll from 'better-scrol ...
转载 2021-07-20 11:00:00
817阅读
2评论
前言因为移动设备屏幕尺寸非常多,碎片化严重。为了兼容市面上的不同手机,我们要给我们的项目中去进行响应式布局。rem适配方案原生rem写法注意: 1rem 的大小 = 根元素html的font-size的字体大小<script> // 页面重置事件 get() window.onresize = function() { get() }
第一步 先创建组件目录结构  第二步 封装组件index.vue<template>  <div class="tree-select-box">    <air-cell type="text" :label="label" :placeholder="placeholder" :downIcon="downIcon
转载 2023-05-26 14:58:15
631阅读
CSS5整理新闻:文/高广淦你无法去卖一个用户找不到的产品。搜索是用户最基本的行为,也是构建一个可盈利的app或网站的重要元素。用户在发现和学习产品时期望在app中有流畅的体验,他们会根据搜索结果迅速判断出一个app的价值。一个好的搜索控件应当帮助用户迅速简便地找到用户想要的内容。在本文中我们将探讨如何将其实现。1. 搜索如何放置用户在寻找搜索的入口时通常是迅速且粗暴的。他们通常会浏览一个页面然后
瀑布流插件:importwaterfallfrom'vue-waterfall2'Vue.use(waterfall) <div class="seat_box"2: isChoose }"></d...
原创 2023-01-03 14:53:46
1070阅读
wc-view移动图片浏览插件安装npm i wc-view --save-dev使用i
原创 2022-09-22 18:54:26
349阅读
        最近项目需求,需要做一个移动的日历,类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的,于是拿过来稍加改造,终于可以用了。在这里非常感谢这位博主,省去我很多的开发时间。附上此博客地址:        废话不多说,直接附上代码供大家参考:<templat
转载 2024-06-26 17:49:21
1008阅读
第一次tv开发,记录下来我的坎坷路程最近做TV的项目,需要用到焦点移动。网上各种各样的插件层出不穷,用用就发现不是这有问题就是那有bug,要一直填坑,搞得头都大了。搞了好久,最后使用了vue-tv-focusable下面是安装以及我项目中能用到的。安装 npm i -S vue-tv-focusablenpm地址:https://www.npmjs.com/package/vue-tv-foc
转载 2021-05-10 17:11:07
1083阅读
2评论
以前都用的是 echarts 插件,这次的项目要用 vue-echarts 插件vue-echarts 和 echarts 的区别:vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar
转载 2024-02-29 13:19:30
324阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍:项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标      
转载 2023-08-22 11:38:53
397阅读
最近有一个活动页需要在移动浏览器分享网页到微信,QQ。虽然每一个浏览器都有分享到微信的能力,但不是每个都提供接口供网页来调用。及时有提供,浏览器暴露出的api也各不相同,而我写NativeShare的目的只是为前端开发者提供一致的a
原创 2021-07-15 14:55:38
316阅读
最近有一个活动页需要在移动浏览器分享网页到,。虽然每一个浏览器都有分享到的能力,但不是每个都提供接口供网页来调用。及时有提供,浏览器暴露出的api也各不相同,而我写NativeShare的目的只是为前端开发者提供一致的api来调用浏览器的原生分享组件。大小uglify + gzip =
转载 2018-09-21 13:29:00
396阅读
2评论
今天分享一下快速使用jQuery+zepto.js的技巧,需要的记得收藏1.jQuery的引入:本地下载jQuery(后面简称jq)的源文件,开发版本使用非min版,线上使用min版,zepto.js类似,同样的一些基于jq的插件也是如此用法,如果使用requreJs也就是模块化加载注意插件的依赖性;zepto.js(可以认为是移动简版jq,用法基本相同,唯一不同的是点击事件的触发,一个是cli
这篇文章主要介绍了Vue.js 2.0 移动拍照压缩图片上传预览功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到了无法调用plus的H5+接口的问题,所以最后拍照上传功能还是使用input
# 移动 HTML5 多选图片实现 在现代Web开发中,HTML5为我们提供了强大的功能,以便在移动实现多种交互体验。本文将为您介绍如何在移动网页上实现一个多选图片的功能,并提供代码示例及详细讲解。 ## 一、需求分析 在许多应用场景中,用户需要选择多张图片,例如相册应用、图片上传等。实现一个简洁高效的多选图片功能对提升用户体验至关重要。 ## 二、基本流程 在实现多选图片功能的过
原创 8月前
132阅读
  今天在博客园看到一篇《ASP.NET MVC+Colorbox做的一个Demo(一)》的文章。看了效果,给人很舒服的感觉。立马我也照着他的示例做了。但做了很久没有成功。后来我到官方下载了ColorBox,里面附带了示例。看了一会儿,就自己模仿着示例做了一个基本的ColorBox弹出页面的效果。  说道ColorBox,还是先来介绍一下它吧。    colorbox()函数使用一堆key/val
第一步 先创建组件目录结构 第二步 封装组件 index.vue <template> <div class="tree-select-box"> <air-cell type="text" :label="label" :placeholder="placeholder" v-model="tex ...
转载 2021-09-06 15:24:00
2123阅读
2评论
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 并新增了
转载 11月前
25阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div> <span class="pages">共 {{allCounts
原创 2021-09-09 14:21:19
568阅读
Pagination.vue<template><div id="pagination" :style="{'justify-content':textAlign}"> <div> <div>
原创 2022-03-04 13:37:54
310阅读
  • 1
  • 2
  • 3
  • 4
  • 5