uniapp - 随笔分类 - kitty20180903suzhou

demo：canvas 绘制图片、并保存在相册，并使图片保持原始大小和清晰度

摘要：1 <template> 2 <view class="content"> 3 <button type="primary" @click="selectImage">选择图片</button> 4 <canvas id="myCanvas" type="2d" :style="{width:can 阅读全文

posted @ 2022-08-31 15:03 kitty20180903suzhou 阅读(386) 评论(0) 推荐(0)

uniapp 使用uni.request发送multipart/form-data请求的方法

摘要：最近开发的时候遇到一个问题，小程序上需要向后端传 base64 的图片，且需要使用multipart/form-data 的方式将数据传给后端，然而(wx|uni).request 没有直接支持 multipart/form-data，百度了半天终于找到了解决方法，在这里记录一下。第一个问题：请阅读全文

posted @ 2022-03-17 16:12 kitty20180903suzhou 阅读(3218) 评论(0) 推荐(0)

GraceUI - 地区联动组件内数据转换成 element-china-area-data 的数据

摘要：1 // import provinceData from '../data/city-data/province.js'; 2 // import cityData from '../data/city-data/city.js'; 3 // import areaData from '../da 阅读全文

posted @ 2021-07-06 11:37 kitty20180903suzhou 阅读(426) 评论(0) 推荐(0)

ant vue 组件 cascader 封装地址联动选择器

摘要：组件基于 antd-vue，需要安装依赖包：element-china-area-data 实现。 <template> <div> <a-form-item :label="label" :required="required"> <a-cascader :options="regionDat 阅读全文

posted @ 2021-06-01 09:08 kitty20180903suzhou 阅读(632) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（三）mixin - share

摘要：share mixin 重要用于设置分享类容、重定向Url 1 import {mapState,mapMutations} from 'vuex' 2 export default { 3 computed:{ 4 ...mapState('login',['userInfo','redirec 阅读全文

posted @ 2020-12-28 14:14 kitty20180903suzhou 阅读(415) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（四）mixin - login

摘要：在这个项目中，调用登录接口时，将页面参数传入，且登录完成后需要调用别的接口。 1 import {mapState,mapActions,mapMutations,mapGetters} from 'vuex' 2 export default { 3 computed:{ 4 ...mapStat 阅读全文

posted @ 2020-12-28 14:11 kitty20180903suzhou 阅读(485) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（七）遇到的一些坑

摘要：video 组件，video 组件在目前较新的基础库（2.12.2）中已经支持同层渲染，如果写在 video 标签内部，则在开发者工具中显示正常，但在真机中会出现非 video 元素不显示的情况。video 标签已支持嵌套在 swiper 组件中，swiper-item 也可签到 scroll-v 阅读全文

posted @ 2020-12-28 14:08 kitty20180903suzhou 阅读(492) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（五）实用组件

摘要：1、input-text.vue 组件，支持输入姓名（realname 不可输入数字）、手机号（phone不可输入汉字） 1 <template> 2 <view class="cu-form-group padding-lr-0 padding-tb-xs margin-lr"> 3 <view 阅读全文

posted @ 2020-12-28 14:04 kitty20180903suzhou 阅读(584) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（六）实用组件

摘要：empty.vue 页面为空时组件 1 <template> 2 <view class="flex flex-direction justify-center align-center" :style="{'margin-top': top}"> 3 <image :style="{height: 阅读全文

posted @ 2020-12-28 13:59 kitty20180903suzhou 阅读(777) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（二）axois 封装

摘要：1、安装 axois 和 axoisRetry 包 2、支持在请求发生错误时，重新发送请求（一次），主要用于处理 token 过期、请求超时的情况。token过期时，会在获取新的token 后重新发送请求。 3、支持接口是否需要带 token信息 4、请求失败状态吗 401 时和非 200 阅读全文

posted @ 2020-11-26 18:36 kitty20180903suzhou 阅读(590) 评论(0) 推荐(0)

uniapp 开发微信小程序总结（一）关键流程设计

摘要：1、用户登录注册流程设计。用户授权登录 - 登录弹窗登录弹窗分两种：管理后台设置、和默认弹窗（都已新人优惠券的形式展示）；积分页面可从外部小程序进入用户未登录只显示默认弹窗，并制定显示标题和描述文字。新用户从分享页面进入后：登录 - 注册- 重定向至进入页面（若无重定向则重定向至首页）。阅读全文

posted @ 2020-11-26 18:17 kitty20180903suzhou 阅读(483) 评论(0) 推荐(0)

uniapp - axios 封装 request

摘要：1 import axios from "axios"; 2 let request = axios.create({ 3 baseURL: // 请求域名 4 headers: { 5 "Content-Type": "application/json" 6 }, 7 timeout:2000 8 阅读全文

posted @ 2020-09-27 16:33 kitty20180903suzhou 阅读(1935) 评论(1) 推荐(0)

unipp - scroll-view 组件自定义下拉刷新

摘要：这里只是部分代码，设计需求是这样的，搜索店铺搜索内容易弹窗的形式展示，支持搜索、下拉刷新、上拉加载更多。数据为空和加载更多都是自定义组件，比较简单这里就不展示了 1 <template> 2 <scroll-view v-show="showShops" @scrolltolower="ge 阅读全文

posted @ 2020-09-27 16:03 kitty20180903suzhou 阅读(4598) 评论(0) 推荐(1)

uniapp - 绘制海报（二）

摘要：1 // 绘制海报 2 drawPoster() { 3 uni.showLoading({ 4 title:'加载中...', 5 mask:true 6 }) 7 let _this = this 8 _this.isShow = true 9 let info = uni.getSystemI 阅读全文

posted @ 2020-09-27 15:42 kitty20180903suzhou 阅读(498) 评论(0) 推荐(0)

uniapp - 绘制海报（一）

摘要：1 // 绘制海报 2 drawPoster() { 3 uni.showLoading({ 4 title:"海报生成中...", 5 mask:true 6 }) 7 let _this = this 8 _this.isShow = true // 控制canvas 显示，必须显示的状态下，才阅读全文

posted @ 2020-09-27 15:31 kitty20180903suzhou 阅读(1658) 评论(0) 推荐(0)

uniapp - 检查用户是否授权、如果拒绝授权提供提示框，用户可以在设置界面中打开权限

摘要：最近在用uniapp 开发微信小程序 vue + vuex + vue-cli3 + hbuilderx 1 export function checkForAuthorization(scope){ 2 return new Promise((resolve,reject)=>{ 3 uni.ge 阅读全文

posted @ 2020-09-27 15:11 kitty20180903suzhou 阅读(6936) 评论(0) 推荐(0)

openauth.js

摘要：授权登录页面阅读全文

posted @ 2019-06-27 10:39 kitty20180903suzhou 阅读(350) 评论(0) 推荐(0)

app.js

摘要：获取用户信息、获取定位 import SiteInfo from "siteInfo.js"; App({ onShow: function () { // wx.checkSession({ //检测当前用户的session_key是否过期 // success: function() { //s 阅读全文

posted @ 2019-06-27 10:39 kitty20180903suzhou 阅读(450) 评论(0) 推荐(0)

util.js

摘要：封装了 request 、时间格式化、图片加载错误阅读全文

posted @ 2019-06-27 10:39 kitty20180903suzhou 阅读(329) 评论(0) 推荐(0)

我的博客我做主

公告

随笔分类 - uniapp