![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发项目
dreamimport
这个作者很懒,什么都没留下…
展开
-
vue 中html 转word 遇到的坑记录
4.一段文字用p标签,但是word中的p标签的上边距会和上一个的下边距重合 写成下方的样式才生效,word中p标签的上下间距使用margin表示的。3.一行多段:需要对数据经行处理,一行展示的用p标签,一行展示多段的需要放在一起生成数组用table标签来展示。原创 2024-06-27 11:38:14 · 324 阅读 · 0 评论 -
vue2 使用 highlight.js 实现代码高亮(一些使用上遇到的坑)
2.封装成全局自定义指令 utils/highlight.js。4.在页面内使用index.vue。3.在main.js中引入。原创 2024-06-27 10:50:07 · 372 阅读 · 0 评论 -
时间模式更改为:“刚刚“,“分钟前“,“小时前“
【代码】时间模式更改为:"刚刚","分钟前","小时前"原创 2023-02-20 17:37:23 · 135 阅读 · 0 评论 -
总收益数据1000转成1,000正则
【代码】总收益数据1000转成1,000正则。原创 2023-02-20 17:33:54 · 53 阅读 · 0 评论 -
全局替换图片链接脚本
【代码】全局替换图片链接脚本。原创 2023-02-08 11:52:09 · 171 阅读 · 0 评论 -
uni-app 横屏滚动抽奖
【代码】uni-app 横屏滚动抽奖。原创 2022-10-26 17:44:50 · 1054 阅读 · 2 评论 -
uni-app小程序自定义样式的下拉选择框
<!-- 选择字体模板 --> <view class="font" @click="selectFont"> <text style="margin-left:152rpx; color:#979797;" v-if="fontName==''">请选择字体样式</text> <text style="margin-left:152rpx;" v-else>{{fontName}}</text> ..原创 2021-09-01 17:13:53 · 1273 阅读 · 0 评论 -
css流星动效
<view class="page-footer-star"></view>.page-footer-star { width: 140rpx; height: 3rpx; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); border-radius: 3rpx; display: flex; flex-direction: column; l.原创 2021-09-01 16:52:07 · 138 阅读 · 0 评论 -
CSS3左右摇杆动效
小程序摇杆动效 <!-- 摇杆 --> <image class="gan" src="https://img.doutuimao.net/dtmimg/7c59b33d170fb651971dc75900689ba0" mode="widthFix"> </image> <!-- 摇杆座 --> <image class="zuo" src="https://img.doutuimao.net/dtmimg/57c40b...原创 2021-08-16 14:45:33 · 405 阅读 · 0 评论 -
2021-05-28
修改 vue-admin-template mock数据为请求本地接口找到vue.fonfig.js文件注释掉before mock找到这三个文件夹.env.development 生产环境.env.production 开发环境.env.staging 测试环境配置base api 为自己的链接打开src文件夹下面的api api文件夹下面放的就是我们的接口了修改成自己的接口打开utils文件夹下面的request.js文件根据后端返回的状态修改这里接口调取成功的状态原创 2021-05-28 17:15:36 · 54 阅读 · 0 评论 -
2021-05-27
uni-app 小程序 图片拖动 缩放 旋转,并生成canvas海报的插件模仿火花思维小程序制作个性海报模仿火花思维小程序制作个性海报用户上传图片到海报中,可以拖动 缩放 旋转图片在海报中寻找绝佳位置,然后生成海报并分享到朋友圈实现图片:代码:可在uni-app的插件中获得:地址...原创 2021-05-27 14:49:37 · 67 阅读 · 0 评论 -
vue实现模拟象棋走子
/* eslint-disable indent */<template> <div class="container" <div class="item-rigts"> <div class="canvas-bg" id="bgcanvas"> <canvas id="canvas1" ref="myCanvas">不支持Canvas</canvas> <原创 2021-03-08 11:00:08 · 1011 阅读 · 1 评论 -
h5使用canvas模拟制作的中国象棋实现残局走子
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="Access-Control-Allow-Origin" content="*"> <title>中国象棋</title> <style> html,body{ width: 100%; height: 100%; padding: 0;原创 2021-02-23 17:51:40 · 1002 阅读 · 1 评论 -
不能把openid写在小程序中
在开发小程序项目时,不能把所需要的小程序openid写在小程序app.js文件中,需要通过后台去调用微信文档的接口去装换openid然后再传给小程序。不然在上线后,发起请求会出现openid获取的到的情况...原创 2019-12-24 14:58:48 · 242 阅读 · 0 评论 -
小程序避免一分钟内点击多次
let timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; //获取当前时间 let n = timestamp * 1000; let date = new Date(n); let m = date.getMinutes(); if (m != wx.getStor...原创 2019-12-23 16:30:03 · 261 阅读 · 0 评论 -
修改html复选框样式
html: <input type="checkbox" value="checkbox" name="checkbox" id="checked">css:.con form .check input[type="checkbox"] { width: 0.3rem; height: 0.3rem; display: inline-block; ...原创 2019-12-12 14:31:19 · 1554 阅读 · 0 评论 -
小程序跳转页面后,动态刷新跳转页面
wx.switchTab({ url: '../shoppingTrolley/index', success() { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); ...原创 2019-12-11 14:06:08 · 2325 阅读 · 0 评论 -
小程序中解绑授权
要实现解绑微信号,也就是解除授权wxhtml:<view bindtap="individualBtn"> <text>换绑微信号</text> <image src="../../../img/signIn/1591571968980_.pic_hd.jpg"></image> <...原创 2019-12-04 10:40:51 · 1696 阅读 · 0 评论 -
小程序中实现点击复制功能
html代码:<image src="../../../img/fuzhi.png" bindtap="fuzhi"></image>js代码: // 点击复制功能 fuzhi() { console.log('一点击') wx.setClipboardData({ data: '1111111', success(re...原创 2019-12-03 15:52:23 · 1269 阅读 · 0 评论 -
小程序自定义轮播图圆点组件
微信小程序自带的轮播图小点,是一个圆点且在图片上展示,不美观。上图为自定义后的轮播图效果代码如下:wxhtml:<!-- 轮播图 --> <view class="lbt"> <swiper class="banner-list" style="height:100%;" circular="{{circular}}" indicator-...原创 2019-12-02 11:08:32 · 908 阅读 · 0 评论 -
项目出现的问题
子向父传值的问题:描述:在页面中有许多地方都用到同样的表格,而且调用的接口都是一样的,因此把这个给单独抽离出来,作为一个子组件,供页面使用但是,在页面渲染后,table表格被单独封装到了一个baseTable.vue中,但是点击编辑和删除按钮时,却没有响应。解决方案:我们可以清楚知道baseTable.vue作为一个子组件,要想在父组件中传值,需要用$emit 进行传递:传递过去之后,在...原创 2019-11-07 11:41:07 · 130 阅读 · 0 评论 -
小程序bug
在写分类页面时,获取二级和三级分类当页面初始化时,默认选中的第一级分类,获取不到它的二级和三级分类。解决:需要在获取所有分类时候,获取一下默认选中的一级分类,中的二级和三级。this.secondCate = res.message[0].childrenasync getCateList() {const { data: res } = await wepy.get(’/categor...原创 2019-11-05 12:28:37 · 123 阅读 · 0 评论 -
项目BUG
{{aaa}}原创 2019-11-04 09:47:08 · 115 阅读 · 1 评论 -
微信小程序---bug
合法域名校验出错因为没有申请域名,而又使用类域名,域名校验没有关闭,因此就会报域名不合法的错误。解决方法:在开发工具中,找到‘详情’,打开后有一个:不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书,的选项。勾选上,就可以了...转载 2019-11-02 17:20:34 · 88 阅读 · 1 评论 -
项目bug----git中子分支合并不到主分支上
问题: 在提交自分子goods_list到码云中后,切换到主分支,使用命令:git merge goods_list 却合并不了。解决:git reset --hard goods_listgit push --force origin master...原创 2019-10-26 18:37:57 · 301 阅读 · 0 评论 -
项目进行中的bug--三级分类
项目进行中的bug描述:功能:当选中三级分类时,才显示对应的表格数据,但是在项目开发过程中,当选中二级分类时也会渲染对应的表格数据,但是对表格数据进行操作时,因为操作需要依赖三级分类中的ID。因此项目可能会出现错误。解决:在判断分类是否为三级分类时,当不是三级分类的时候就把对应的表单数据重置为空。就不会显示对应的数据了。...原创 2019-10-24 20:32:23 · 215 阅读 · 0 评论 -
开发项目中遇到的级联选择器问题
标题欢乐购电商项目开发中遇到的关于element-ui中有关级联选择器的问题在做多级关联的功能时 用到了element-UI中级联选择器,但是出现了一个问题就是子级联的显示高度沾满屏幕高度,无法查看自己的级联选择器是否正确,这个问题是官方的问题,没有设置高度,因此需要我们在全局给el-cascader-panel 设置一个高度就好了。.el-cascader-panel {height: ...原创 2019-10-24 19:08:04 · 299 阅读 · 0 评论