uniapp自定义组件

uniapp-App支付宝授权小记

uniapp-App支付宝授权小记先上效果图实现步骤：1.在点击事件上使用plus.runtime模块调用支付宝打开授权地址(授权地址是后端拼接也可以前端写死)PS:完成第1点应该能看到这样的效果：(如果不是可能是你的授权地址
acqui~Zhang·2024-01-26 00:02

uniapp picker实现底部弹窗（日期选择/时间选择/自定义数据）

uniapppicker实现底部弹窗（日期选择/时间选择/自定义数据）需要实现的效果如下：自定义数据时间选择（注意：在不同平台有不同的ui表现！！）
acqui~Zhang·2024-01-26 00:32

微信小程序自定义组件的使用

定义而一个自定义组件以新建一个demo组件为例，首先在根目录下创建一个components文件夹，然后创建一个demo文件夹，分别创建demo.json,demo.wxml,demo.wxss,demo.js
beizi·2024-01-25 23:30

UniApp 项目中配置环境变量

参考官方文档uni-app项目中配置环境变量主要有如下三种方式首先修改package.json文件"uni-app":{"scripts":{"mp-test":{"title":"测试环境","env":{"UNI_PLATFORM":"h5"},"define":{"MP-TEST":true}}}}image.png此时运行和发行下拉菜单都会有测试环境这个选项也可以运行。但是手机模拟器并不能
赵哥窟·2024-01-25 22:23

UNIAPP 手机端写入文件

plus.io.requestFileSystem(plus.io.PRIVATE_DOC,function(fs){//可通过fs进行文件操作console.log(fs);fs.root.getFile('test.xls',{create:true},function(fileEntry){fileEntry.file(function(file){//createaFileWriterto
IT_彭于晏·2024-01-25 19:58

uniapp canvas生成海报不显示问题

uniappcanvas生成海报不显示问题在APP中建议把图片放本地资源，网络资源的渲染速度比较慢。
一枚小米渣·2024-01-25 19:27

uniapp生成canvas商品海报

uniapp生成canvas商品海报之前做一个uniapp开发的微信小程序需要生成商品海报，在网上学习后完成，记录一下。
周周池·2024-01-25 19:27

uniapp——canvas生成海报

uniapp——canvas生成海报参考自https://blog.csdn.net/qq_40745143/article/details/109313719备注：canvas大小根据手机高度宽度定的
像山里的风·2024-01-25 19:56

uniapp 解决键盘弹出页面内容挤压问题

page.json配置加“app-plus”:{“softinputMode”:“adjustResize”}{"path":"pages/jxx/xx","style":{"navigationBarTitleText":"贺卡DIY","enablePullDownRefresh":false,"app-plus":{"softinputMode":"adjustResize"}}},背景图不
php技师·2024-01-25 19:25

uniapp canvas生成贺卡

```php```javascriptexportdefault{data(){return{canvasW:390,canvasH:750,canvasW2:400,canvasH2:400,objInfo:{bgImg:'../../static/jhy/diy/bg(2).png',name:'李白',toname:'杜甫的爸爸吧',ziImg:'../../static/jhy/diy/1
php技师·2024-01-25 19:53

鸿蒙：@State装饰器

@State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就和自定义组件的渲染绑定起来。当状态改变时，UI会发生对应的渲染改变。
baidu_24743861·2024-01-25 18:41

鸿蒙自定义组件内自定义构建函数

参数传递规则自定义构建函数的参数传递有按值传递和按引用传递两种，均需遵守以下规则：参数的类型必须与参数声明的类型一致，不允许undefined、null和返回undefined、null的表达式。在自定义构建函数内部，不允许改变参数值。如果需要改变参数值，且同步回调用点，建议使用@Link。@Builder内UI语法遵循UI语法规则（1）按引用传递参数按引用传递参数时，传递的参数可为状态变量，且状
baidu_24743861·2024-01-25 18:09

uniapp使用uQRCode插件生成二维码的简单使用

最近在找移动端绘制二维码的问题，直接上代码下载weapp-qrcode.js(可以通过npminstallweapp-qrcode--save下载,之后把它父子到untils目录下）npminstallweapp-qrcode--save在组件页面使用//引入constqrCode=require('@/untils/weapp-qrcode.js');data(){return{QrCode:"
小前端·2024-01-25 15:53

uniapp编译小程序报错[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string

处理如下在manifest.json中添加以下配置即可"libVersion":"latest"
Cheng Lucky·2024-01-25 15:22

uniapp复选框 实现排他选项

选择了排他选项之后复选框其他选项不可以选择checkboxChange(e,val)">exportdefault{data(){return{obj:"",optionValue:''}},onLoad(){this.init()},methods:{init(){//假设后台返回的数据格式res={"code":0,"msg":null,"data":{"name":"排他选择的问卷调查","
小前端·2024-01-25 15:50

uniapp+uview封装上传图片组件(单张/多张)

uniapp+uview封装上传图片组件(单张/多张)先看效果1.uploadImg.vue1&&fileList.length">constapp=getApp()exportdefault{props
Cheng Lucky·2024-01-25 15:49

网页或者app首页置灰（特殊节日或者日期）

总的来说就是在应用的全局‘body’css添加filter:grayscale(100%);比如html网页：body{filter:grayscale(100%);}比如uniapp首页index.vuepage
是小师叔啊·2024-01-25 15:47

uniapp一些常用api

1、预览文件viewFile(){uni.showLoading({title:'正在打开···'})uni.downloadFile({url:fileUrl,//服务器上文件路径filePath:uni.env.USER_DATA_PATH+fileName,//需要预览文件的名称success:function(res){varfilePath=res.filePath//本地文件路径uni
是小师叔啊·2024-01-25 15:47

使用uniapp开发小程序时，报错undefined is not an object (evaluating ‘document.getElementsByTagName‘)。。。。。

找了半天错误，原来是引入字体图标时，引入整个文件夹里面这两个文件报错，因为小程序中没有document，所以把这两个文件删除后就可以了，最好把demo.css也删除，因为它没用。好了就这样。
是小师叔啊·2024-01-25 15:16

uniapp开发过程一些小坑

问题1、uniapp使用scroll-view的:scroll-into-view=“lastChatData“跳到某个元素id时候，在app上不生效，小程序没问题使用this.
是小师叔啊·2024-01-25 15:15

uniapp即时通讯IM聊天交友源码安装搭建二次开发

特点可发红包，可添加多条链接到用户网站和应用，安卓+苹果APP+PC端+H5四合一后端开发语言：PHP，前端开发语言：uniapp混合开发。
linlinlove2·2024-01-25 13:08

uniapp 中奖信息横向循环滚动

.animate{font-family:SourceHanSansCN;font-size:30rpx;color:#000;display:inline-block;white-space:nowrap;animation:30swordsLooplinearinfinitenormal;}@keyframeswordsLoop{0%{transform:translateX(100%);-w
php技师·2024-01-25 12:33

uniapp canvas做的刮刮乐解决蒙层能自定义图片

最近给湖南中烟做元春活动，一个月要开发4个小活动，这个是其中一个难度一般，最难的是一个类似鲤鱼跃龙门的小游戏，哎，真实为难我这个“拍黄片”的。下面是主要代码。import{setShareConfig}from'./share'exportdefault{data(){return{rewardList:{},textBoxFont:'',textBoxBt:'',textBoxState:fal
php技师·2024-01-25 12:59

[转载|译] 为什么需要在 React 类组件中为事件处理程序绑定 this

在自定义组件的构造函数中，我们需要使用.bind()来将方法绑定到组件实例上面。
weixin_33816300·2024-01-25 11:15

微信小程序（十六）slot插槽

注释很详细，直接上代码温馨提醒：此篇需要自定义组件的基础，如果不清楚请先看上一篇新增内容：1.单个插槽2.多个插槽单个插糟源码：myNav.wxml自定义标题//插槽位置index.wxml注意事项：没有注意事项效果演示
代码对我眨眼睛·2024-01-25 10:36

uniapp+vue3+ts --微信小程序tab导航可以上下滚动选中选项组件代码

uniapp+vue3+ts--微信小程序tab导航可以上下滚动选中选项组件代码废话不多说，直接上代码。
小小黑007·2024-01-25 10:06

微信小程序（十五）自定义导航栏

注释很详细，直接上代码新增内容：1.组件文件夹创建方法2.自定义组件的配置方法3.外部修改组件样式（关闭样式隔离或传参）创建组件文件夹如果是手动创建建议注意在json文件声明：mynav.json{//
代码对我眨眼睛·2024-01-25 10:06

hbuilderx uniapp内置组件源码位置

例如这个D:\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\uni-h5\src\core\view\components文件夹可找到常用的一些组件
烂不烂问厨房·2024-01-25 10:35

uniapp Maximum recursive updates exceeded in component ＜View＞

如果使用了easycom进行全局组件注册。则禁止组件名与ref名字一样。否则将组件自己嵌套自己。类似以下使用方法。
烂不烂问厨房·2024-01-25 10:04

uniapp子组件onReachBottom、onPageScroll不触发

使用onReachBottom时第一级页面一定要使用onReachBottom，监听的onReachBottom可以为空函数。onPageScroll同理例如一个四级嵌套页面。那么第一级一定要加一下代码import{onReachBottom}from'@dcloudio/uni-app';//触底onReachBottom(()=>{})第二第三级可以为空。然后在有需要使用的子组件第四级用onR
烂不烂问厨房·2024-01-25 10:04

uniapp page宽度设置为750rpx，子元素宽度100%，大小不一致

uniapppage宽度设置为750rpx，子元素宽度100%，大小不一致。
烂不烂问厨房·2024-01-25 10:29

uniapp问题杂记

一,以后就会陆续在这篇文章中记录常见和困难的问题目录一,以后就会陆续在这篇文章中记录常见和困难的问题1.uniapp怎么设置百分百高2.uniapp解决width=“100%“下padding无效问题1
CV工程师!!·2024-01-25 10:59

uniapp微信小程序图片上传功能实现，页面显示文件列表、删除功能

uniapp小程序图片上传功能效果预览一、template页面结构{{item.fileName||''}}二、js部分//data:fileList:[],//methods方法onDelete(index
葫芦娃y·2024-01-25 09:49

01-uniapp中的原生插件怎么用到项目中去

uniapp中的原生插件如何使用一、项目初始化1、新建项目2、使用HBuilderX打开项目二、插件使用1、打开插件市场2、下载插件3、添加到项目中4、打包自定义基座5、运行自定义基座三、项目中使用四、
白白李媛媛·2024-01-25 09:15

uniapp中使用uni-file-picker上传文件

效果图：一、template内容//select选择文件后触发//auto-upload是否自动上传，值为false则只触发@select,可自行上传//file-extname选择文件后缀，字符串的情况下需要用逗号分隔//file-mediatype选择文件类型,image/video/all//success上传成功回调//fail失败回调//list-styles列表展示样式点击上传二、js
葫芦娃y·2024-01-25 09:08

uniapp+vue3+ts--编写微信小程序对接e签宝签署时跳转刷脸效果（人脸识别）中间页代码

uniapp+vue3+ts–编写微信小程序对接e签宝签署时跳转刷脸效果（人脸识别）中间页代码e签宝内嵌H5方式集成签署页的文档说明：https://open.esign.cn/doc/opendoc/
小小黑007·2024-01-25 08:20

uniapp 用css animation做的鲤鱼跃龙门小游戏

第一次做这种小游戏，刚开始任务下来我心里是没底的，因为我就一个‘拍黄片’的，我那会玩前端的动画啊，后面尝试写了半天，当即我就给我领导说，你把我工资加上去，我一个星期给你做出来，算了不开玩笑了，‘拍黄片’工资低，还要被java和前端歧视，日子不好过啊，做别人不愿意接的活，还没话语权，没人权。。下面是主要代码背景移动.bgBox{width:100%;height:100vh;animation-di
php技师·2024-01-25 06:24

【仿网易云H5部署】Nodejs后台 + uniapp前台 部署

前言之前在b站跟着学习写了前锋的uniapp项目,在这里记录一下H5版本的部署上线的过程.这是该项目的b站链接:【千锋教育】前端项目_uni-app入门到实战项目之《仿网易云音乐》_哔哩哔哩_bilibili
想跳上月球·2024-01-25 06:15

uniapp 使用echarts做折线图条形图。

提前10天把中烟活动做完了，以为能打酱油到除夕那天，结果又要做什么数据看板，方便烟草领导过年查看数据，还只给5天时间，真实压榨剥削啊，下辈子再也不‘拍黄片’了，不！下份工作我就转前端了，php我再也不写了。1.安装echarts依赖npminstallecharts2.引用import*asechartsfrom‘echarts’;3.上代码chart(){constctx=document.ge
php技师·2024-01-25 06:40

uniapp vue3版本引用 jsencrypt加密库报错：“default“ is not exported by……

个人产生这个异常的原因：将历史项目（vue2）的jsencrypt文件复制到新项目（vue3）里直接引用报错。存在兼容问题，需要重新安装vue3版本的jsencrypt安装依赖npminstalljsencrypt页面引入import{JSEncrypt}from'jsencrypt'简单封装import{JSEncrypt}from'jsencrypt'//密钥对生成http://web.cha
RisunJan·2024-01-25 06:40

uniapp scroll-view 点击左右方向按键自动滚动到设置位置

//左按钮//右按钮slideLeft(event){this.scrollLeft=event.detail.x-100;},slideRight(event){this.scrollLeft=event.detail.x+100;//获取点击位置的x坐标//setTimeout(()=>{//this.$refs.scrollView.scrollLeft=this.targetX;//根据点
php技师·2024-01-25 06:40

uniapp组件库Modal 模态框 的使用方法

目录#平台差异说明#基本使用#传入富文本内容#异步关闭#点击遮罩关闭#控制模态框宽度#自定义样式#缩放效果#API#Props#Event#Method#Slots弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用默认情况下，模态框只有一个确认按钮：请至少要配置弹框的内容参数co
TechWhiz-晓同·2024-01-25 06:09

uniapp scroll-view用法[下拉刷新,触底事件等等...](4)

前言:可滚动视图区域。用于区域滚动话不多说直接上官网属性官网示例讲一下常用的几个@scroll滚动时触发@scrolltoupper滚动到顶部或左边，会触发scrolltoupper事件@scrolltolower滚动到底部或右边，会触发scrolltolower事件1.纵向滚动设置scroll-y="true"开启纵向滚动功能ABC2.横向滚动设置scroll-x="true"开启横向滚动功能A
CV工程师!!·2024-01-25 06:39

uniapp+vue开发微信小程序，image标签图片IOS可以正常回显，安卓回显不出

仅代表个人遇到的问题，仅代表个人遇到的问题，仅代表个人遇到的问题，1.先说最快的解决方案，直接在src下面额外添加一段url，'https://images.weserv.nl/?url='，2.我这边的原因是因为服务器部署在腾讯云上，小程序安卓手机会触发防盗链机制，导致无法正常访问到图片3.正规解决办法：在服务器配置中的防盗链配置referer白名单，添加servicewechat.com，4.
前端小葛·2024-01-25 06:03

uniapp 用web-view嵌套网页地址并传参

小程序登陆后把token和openId对应传到pc端pc端有两套一套pc端代码和适应移动端的代码嵌套的是适应移动端的代码1.uniappexportdefault{data(){return{url:'
jiojio在学习勒·2024-01-25 05:20

【vue开发示例介绍】

vue开发示例介绍1.开发示例1.1做一个自定义组件Welcome1.2增加“用户管理”和“关于我们”组件1.3嵌套路由1.开发示例1.1做一个自定义组件Welcome1）在components下创建一个
程序员不想YY啊·2024-01-25 05:42

[精品毕设]基于Uniapp+springboot智慧农业环境监测App

《[含文档+PPT+源码等]精品基于Uniapp+springboot智慧农业环境监测App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot智慧校园管理系统App课程选课成绩

《[含文档+PPT+源码等]精品基于Uniapp+springboot智慧校园管理系统App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot智能家居环境检测App

《[含文档+PPT+源码等]精品基于Uniapp+springboot智能家居环境检测App》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:13

[精品毕设]基于Uniapp+springboot校园学校趣事管理系统app

《[含文档+PPT+源码等]精品基于Uniapp+springboot趣事管理系统app》该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功！
IT实践课堂·2024-01-25 04:42
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他