vue
G.Bro
小菜鸡
展开
-
基于uni-app框架封装的插件:支持app/apk、H5、微信小程序的内容可上下左右滚动,文字滚动,图片滚动,元素滚动;欢迎试用
优化之前微信小程序原生写的跑马灯。先看效果:功能简介文字左右跑马灯文字上下滚栏左右滚动区域(自定义内容)上下滚动区域(自定义内容)样式自定义多端使用options参数说明参数说明类型默认值可选值注意项broadcastType滚动类型Stringtextmould/text无direction滚动方向Stringlefttop/bottom/left/right无viewHeight滚动区域可视高度Number4原创 2020-05-13 16:25:44 · 2190 阅读 · 0 评论 -
uni-app全局自定义提示框,可覆盖原生标题栏和tabBar
效果图:uni-app全局自定义提示框,可覆盖原生标题栏和tabBar。具体实现如下:在main.js引入挂载:import G_show_modal from '@/common/G_show_modal/index.js' Vue.prototype.$showModal=function(op={}){ return new Promise((resolve...原创 2020-05-06 10:13:47 · 7855 阅读 · 0 评论 -
uni-app 如何避免点击跳转短时间内连续触发?
uni-app开发过程中,我们在元素上加个事件进行页面跳转,连续点击会跳转多个页面;解决方案:写一个指令全局监听事件并阻止短时间内连续触发具体代码如下:globalPul.jsconst globalPul = { install: function(Vue, pluOp = {}) { // 插件注册对象表 Vue.$plu = Vue.prototype.$plu = { ...原创 2020-04-15 12:03:44 · 6152 阅读 · 2 评论 -
利用vue.js实现一款简易计算器
利用vue.js实现一款简易计算器可多则混合运算(加减乘除)vue计算器完整代码如下:<template> <view> <view class="calculatorBox"> <view class="colseImg"> <view class="titPopup"> 计算器 </v...原创 2020-03-11 16:57:57 · 1896 阅读 · 0 评论 -
使用uni-app打包APK全过程(简单)记录
准备工作:前往官网https://uniapp.dcloud.io/先了解一下下载开发工具:https://www.dcloud.io/hbuilderx.html安装完成打开uni-app 是一个使用 Vue.js 开发所有前端应用的框架,语法和结构与vue.js相似,并参和了小程序的东西二、编译测试1.可编译到浏览器(测试时需要跨域配置跟之前的vue配置方式差不多)和手机真机模...原创 2019-12-16 10:48:48 · 10625 阅读 · 0 评论 -
vue CLI3.0自己实现一个轮播组件,并设置自定义属性
搭建CLI步奏过程不详细介绍了主要利用Vue.component()注册全局组件,滑动效果使用了translateX如下图让后开始详细介绍如何实现自己的轮播组件一.新建jv-swiper文件夹1.1、然后在jv-swiper文件夹新建index.vue ,该vue其实为swiper的外层控制<template> <div class="jv-swiper" re...原创 2019-08-09 15:10:53 · 1090 阅读 · 0 评论 -
利用vue 实现一个响应式导航
效果图:实现起来很简单,下面主要代码 page_width() { let screenWidth = window.screen.width; console.log(screenWidth); if (screenWidth < 800) { this.fullWidth = false; } else { ...原创 2019-08-09 16:19:01 · 2747 阅读 · 6 评论