![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Twoknives
这个作者很懒,什么都没留下…
展开
-
vuePress 2.x 侧边栏、顶部导航
vuepress 的基础配置原创 2022-07-21 14:28:26 · 1473 阅读 · 1 评论 -
vue3 中使用腾讯地图
本来用百度就很方便,结果客户要求。。。折腾了一天,特别记录一下。首先构建需要的环境vue、axios、element-plus等然后再publuc下引入腾讯地图的链接 src="https://map.qq.com/api/gljs?v=1.exp&key=自己的秘钥></script>然后再创建地图方法前加上window,例如<template> <div> <div ref="mapInfo" id="info" c原创 2021-12-12 23:53:04 · 3418 阅读 · 0 评论 -
Vue3使用axios
一直用UNIAPP,这次项目要用vue来写,就比较纠结装了vue3,然后挺多不适应的,记录下接口使用吧安装$ npm install axios --save创建config.js这里创建拦截器跟配置域名import axios from 'axios';import { ElMessageBox } from 'element-plus';const config = { // baseURL: process.env.baseURL baseURL: 'https://www原创 2021-07-27 12:33:41 · 7648 阅读 · 0 评论 -
Uni分包/小程序分包
一直懒得研究分包,结果还是躲不掉。先说目录结构,按官方的来就好了,主包然后是分包,而且tabBar 页面必须在 app(主包)内接着是pages.json,基本按官方给出的就好了,还是很简单{ "pages": [{ "path": "pages/index/index", "style": { ...} }, { "path": "pages/login/login", "style": { ...} }],原创 2021-03-30 10:53:22 · 483 阅读 · 0 评论 -
uni checkbox选中样式
直接复制添加再app.vue里面,最外层可是当前页面的最外层class //最外层可是当前页面的最外层class .cart-page { /* #ifdef H5 */ uni-checkbox .uni-checkbox-input { // border-radius: 50% !important; color: #ffff00 !important; } uni-checkbox .uni-checkbox-input.uni-che原创 2021-03-06 11:07:57 · 354 阅读 · 1 评论 -
uni 小程序登录,授权登录模板,授权登录失败
记录下,之前一直拿到code后就不管了,后来加上iv、encryptedData 给后台,但是有时候解密会报错,就会显示授权登录失败,最后找到原因是先获取用户信息导致的1.点击之后先登录获取code2.获取code后再获取用户信息3.传递数据备注:先调用了getUserInfo获取了解密数据,然后又调用的login,就会刷新登录态,导致登录失败<template> <view class="page"> <view class="tk-column ">原创 2021-03-05 14:57:12 · 1053 阅读 · 0 评论 -
clearInterval取消定时器不生效,以及秒杀倒计时
做wifi定位时候发现clearInterval有时候会失效,比如连续点击开始时,最后发现每次启动定时器时先取消一次就好。个人理解是多次执行setInterval时候每次返回的id被新的id覆盖,而旧的方法还没被终止,点击终止时候只能暂停最后一些生成的id,所以每次创建定时任务时候把之前的终止就好了 let that = this; clearInterval(that.data.timeInterval)//停止之前的定时器 // that.do_get_wifi_list()原创 2020-12-10 17:19:36 · 1424 阅读 · 0 评论 -
uni单击与双击,三击
记得之前有同事说过处理双击事件,然后听了个大概,这次用到了,记录下定义点击时间data() { return { video_url:'', screenHeight:'', touchStartTime:0 }; },然后点击时执行,判断当前时间与点击时间的差值 let that = this; let now_time = new Date().getTime(); if(now_time - this.to原创 2020-12-08 17:26:17 · 907 阅读 · 0 评论 -
微信小程序checkbox 数量限制
改一个老项目,然后遇到了,记录下先说下思路,给label绑定事件,点击时候判断是否达到限制,达到最大限制后把其他未选的禁用 <checkbox-group bindchange="check_wifi_change"> <view class='list' wx:for='{{wifiList}}' wx:key='index' wx:for-item='item'> <view class="left_L"> &l原创 2020-12-02 17:02:38 · 1482 阅读 · 3 评论 -
uni-app云打包自有证书
没弄过,这次遇到特别记录下先下载安装jre https://www.oracle.com/java/technologies/javase-downloads.html安装完成后添加环境变量set PATH=%PATH%;"C:\Program Files\Java\jre1.8.0_201\bin"接着输入生成指令keytool -genkey -alias dogmanage -keyalg RSA -keysize 2048 -validity 36500 -keystore dogman原创 2020-11-12 16:09:45 · 1990 阅读 · 0 评论 -
uni/vue 三目运算符 动态渲染样式
总是忘,得记一下了循环时候与进行class绑定,当begin_city_id == item.id 成立,那渲染status-true这个样式,为空则status-none<view v-for="(item, index) in city_list" :key="index"> <view class="{'status-true':begin_city_id == item.id}" class="route-city-name" @click="selectci.原创 2020-07-21 15:29:24 · 1355 阅读 · 0 评论 -
css一半长度的下划线
以前写网页一直是写个span再配合相对定位,这次在uni里又得写,为了方便就没用span两种思路,一种是用after伪类增加下划线,一种是用背景.dog-subsection-currt::after{ content: ''; width: 40%; height: 1px; display: block; padding-top: 10upx; margin: 0 auto; border-bottom: 1px solid #00DDDD;原创 2020-11-04 11:25:00 · 1592 阅读 · 0 评论 -
uniapp全局请求插件luch-request的使用
首先安装luch-request ,我是用插件中心直接导入,然后根目录下utils下放插件luch-request根据文档在main.js里创建实例 //引入全局请求插件import { http,api } from '@/config/common.js' // 全局挂载引入,配置相关在该index.js文件里修改Vue.prototype.$http = httpVue.prototype.$api = api然后根目录下创建config目录,建立common.js。在这里引入插件,与全原创 2020-07-01 16:59:03 · 8761 阅读 · 5 评论 -
uni小程序底线(没有更多)
最早思路不对,总是想着计算属性,最后反应过来最小高度就好了,用屏幕高度就好了 min-height: calc(100vh - 100px);原创 2020-10-10 16:38:19 · 630 阅读 · 0 评论 -
thinkphp 微信模板消息
好久没做模板消息通知,都快忘了。。。获取完access_token之后,根据微信模板消息的ID然后进行发送 public function dowxmsg($order_id,$add_time,$type_name,$money) { $WechatModel= new WechatModel(); $access_token=$WechatMod...原创 2019-07-24 18:54:37 · 254 阅读 · 0 评论 -
uniapp简单生成海报
之前一直觉得麻烦压根没看,结果突然就要用,特别记录下。这次用的最简单的方法,二维码从后台生成,前台只做绘图。<template> <view class='page'> <canvas canvas-id="myCanvas" id='sss'></canvas> <image :src="base64" mode="" v-if="base64" class="immm" ></image> <button原创 2020-08-19 18:22:09 · 2848 阅读 · 5 评论 -
uni map地图相关使用小计(多点标识,拖拽起点,地图画圆)
这次的项目用到了地图,特别记录下小程序不执行地图相关事件时候,看下小程序的调试基础库进行多点标注时候,经纬度要正确,图标设置50就好了,ID是一定得绑定的。动态传参时候如果需要保留之前的标注点就做数组拼接,不需要的话直接覆盖掉。画圆时候,半径跟圆心经纬度设置正确就没问题拖拽地图移动指定标记只要选择对ID就没问题计算是拖拽的标记点否在圆的覆盖范围时候的时候,用圆心跟指定标试点计算距离就好(没拖拽次就传参计算,只能想到这个,有更靠谱的方法拜托告诉我了)不规则多边形传递经纬度数组,每次转折的经纬度原创 2020-08-13 01:43:00 · 2530 阅读 · 0 评论 -
layui动态渲染图片上传
之前没用过layui,这次跟着遇到这个问题,记录一下。原理的话是动态加载完之后,直接渲染,<div id="add1">+添加</div><div class="my_info_imglist"><button type="button" class="layui-btn btn_img" id="0">上传</button><input type="hidden" id="img_id0" lay-verify="requi原创 2020-06-17 21:38:09 · 1414 阅读 · 0 评论