- 博客(16)
- 收藏
- 关注
原创 微信小程序调用扫一扫
在官方文档中就有调用扫一扫的方法// 允许从相机和相册扫码wx.scanCode({ success (res) { console.log(res) }})// 只允许从相机扫码wx.scanCode({ onlyFromCamera: true, success (res) { console.log(res) }})微信官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework
2021-07-08 15:17:15 3770
原创 element Carousel 的使用
一.引入 Element在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h => h(App)});二.使用html:&l
2021-07-07 14:36:40 1390
原创 禁止图片拖拽和文字复制
在当前浏览器中的图片都不可以被拖拽或则打开新的页面 var im = document.getElementsByTagName('img'); for(var i = 0; i < im.length; i++) { im[i].onmousedown = function(e) { e.preventDefault() } }
2021-07-06 18:38:13 176
原创 Dropdown 的点击事件无效问题
解决在@click后面加一个 “.native” 就可以了<el-dropdown-menu slot="dropdown"> <el-dropdown-item @click.native="btn">111</el-dropdown-item> <el-dropdown-item>222</el-dropdown-item> <el-dropdown-item>333</el-dropdown-it
2021-07-02 14:55:42 1418
原创 安装sass-loader和less-loader报错this.getOptions is not a function
安装less和less-loader后我们使用lang="less"报Module build failed: TypeError: this.getOptions is not a function出现这种问题主要是less-loader版本太高了,我们可以手动降低版本npm install less-loader@5.0.0 --save-dev 降低到5.0.0...
2021-06-30 16:01:37 208
原创 vue简单使用高德地图定位
1.获取key我们需要到高德开放平台生成key我这里选的是web端,提交后会生成一个key值2.安装vue-amapnpm install vue-amap --save在项目main.js引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap); // 初始化vue-amapAMap.initAMapApiLoader({ // 高德key key: '放入你的key', // 插件集合 (插件按需引入) plug
2021-06-29 15:17:40 1415
原创 鼠标悬浮图片放大
鼠标悬浮图片,图片放大直接看代码html:<div class="content"> <div class="imageframe"> <img src="../assets/logo.png" /> </div></div>css:.content { margin: 40px auto; width: 250px; height: 400px;
2021-06-28 15:18:28 246
原创 滚轮滑动div定位在浏览器顶部
效果如下直接看代码HTML<template> <div> <div class="box" ref="nana"></div> <div class="box1"></div> </div></template>css.box{ width: 100%; height: 100px; background: yellow;}.box1 { widt
2021-06-28 14:58:42 138
原创 微信小程序优惠券样式
wxml<view class="container"> <view class="coupon-list"> <!-- 第一个 --> <view class="sawtooth-bor item"> <view class="pt10 discount"> <text class="fs36">50</text> <view class="fs12.
2021-06-25 14:23:25 1250 1
原创 vue 城市区三级联动
v-dispicker1.首先引入v-dispicker插件npm i v-distpicker --save2.在main.js中进行配置import VDispicker from 'v-distpicker'Vue.component('v-distpicker',VDispicker)3.在组件中使用import VDistpicker from 'v-distpicker'export default { components: {VDistpicker}}4.使
2021-06-25 14:10:43 227
原创 微信小程序防止多次点击
小程序多次点击出现的情况在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况或者同一函数多次执行解决通过函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。/utils/util.js://函数节流function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined
2021-06-25 12:16:47 1165
原创 uni-app
1.uniapp 的底部导航是与微信小程序的底部导航配置一样的,最多5个最少2个,在pages中创建(右键pages输入文件名自动生成)color: 文字未选中时的颜色selectedColor: 文字选中时的颜色backgroundColor:背景颜色borderStyle:只有black / white两个值list: 单独导航的配置项pagePath: 绝对路径 写文件的路径text: 文字iconPath: 未选中时的图标selectedIconPath: 选中时的图标图
2020-10-22 14:46:28 181 1
原创 微信小程序轮播图的使用
1. 使用swiper和swiper-item//autoplay(是否自动切换)interval(时间间隔)indicator-dots(面板指示点)<swiper class="box" autoplay="true" interval="3000" indicator-dots="true"> <swiper-item wx:for="{{arr}}" wx:key="index"> <view class="Rotation_chart">
2020-10-13 14:41:21 183 1
原创 微信小程序滑动与点击标签页
html代码如下<scroll-view class="scroll-view_H" scroll-x="true" >//使用滚动视图,允许横向滚动 <view class="scroll-view-item_H" wx:for="{{classification}}" wx:key="index" >//循环数据 <view class="box_li"> <view bindtap="sw
2020-08-21 10:35:40 542 1
原创 微信小程序图片保存
微信小程序图片保存//在你的点击事件下wx.downloadFile({ //这里需要改变自己的图片路径 url: 'https://statics.zhuishushenqi.com'+this.data.arr.cover, success: function (res) { //判断是否保存图片 if (res.statusCode === 200) { wx.saveImageToPhotosAlbum({
2020-08-12 10:06:20 526 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人