- 博客(63)
- 收藏
- 关注
原创 如何在uniapp中实现二维码生成功能
uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?npm地址:https://www.npmjs.com/package/uqrcodejs。github地址:https://github.com/Sansnn/uQRCode。官方文档:https://uqrcode.cn/doc。
2024-02-25 21:00:40
964
原创 background背景色从左到右渐变
background: -webkit-linear-gradient(left, rgb(255,170,170,0),rgba(255,170,170,.5),rgb(255,170,170,0));
2023-03-02 16:46:56
644
原创 vue3创建项目下载element依赖报错 npm ERR code ERESOLVE
反复下载依赖报错,应该是npm版本的问题,再下载依赖的后面加上 --legacy-peer-deps。比如我下载element-UI。
2022-08-03 18:01:33
458
原创 支付宝小程序上传代码报错问题
支付宝小程序查看不了报错信息,官方提供了可以查看终端报错信息的方法URL:https://gw.alipayobjects.com/os/bmw-prod/c14e0064-8fc7-4091-a921-249fc7c040f6.pdf方法:
2022-05-26 14:51:04
596
原创 vue axios二次封装
/src/utils/request.jsimport axios from 'axios'const requests = axios.create({ // 配置基础路径 baseURL:'https://xxx/', timeout:3000, // 请求头 /* headers:{} */})// 配置拦截器requests.interceptors.request.use(config => { // 请求带token /*
2022-05-11 16:55:22
510
转载 Mac上解决Chrome浏览器跨域问题
转发:https://blog.csdn.net/weixin_46034375/article/details/123250133?spm=1001.2014.3001.5501
2022-05-05 16:51:06
513
原创 H5接收原声app传参
封装此方法:// 获取app传url参数export const getQueryVariable = (variable) => { const query = window.location.search.substring(1); console.log("获取app传url参数", query) const vars = query.split("&"); for (var i = 0; i < vars.length; i++) {
2022-04-15 12:31:16
3761
原创 uniapp穿透第三方uView组件样式
错误使用<view class="search"> <u-search placeholder="地点/品牌/酒店" searchIconSize="32" v-model="keyword" animation="false"></u-search></view><style lang="scss" scoped> .search { /deep/ .u-search__content { padding: 0 !impo
2022-04-13 11:48:01
3202
3
转载 promise.all的使用
let result = Promise.all([promise1, promise2, promise3]);result.then(function(res) { console.log(res);});转载:https://zhuanlan.zhihu.com/p/41502945
2022-01-17 18:06:01
143
原创 后台管理tab切换回显刷新页面
el-form-item style="margin-bottom: 0px" label="拆股人手机号"> <el-input size="small" v-model="form.mobile" placeholder="请输入手机号" @input="onInput" ><
2022-01-14 19:59:42
664
原创 Element框架里日期选择器限制时间,最多选31天
<el-form-item style="margin-bottom: 0px" label="选择时间"> <el-date-picker v-model="dataTime" align="right" type="datetimerange" range-separator="至" format="
2022-01-04 18:07:29
1187
2
原创 导出,导入xlsx文件
// 浏览器导出 export2Excel() { const vm = this; window.open( `http:xxx?mobile=${this.form.mobile}&export=1`,'_blank' )},
2021-12-29 16:07:47
188
原创 input整数,小数限制
<input type="digit" placeholder="请输入分享赚¥:" bindinput="onShare" model:value="{{amount}}" />onShare(e) { let result = e.detail.value; if (result.endsWith('.') && !isNaN(result)) { return } let reg = /^(([1-9][0-9]*\.[0-9
2021-12-27 19:07:41
214
原创 组件Element MessageBox 弹框的使用
<el-table-column align="center" prop="mobile" label="操作"> <template slot-scope="{ row }"> <el-button type="text" @click="shutShop(row)" >关店</el-button> </template></el-table-column>// 关闭店铺 shutSho.
2021-12-14 17:33:59
1598
原创 vue上传文件导入导出
<el-button class="" type="primary" @click="export2Excel"> 导出订单</el-button><el-upload class="upload-demo" :show-file-list="false" action="https://jsonplaceholder.typicode.com/posts/" :http-request="uploadFile">
2021-12-14 11:38:34
919
原创 使用uniapp需安装
uniapp安装和使用IT小姐姐的 https://www.cnblogs.com/anna001/p/14985379.htmluniapp提供的扩展组件虽不足,但可使用https://uniapp.dcloud.io/component/uniui/uni-load-more可使用,使用前必须安装sass,因为这套组件样式就是用sass写的安装sass您可以在<style scoped lang="scss"></style>lang="scss"style写
2021-12-01 18:22:52
303
原创 utils封装正则
utils.jsconst validate = { // 手机号 phone: /^(13|14|15|18|16|17|19)\d{9}$/i, // 年龄 age: /^(([1-9]\d?)|100)$/i, // 身份证 idCard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[
2021-11-09 15:40:51
222
原创 H5点击图片保存本地
直接上代码,有注释<img id="saveImg" src="https://res.orendalife.cn/stones/20211012/83742e3ba40c5b95.jpg" alt=""><button @click="savePic" style="color:#373E44">点击放大并保存</button>savePic(Url){ let img = document.getElementById("saveImg") U
2021-11-02 20:42:52
4210
1
原创 js改变对象的key,把key替换成想要的key,值不变
已有数组:list:[{ community: {text: ‘请选择’,index: -1},room: {text: “请选择”,index: -1,},type: {text: “请选择”,index: 0,}}]接口返回数据:dataList:[{door_id: "6346", community_id: "16", community: "国际城北区", house: "D区26号楼4单元4602"}, {door_id: "5442", community_id: "16", comm
2021-10-27 09:52:32
1015
原创 小程序车牌号输入法实例
效果图:如下子组件组件:wxml<view wx:if="{{isShow}}" class="vehicle-panel" style="background-color:#DCE2E6"> <!--省份简写键盘--> <block wx:if="{{keyBoardType === 1}}"> <view class="vehicle-panel-row"> <view hover-cla
2021-09-29 17:52:53
1134
原创 对于后台返回的价格,UI要求按照京东的价格样式去优化
实现此样式,主要还是采用了split()截取的方法html<view class="price"> ¥<text class="p1">{{platform.p1 || 0}}</text>.<text class="p2">{{platform.p2 || 0}}</text></view>css.price { color: #01C8BE; font-size: 23rpx;}.price.
2021-08-11 14:31:30
127
原创 Stpes设置样式
根据自己UI设计稿,搞了一下午的Stpes,改哪些样式class需要拿哪个,这是根据UI设计稿扣出来的几个改动样式的地方改动地方:字体大小、字体颜色、字体间距、内边距、圆角先看一下UI设计稿再来看一下我的布局我这人有强迫症,必须要跟UI搞设计的一样,所以我就花费了很长时间把这个布局好好设计了一下,最后一张图,是效果再来看看我的样式设计CSS:wxml:<!-- 物流进度条 --> <view class="steps-box"> <van-steps
2021-08-02 16:38:10
703
原创 js时间戳转换格式
1、返回的毫秒数// 将时间戳转换成日期//timeStamp 时间戳function add0(m) { return m < 10 ? '0' + m : m;},function formatDate(timeStamp) { let _this = this; let time = new Date(timeStamp), // y = time.getFullYear(), m = time.getMonth() + 1,
2021-07-29 18:05:34
580
原创 前端性能优化
减少http请求,合理设置HTTP缓存使用浏览器缓存前端页面减少在html判断图片懒加载路由懒加载写代码时 css放在最上方 js放在最下方 中间是htmlhttps://www.cnblogs.com/unclekeith/p/7376677.htmlhttps://blog.csdn.net/mahoking/article/details/51472697...
2021-07-06 11:40:54
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人