熊猫眼程序媛-CSDN博客

原创 js下载图片的时候调起文件系统

一般前端下载都用的a标签，但是就不能选择地址了，只能下到浏览器的默认地址，如果要调起文件系统可用window.showSaveFilePicker()，例子如下。注：createWritable()是一个实验性方法，可能存在不稳定，并且不支持ios！

2024-05-16 17:38:11 166

原创 H5 移动端下载图片到手机

原理很简单，用a标签就行，但是有个问题。经过测试a标签地址为本地图片的时候默认直接下载，但如果是线上地址会默认进入预览状态。所以先请求图片地址，会返回本地地址，然后再用a标签。

2024-04-30 19:51:10 1244 3

原创封装一个地图选择器（基于高德地图）

效果如图：能搜索选择地址，也能点击地图选择地址。代码如下：首先下载loader。npm i @amap/amap-jsapi-loader --save<template> <div> <el-dialog title="选择地址" :visible.sync="isMap" :close-on-press-escape="false" :close-on-click-modal="false"

2022-03-28 10:59:34 1672 2

上代码：（写的好累啊…）//微信小程序保存到相册saveEwm(e) { var that = this //获取相册授权 uni.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { uni.authorize({ scope: 'scope.writePhotosAlbum', success() { //这里是用户同意授权后的回调

2021-11-03 16:55:32 258

原创 uniapp小程序专栏五：微信授权登录获取手机号

我封装到js里面的，直接调用就行了授权登录：// 用户登录export function userLogin() { return new Promise((resolve, reject) => { var loginData = {} uni.login({ success(res) { if (res.code) { //发起网络请求 loginData.code = res.code // 获取微信用户信息 } }

2021-11-03 16:25:12 597

原创 uniapp小程序专栏四：图片不变形

想要让图片不变形，可以设置mode=aspectFill<image :src="ApibaseUrl+acvDetail.faceFile"mode="aspectFill"></image>mode的几个属性参看uniapp官网

2021-11-03 13:49:01 3052

原创 uniapp小程序专栏三：吸顶

在用户浏览的时候，会要求吸顶样式，其实就是监听滚动条离顶部一定距离就改变样式<view class="supply-all" :class="{'sticky-fixed':isF}"></view>js代码onPageScroll(e) { this.isF = false if ( e.scrollTop < 200) { this.isF = false } else { this.isF = true } },

2021-11-03 13:42:44 635

原创 uniapp小程序专栏二：左滑删除

移动端删除功能很少有按钮删除了，更多的是左滑删除，要通过@touchstart、@touchmove、@touchend三个事件控制<scroll-view v-else class="collect-all" :scroll-y="isScroll"> <block :key="index" v-for="(item, index) in collect"> <view :data-index="index" class="order-item" @touc

2021-11-02 17:41:15 891

原创 uniapp小程序专栏一：瀑布流

做小程序时常会遇到需要做瀑布流的时候，方法有很多，这里给大家看一个简单重点是在循环的地方用v-if判断，偶数项在左，奇数项在右效果图：

2021-11-02 14:24:54 431 3

原创 echarts横坐标字数太多折叠显示

懒得打字，上代码。。。。。。xAxis: [ { type: "category", data: xAxis, axisLabel: { show: true, formatter: function (value) { var ret = ""; //拼接加\n返回的类目项 var maxLen

2021-09-14 15:37:51 523

原创 echarts 地图、地图上的柱状图、迁徙图

首先普通地图<template> <div class="center-map" id="map" style="width: 100%; height: 87%"></div></template><script> import hunan from "@/assets/js/hunan.json"; import changsha from "@/assets/js/changsha.json"; import zhuzhou f

2021-09-14 14:58:53 1016

原创 element ui表格多选翻页记忆

在一般的element ui 表格中数据选中后，翻译就没有了。今天来解决这个问题。需求：左右都有一个表格。左边选中时，右边出现选中的的数据，翻页时，右边数据保留，再翻回来选中的数据勾起，删除右边表格的数据，左边相应数据取消勾选大概效果：左边表格代码<el-table :data="userTable" ref="selectedUser" :row-key=" (row) => {

2021-09-14 12:09:51 942

原创 vue echarts 动态生成多圆环饼图

在做数据可视化的时候，会遇到写多圆环饼图，因为数据的变化，封装时series的数据就不能写死。下面做一个简单的多圆环饼图疯转动态生成series// 动态生成serie getSeries(){ var series=[] var serItem={} this.names.forEach((item,index)=>{ serItem={} serItem={ name:item.name,

2021-09-03 16:08:59 2810

原创 vuex整个流程

vuex是存储状态的管理工具，在较大的项目里会用到，如果是小项目反而不建议使用，因为用的过程会比较繁琐。这里简单讲讲state,mutations,getters,actions在vuex使用中的流程首先大家都知道vuex是在store文件下面index.js文件写的。但是如果项目很大，有很多不同的模块都要用vuex写，全写在index.js不免显得杂乱。所以应该在store文件下新建自己的模块，然后在index.js里面引入，具体操作如下：如图在自己的文件里写好并暴露然后在index.js文件里.

2021-04-07 20:10:23 577 1