- 博客(16)
- 收藏
- 关注
RSS订阅原创 微信小程序调用扫一扫
在官方文档中就有调用扫一扫的方法 // 允许从相机和相册扫码 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
3939
原创 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
1537
原创 禁止图片拖拽和文字复制
在当前浏览器中的图片都不可以被拖拽或则打开新的页面 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
255
原创 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
1579
原创 安装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
271
原创 vue简单使用高德地图定位
1.获取key 我们需要到高德开放平台生成key 我这里选的是web端，提交后会生成一个key值 2.安装vue-amap npm install vue-amap --save 在项目main.js引入vue-amap import AMap from 'vue-amap'; Vue.use(AMap); // 初始化vue-amap AMap.initAMapApiLoader({ // 高德key key: '放入你的key', // 插件集合 （插件按需引入） plug
2021-06-29 15:17:40
1593
原创 鼠标悬浮图片放大
鼠标悬浮图片，图片放大 直接看代码 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
296
原创 滚轮滑动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
175
原创 微信小程序优惠券样式
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
1321
1
原创 vue 城市区三级联动
v-dispicker 1.首先引入v-dispicker插件 npm i v-distpicker --save 2.在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
282
原创 微信小程序防止多次点击
小程序多次点击出现的情况 在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况或者同一函数多次执行 解决 通过函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。 /utils/util.js: //函数节流 function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined
2021-06-25 12:16:47
1239
原创 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
271
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
230
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
616
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
620
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人