晨曦_yuan小海 - 博客园

2023年8月3日

摘要：在index.html文件里 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no 阅读全文

posted @ 2023-08-03 13:49 晨曦_yuan小海阅读(431) 评论(0) 推荐(0)

2023年5月8日

uniapp app端内嵌webview对接支付宝支付

摘要： //请求接口需要配置回调地址，回调地址用于跳转回APP指定地址 //app支付 const appRequestPayment = (orderInfo: string) => {//orderInfo里面返回的是form表单uni.navigateTo({ url: 'webviewURL?one 阅读全文

posted @ 2023-05-08 11:16 晨曦_yuan小海阅读(870) 评论(0) 推荐(0)

uniapp 修改ios input输入框在safari浏览器上有黄色背景

摘要： <input class="codeInputClass" v-model="state.code" type="number" placeholder="请输入验证码" @input="codeInput" placeholder-class="placeholderClass" maxlengt 阅读全文

posted @ 2023-05-08 11:04 晨曦_yuan小海阅读(128) 评论(0) 推荐(0)

2023年1月10日

小程序 canvas(老写法) 图片切图(一张图片切成3*3 、6*6 、长宽均等)

摘要： <view class='sudoku'> <view class='canvas-box'> <canvas canvas-id='canvasIn' id='canvas' class='canvas canvas-in' style='{{canvasWH}}' wx:if='{{canvas 阅读全文

posted @ 2023-01-10 16:02 晨曦_yuan小海阅读(225) 评论(0) 推荐(0)

2022年6月21日

小程序 canvas(canvas2d) 新写法画布之生成海报保存

摘要：先来张效果图 <view> <canvas type="2d" class="canvas" id="firstCanvas"></canvas> </view> <button wx:if="{{imageTempPath !=''}}" class='btn' catchtap='saveIma 阅读全文

posted @ 2022-06-21 14:42 晨曦_yuan小海阅读(1404) 评论(6) 推荐(1)

layui动态添加多个input，可实现增加删除input，并回显值输出

摘要： <form class="layui-form" id="premiumsAddRewardForm" lay-filter="premiumsAddRewardForm" style="padding: 10px 0 0 0;display: none"> <div class="layui-fo 阅读全文

posted @ 2022-06-21 14:26 晨曦_yuan小海阅读(1755) 评论(0) 推荐(0)

2022年2月17日

uni 小程序消息弹幕无限滚动

摘要：一.先来波效果图(自行拷贝代码查看) <view> <view v-for="(item,index) in dmData" :key="index"> <!-- :style="'animation-name:mymove;animation-name:mymove;animation-durat 阅读全文

posted @ 2022-02-17 14:05 晨曦_yuan小海阅读(1080) 评论(0) 推荐(0)

2021年12月18日

微信小程序之图片频繁变化，几秒之后输出结果(适用于抽奖)

摘要：测试数据自己动手组建先上效果图(动画滚动，体现在代码定时器里) //抽奖 runLottery() { const that = this const { getLuckyBoxHomepage, classData, numType } = this.data let openOneRewardF 阅读全文

posted @ 2021-12-18 10:55 晨曦_yuan小海阅读(152) 评论(0) 推荐(0)

微信小程序之图片无限轮播(右向左移动)

摘要： <view class="scrollbox dis-flex"> <view class="imgItem dis-flex" style="animation: {{computedAni}};"> <view class="imgFlex" style="{{item.level==0?'bo 阅读全文

posted @ 2021-12-18 10:34 晨曦_yuan小海阅读(874) 评论(0) 推荐(0)

2021年8月27日

element UI之图片上传（裁剪(vue-cropper)，图片格式转换)

摘要：效果图 //渲染的图片，格式为glob<vue-cropper ref="cropper":img="options.img":info="true" :autoCrop="options.autoCrop" :autoCropWidth="options.autoCropWidth" :autoC 阅读全文

posted @ 2021-08-27 14:20 晨曦_yuan小海阅读(1528) 评论(0) 推荐(0)

公告