- 博客(23)
- 收藏
- 关注
RSS订阅原创 小程序侧边导航栏左右联动
1.点击左边导航栏,右边内容滚动到指定区域用scroll-view组件中的scroll-into-view来解决<view class="content-group"> <view class="nav-list"> <block wx:for-items="{{list}}" wx:key="{{index}}" > <view class="{{activeIndex == index ? 'nav-item-active':'na
2022-05-13 15:48:04
2287
1
原创 vue+element 导入/导出 excel文件
1.导入template <el-dialog :title="upload.title" :visible.sync="upload.open" :before-close="uploadClose" width="400px" style="padding:10px" append-to-body> <el-upload ref="upload" :limit="1" accept=".xlsx, .xls"
2022-05-13 15:20:52
888
原创 node.js、node-sass和sass loader版本对应不上导致编译报错
重装系统后从git拉取项目npm install后疯狂报node-scss的错，百度半天卸载重装全都没用,后面发现是版本对应不上导致报的错误。解决方法1.卸载node-sassnpm uninstall node-sass`2.查看node和node-scss版本对应,下载自己node版本对应的node-sassnpm install node-sass@4.14.1 (建议cnpm,npm可能会失败,4.14.1换成自己对应的版本号)参考1.node 版本 : 14.17.42.no
2021-12-17 17:59:24
605
原创 vue+element 实现购物车功能
全选,多选,价格计算,开箱即用（没scss的安装下scss ）template<div class="cart-group"> <div class="sellect-all"> <div class="radio"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
2021-06-10 18:53:29
2407
原创 uniapp request请求封装 (携带token,请求拦截)
1.新建utils文件夹,新建uni_request.jsexport default function ({ baseURL, timeout = 56 * 1000, header: headers, statusCode = [200, 401] }) { return { get(url, data, header, ...args) { return this.request('GET', url, data, { ...header, ...headers }, ...args) },
2021-06-10 18:44:43
3965
4
原创 vue+axios 封装配置
1.安装axiosnpm install vue-axios --save2.新建axios文件夹import Axios from 'axios';import qs from 'qs';// axios 配置// Axios.defaults.timeout = 5000;Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';Axios.defaults.baseURL =
2021-06-08 10:16:54
171
原创 u-view Dropdown 下拉菜单 导致页面内容被遮盖 无法点击问题
在使用uview的dropdown组件时页面的点击事件 navigator失效，在点击事件打印值也没有执行，观察页面样式时发现 由于是组件的遮罩层覆盖住了页面 导致的问题(uview可能是在打开/关闭下拉菜单时更改了 遮罩层的透明度而已)修改源代码在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层data(){ return{ dropDownShow:false }}&
2021-04-15 14:47:29
3749
4
原创 小程序自定义导航栏
uniapp+u-view自定义导航栏1.在page.json设置navigationStyle 为custom2.设置导航栏内容,样式<u-navbar back-icon-color="#000000" title=" " :immersive="true" :background="background" :border-bottom="false" height="44"> <view class="slot-wrap"> 标题 </view&
2021-03-12 11:30:25
328
原创 js深克隆与浅克隆
深克隆与浅克隆的区别浅克隆不仅赋值了数据，还赋值了地址，操作第二级数据会改变原数据深克隆赋值了数据，但内存地址不同，不会影响原有数据定义一个obj 分别看看深浅克隆的效果let obj = { a:100, b:[10,20,30], c:{ x:2 }, d:/^\d+$/, e:function(){ console.log('1') }, f:new Date() }浅克隆let obj2 = {} for(let key in obj){
2020-12-24 17:22:47
297
2
原创 es6新增数组方法的基本使用
举个例子，用reduce计算数组的和let arr = [10,20,30,40] let result = arr.reduce(function(tmp,item,index){ return tmp+item }) console.log(result) //100
2020-12-18 17:58:53
335
1
原创 vue+axios 跨域问题处理
1.根目录创建vue.config.js文件2.修改proxy（上面的文件夹里编写）module.exports = { devServer: { proxy: { '/api': { target: '', // 需要请求的地址 changeOrigin: true, // 是否跨域 pathRewrite: {
2020-11-04 16:15:12
125
原创 css3绘制扫描图片效果
html <view class="image"> <image src="a.png" mode="aspectFill"></image> <view class="line"></view> </view>css.image{ width: 400px; height: 400px; position: relative;} .image .line { z-index: 8;
2020-06-06 17:13:53
828
原创 小程序调用百度ai 文本内容审核 实现敏感词过滤
百度智能云API接入指南https://ai.baidu.com/ai-doc/REFERENCE/Ck3dwjgn3文本审核apihttps://ai.baidu.com/ai-doc/ANTIPORN/Vk3h6xaga //相应参数说明以及错误码信息微信公众平台配置request合法域名aip.baidubce.com发起请求uni.request({ //获取ac...
2020-04-22 12:23:15
2894
1
原创 小程序生成自带参数的小程序码
开发文档的生成小程序码是后端调用的接口，前端只需要把路径跟参数传过去，获取到返回的小程序码即可获取页面参数data(){ return{ id:' ', //参数 imgUrl:' ',/接收小程序码url地址 }} onload:function(options){ this.id=options.id //上个页面跳转带的参数 var that=th...
2020-04-02 10:49:59
3369
转载 小程序canvas生成海报图片保存分享朋友圈
海报组件地址https://ext.dcloud.net.cn/plugin?id=586原作者demo里都有详细的注释，pages/hch-poster页面的例子里面有详细说明注意点1.海报图片，文字描述，小程序码都可以在pages/hch-poster页面里修改createCanvasImageEvn(){ // 这个是固定写死的小程序码 Object.assign(...
2020-03-12 11:14:57
1104
原创 小程序定位计算当前位置到附近商家的距离 点击商家跳转导航
1.定位当前位置<view class="page-section page-section-gap"> <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map> </view&g...
2020-02-14 18:47:11
5154
1
原创 腾讯地图api根据中文地址转换成经纬度生成地图定位
template<map style="width: 100%; height:600rpx;" scale="15" :markers="covers" :longitude="longitude" :latitude="latitude"></map>data return{ latitude: '', longitude: '', c...
2020-02-07 16:50:33
4556
2
原创 uniapp 上传图片
template<image v-if="imglist[0]" :src="imglist[0]"></image><input style="display: none;" name="proImg1" :value="imageList[0]" /> <image v-if="imglist[1]" :src="imglist[1]">...
2020-01-17 15:15:10
675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人