人一闲就无聊 想做点小东西 以后需要的时候拎起来就用嘿嘿嘿 我做的转盘简单没啥难度,样式也是随便整整,里面的图片都是远程的 <template> <div class="turntable"> <!-- 转盘组件 --> <div class="box"> <div class="rotateBg" ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-11-03 15:25:00
                            
                                1781阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            场景如下:用户点击抽奖,转盘立刻线性提速转动,同时请求抽奖接口,旋转过程中等待接口返回抽奖信息接口返回信息后,转盘减速至停转网上找到animejs动画框架,想钻研的同学可以看一下,我没有用此框架实现,是手写的这个demo没有实现停在指定奖品上也没有实现完全停止后,正好停在0°<template>
  <div class="hello">
    <!-- 图片自己可            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-13 17:17:38
                            
                                668阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.搭建界面 把转盘View给封装起来. 由于界面是固定不变的,可以弄一个Xib展示界面. 外界使用时直接来一个类方法直接调用. 2.让转盘进行旋转. 在封装的View内部提供一个开始旋转的方法和结束旋转的方法,供外界直接调用. 在View内部实现方法. 开始旋转: 添加核心动画.动画要添加到里面的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-06-18 16:53:00
                            
                                168阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            转盘:0001 package lu.leon.display {
0002     import flash.display.MovieClip;
0003     import flash.events.Event;
0004 
0005     import com.greensock.TweenLite;
0006     import com.greensock.easing.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2010-12-31 16:16:30
                            
                                1284阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            **作用:**用于增强Vue 使用方式: 创建插件plugins.js export default { install(Vue){ } } 在main.js中引入插件 import plugins from "@/plugins"; Vue.use(plugins); ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-11 21:09:00
                            
                                102阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            最近做了一个转盘随机旋转获取对应的值,做了一个山寨的转盘抽奖,关键的代码如下:
该类控抽旋转,注:mPlayPlateBitmap 、mPlayPlatePointBitmap是两张图片,这两张图片的大小是一样的并关注他们的中心点要在一起,那样子才更有视觉效果!,
 
import android.content.Context; import android.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-03-22 11:51:02
                            
                                1662阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue插件用于增强Vue,插件本质上是一个包含install方法的一个对象。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-17 13:57:00
                            
                                140阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-25 15:49:32
                            
                                33阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            UI demoUI 插件汇总我的github iSAM2016 在练习写UI组件的,用到全局的插件,网上看了些资料。看到些的挺好的,我也顺便总结一下写插件的流程; 声明插件-> 写插件-> 注册插件 —> 使用插件声明插件先写文件,有基本的套路 Vue.js 的插件应当有一个公开方法 install 。第一个参数是 Vue 构造器 ,第二个参数是一个可选的选项对象:而option            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-22 22:03:26
                            
                                97阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            年底了各种抽奖,各种奖品,各种诱惑啊!众多拼人品的抽奖环节当中,“大转盘”恐怕也一种很常见的方式吧。这里特分享一个大转盘的组件:使用非常简单,且可以随意变换UI,相当的方便,如下: 为了增加这个“大转盘”组件的通用性,我把数据的接口提到了外面:  1)数据接口有外部来获取或设置,比如由js来负责;  2)flash只负责展示相应的奖品信息 和 转盘指针的转动。具体流程是这样的:  1.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-02 16:42:53
                            
                                339阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在做后台管理系统时,很少会用到播放器,无论是音频还是视频,但是还是有遇到的可能性的。下面介绍一下vue-video-player视频播放器插件的使用:1.vue-video-player视频播放器插件安装安装:npm install vue-video-player --save2.main.js中引入插件并全局注册import VideoPlayer from 'vue-video-player            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-14 16:57:19
                            
                                555阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、插件的介绍与安装1、Vetur插件Vetur是一款Vue代码高亮显示的一款插件,在没有使用此插件前,以 .vue的文件名代码是没有颜色的!!!  安装步骤:在扩展商店中搜索( Vetur )点击安装  2、ESLint 插件ESLint插件主要用来检测代码的语法格式,以便我们规范书写,避免因编译所发生的错误 。作用如下图:  安装步骤            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-13 23:28:37
                            
                                499阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue插件集合
     element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-22 19:34:24
                            
                                56阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue插件开发是使用过程中不可缺少的一项,可以提高开发效率,减少重复开发,下面就是插件开发的几个步骤:首先在src下新建plugin文件夹,下面新建toast.vue和toast.js文件testToast.vue文件代码
<template>
  <div>
    <p class="rtoast" v-if="show">{{msg}}</p>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-07 13:35:45
                            
                                197阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一文读懂Vue插件使用插件使用插件Vue.use()开发插件Vue项目中应用配合require.context,动态导入全局组件Vue项目中引入elementUi组件(全局)推荐阅读 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-t            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-28 13:46:14
                            
                                93阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录大转盘组件学习信息记录遇到的问题有借鉴意义的写法转动的处理逻辑css样式布局转盘位置渲染的处理逻辑信息记录遇到的问题运行script中的命令提示 缺失 spark gr 等命名=》安装spark-cli脚手架 =》yarn dev有借鉴意义的写法利用forwardRef 与 useImperativeHandle向            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-28 14:07:15
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue参考---自建vue插件一、总结一句话总结:vue中,我们可以很方便的开发自定义插件,记得使用的时候声明一下就好了Vue.use(MyPlugin)  1、vue中如何开发一个插件?1、按vue规范写好一个vue插件:MyPlugin2、在vue中声明使用插件:Vue.use(MyPlugin) // 内部会调用插件对象的install()3、正常使用vue插件中的方法就好了:1、插件全局方            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-03-12 07:18:00
                            
                                137阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue参考 Vue 扩展插件 一、总结 一句话总结: vue的扩展插件很多,比如vue全家桶,比如图片懒加载vue-lazyload,比如页面滑动相关的vue-scroller,比如移动端UI组件库mint-ui 1、vue-cli和vuex 分别是做什么的? vue-cli:vue 脚手架 vue            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-03-12 01:27:00
                            
                                169阅读
                            
                                                                                    
                                2评论