vue 弹出层这些都是我做移动端经常用到的的弹出层,四种弹出层,分别默认值type 0 1 2 这是一个组件 layer.vue代码:<layer ref="layer"></layer>
import layer from '@/components/layer/layer'1、加载中1. 加载中 默认open() 中没有参数 默认 type: 0 // type 0
l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 22:47:39
                            
                                0阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            源码地址 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评论
                            
                                                 
                 
                
                             
         
            
            
            
            我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美。在此,我整理一下我们项目的移动端和PC端页面常用的弹出层。 一、移动端 我们需在页面引入弹出框的样式和js 1、提示语 1)加载 2)成功 3) 失败 2、确认框 说明: 第一个参数:题目 第二个参数:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-12 17:29:19
                            
                                1581阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
               前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西,现在都忘了,怪可惜的。这次项目用JQuery做js的东西。主要用了个弹出层控件thickbox,自己也扩展和修改了一下。这里就记下来,也提供大家下载,希望对大家有用吧。  thickbox官方网站(上面有例子和基本的使用方法):http://jquery.com/demo/thickbox/  就我使用过程中,t            
                
         
            
            
            
            前言因为移动端设备屏幕尺寸非常多,碎片化严重。为了兼容市面上的不同手机,我们要给我们的项目中去进行响应式布局。rem适配方案原生rem写法注意: 1rem 的大小 = 根元素html的font-size的字体大小<script>
    // 页面重置事件
    get()
    window.onresize = function() {
        get()
    }            
                
         
            
            
            
            wc-view移动端图片浏览插件安装npm i wc-view --save-dev使用i            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-22 18:54:26
                            
                                349阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                    最近项目需求,需要做一个移动端的日历,类似于安卓原生日历。网上找了很多成熟的插件都不是想要。偶然的机会发现某篇博客上有人写的有类似的,于是拿过来稍加改造,终于可以用了。在这里非常感谢这位博主,省去我很多的开发时间。附上此博客地址:        废话不多说,直接附上代码供大家参考:<templat            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-26 17:49:21
                            
                                1008阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            瀑布流插件:importwaterfallfrom'vue-waterfall2'Vue.use(waterfall)   <div class="seat_box"2: isChoose }"></d...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-03 14:53:46
                            
                                1070阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            第一次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评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>jQuery 弹出层插件</title><link rel="stylesheet" href="c            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-27 00:21:40
                            
                                182阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.src文件夹下的components-》table -》index.js
import MTable from './table.vue';
import MyTable from './table1.vue';
export default (Vue)=>{
  Vue.component("MTable", MTable);
myTable", MyTable)
}
2.src文件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-15 20:31:29
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            关于插件:已更新为2.8一个基于jQuery的弹出层。最新版本2.8;支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架;这个插件前前后后修改了几个月了。一直在改进;到现在差不多了。以后不会经常更新了;参数JS代码里已作注释,这里不再复述;所有参数都为可选。就这么多了;有问题大家留言或发邮件给我!更新:(2011-05-16)1. 已修复IE6下存在的问题;2. 然后增强了随机生成            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-06 21:25:26
                            
                                83阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             是骡子是马拉出来遛遛,下下来运行下,就知道是不是自己想要的! jbox弹出层 官网:http://www.kudystudio.com/jbox/jbox-demo.html 下载:    layer弹出层 官网:http://sentsin.com/jquery/layer/ 下载:             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-01-07 15:25:40
                            
                                1891阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue 弹出全屏遮罩层 <div v-show="dialog" class='popContainer' @click="hideDialog">            <img  src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt="" >       ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-03 09:31:46
                            
                                3901阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            以前都用的是 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
                            
                                395阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近有一个活动页需要在移动端浏览器分享网页到微信,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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 19:35:36
                            
                                117阅读