uniapp自定义组件

【仿网易云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

[精品毕设]微信小程序小说阅读器+后台管理系统|前后分离VUE

软件安装教程、项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术：WXML和WXSS、JavaScript、uniappJava
IT实践课堂·2024-01-25 04:11

[精品毕设]基于Uniapp+springboot自习室预约系统App教室阅览室

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

#Uniapp：页面通讯 全局uni.$on(eventName,callback) && uni.$emit(eventName,OBJECT) && uni.$once(eventName,ca

uni.$on(eventName,callback)属性类型描述eventNameString事件名callbackFunction事件的回调函数监听全局的自定义事件。事件可以由uni.$emit触发，回调函数会接收所有传入事件触发函数的额外参数bb:{{num}}exportdefault{name:"b",data(){return{num:0};},created(){uni.$on('u
前端xiaolibao·2024-01-25 04:56

#Uniapp: uni.makePhoneCall(OBJECT) 拨打电话

uni.makePhoneCall(OBJECT)拨打电话拨打电话。OBJECT参数说明参数名类型必填说明phoneNumberString是需要拨打的电话号码successFunction否接口调用成功的回调failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）示例联系电话：18329446555（点击拨打）method
前端xiaolibao·2024-01-25 04:56

#Uniapp: uni.previewImage(OBJECT) 预览图片

uni.previewImage(OBJECT)预览图片。api地址媒体-图片示例handlePreviewImg(current){consturls=this.rightList.map(x=>x.icon)uni.previewImage({urls,current})}OBJECT参数说明参数名类型必填说明平台差异说明countNumber否最多可以选择的图片张数，默认9见下方说明size
前端xiaolibao·2024-01-25 04:56

#Uniapp：map地图组件

示例mapOptions:{longitude:'108.95',//中心经度latitude:'34.22',//中心纬度scale:15,//缩放等级markers:[//标记点{id:1,longitude:'108.95',//中心经度latitude:'34.22',//中心纬度iconPath:'../../static/logo.png',width:30,height:30}]}属
前端xiaolibao·2024-01-25 04:25

基于SpringBoot+Vue+uniapp的多商户微信小程序商城

目录前言一、毕设目录二、系统介绍三、系统架构四、系统环境五、系统页面展示微信小程序前台springboot后台结语前言个人主页：@MIKE笔记文章专栏：毕业设计源码合集⛄联系博主：wx：mikenote一、毕设目录项目名地址B站源码主页：https://space.bilibili.com/306719765二、系统介绍http://127.0.0.1:8080/mikenote/admin/di
MIKE笔记·2024-01-25 01:51

uniapp Facebook登陆Android插件

uniappFacebook登陆Android插件介绍基于uniappFacebook登陆Android插件使用教程1.加载原⽣插件2.打包⾃定义基座，uniapp可以生成证书，需要提供别名，证书密码，
程序小院·2024-01-25 01:12

JAVA电商平台免费搭建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_67544708·2024-01-25 01:41

小程序系列--11.小程序自定义组件

一、组件的创建与引用1.创建组件2.引用组件3.局部引用组件4.全局引用组件5.全局引用VS局部引用6.组件和页面的区别二、样式1.组件样式隔离2.组件样式隔离的注意点3.修改组件的样式隔离选项4.styleIsolation的可选值三、数据、方法和属性1.data数据2.methods方法3.properties属性4.data和properties的区别5.使用setData修改propert
小哥码农·2024-01-25 01:00

ccm-esn-uniapp社区团购商城

介绍创创猫社区团购商城，是一款完善且经过线上验证的Java电商系统。商城前端使用uni-app开发,可打包部署到微信小程序,APP,H5，系统后台则是用javaspringboot开发。本项目是消费端的前端源码,在项目详情里你也能获取到团长端/平台端/Java后台的源码。软件架构前端使用uni-app开发,uni-app是一个使用Vue.js开发所有前端应用的框架。开发者编写一套代码，可发布到iO
神码观察·2024-01-24 20:59

uniapp使用插件Sortable.js实现手机端拖拽功能

小伙伴们大家好，这篇文章绝对精简易懂，是我找了很多资料后来发现最简单的一种实现方式，喜欢的帮我点点赞吧！话不多说，直接上代码1.下载Sortable.js，这里使用的是npm的方式：npminstallsortablejs--save2.根据图上步骤打出代码3.运行即可，可以看见已经实现了拖动效果！！小伙伴们学会了吗，是不是很简单。希望留下你的点赞在走呗！这里附上Sortable.js的官方文档链
爱看书的橘子·2024-01-24 17:52

uni-app 小程序开发项目搭建

前言官网（搭建指南）：https://uniapp.dcloud.io/quickstart-cli在上手开发小程序之前，先去uni-app官网浏览下，熟悉下官网。
Windyluna·2024-01-24 17:07

uniapp css样式穿透

目录前言css样式穿透方法不加css样式穿透的代码加css样式穿透的代码不加css样式穿透的代码与加css样式穿透的代码的差别参考前言略css样式穿透方法使用/deep/进行css样式穿透不加css样式穿透的代码div{background-color:#ddd;}加css样式穿透的代码/deep/div{background-color:#ddd;}不加css样式穿透的代码与加css样式穿透的代
sayyy·2024-01-24 14:28

【uni-app填坑】H5跨域请求问题的解决办法

uni-app官方推荐方案：Chrome调试跨域问题解决方案uni.request的官方介绍：https://uniapp.dcloud.io/api/request/request?
一通·2024-01-24 13:46

uniapp小技巧之选择本地文件(注意这个方法只适配微信小程序和h5,app端未适配)

注意注意一定注意app端不能用,想要app端选择上传文件去插件市场寻找,或私信我,我告诉你方法hweixinhsangchaun(){//进行文件上传//选择文件let_this=thisuni.chooseFile({count:1,//默认100extension:['.zip','.doc','.xls','.pdf','docx','.rar','.7z','.jpg','.png','.
实习小子·2024-01-24 13:16

uniapp移动端——企业微信H5调用jssdk实现扫一扫，通过weixin-java-cp获取ticket签名，配置config

背景：使用企业微信开发扫一扫功能可信域名验证(1)企业微信的可信域名需要和企业微信的备案主体一致。域名备案主体可通过站长工具查看域名备案主体。https://icp.chinaz.com/企业微信备案主体可以咨询管理员（2）通过nginx配置域名归属验证txt文件具体操作详见：https://blog.csdn.net/zhaolulu916/article/details/128613264?s
流丶年丶·2024-01-24 13:18

uniapp小程序使用uqrcode

code封装组件import{isWx}from'@/system/data'importUQRCodefrom'uqrcodejs'constprops=defineProps()constpxSize=computed(()=>uni.upx2px(Number(props.size.replace(/rpx/g,''))))constqrOptions=computed(()=>{retur
不努力code·2024-01-24 12:36

JAVA电商平台 免 费 搭 建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
微服务 spring cloud·2024-01-24 12:01

3秒解决uniapp小程序代码包大小超过2M无法上传问题，不用分包

上传小程序时报错分包也无法减小主包大小到2M以下，剑走偏锋，利用hbuilder成功发布以下为步骤：hbuilder——发行——小程序（微信）微信开发者工具运行成功后，点击上传即可
米老鼠的摩托车日记·2024-01-24 12:29

uniapp 在static/index.html中添加全局样式

前言略在static/index.html中添加全局样式div{background-color:#ccc;}static/index.html源码：static/favicon.ico">varcoverSupport='CSS'inwindow&&typeofCSS.supports==='function'&&(CSS.supports('top:env(a)')||CSS.supports
sayyy·2024-01-24 11:16

多端多商户万能DIY商城源码系统 独立部署，众多自定义组件及营销插件随心搭 带完整的搭建教程

在电商行业日益竞争激烈的今天，商家对于电商平台的多样化和个性化需求越来越高。传统的单商户商城系统已经无法满足商家的需求，因此多端多商户商城系统应运而生。这款多端多商户万能DIY商城源码系统正是基于这一需求而开发的，旨在为商家提供更高效、更灵活的电商平台解决方案。以下是部分代码示例：系统特色功能一览：1.多端支持：系统支持PC端、移动端等多个终端，满足用户在不同场景下的购物需求。2.多商户入驻：系统
罗峰源码·2024-01-24 11:12

uniapp小程序实现自定义返回按钮和胶囊对齐 做到兼容各手机型号

效果：用到的API：uni.getMenuButtonBoundingClientRect();官网地址：https://uniapp.dcloud.net.cn/api/ui/menuButton.html
一个平平无奇的小高·2024-01-24 11:08

uniapp使用uni-forms表单校验无效

查看是否写了name属性，且name属性的属性值得和下面v-model绑定的一致，否则校验不生效官网
ToOTOooo·2024-01-24 11:08

uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined

问题产生：在列表上有个小按钮，可点击弹出选择框。列表本身可点击进入详情页。所以想用click.stop来阻止点击小按钮时候，触发列表的点击事件。结果：如图所示解决方案：发现自己用的是icon，在icon上加click.stop是不行的。但是只要在icon上包裹一层label，就可以正常使用了。
LingRuiBin·2024-01-24 11:37

uniapp中打包Andiord app，在真机调试时地图以及定位功能可以正常使用，打包成app后失效问题（高德地图）

踩坑uniapp中打包Andiordapp，在真机调试时地图以及定位功能可以正常使用，打包成app后失效问题_uniapp真机调试高德地图正常打包apk高德地图就不加载-CSDN博客问题：目前两个项目，
Ya0Chen·2024-01-24 11:06

uniapp 中使用 rem 以及改变窗口动态刷新页面

1.使用uniapp中的页面属性配置节点，page-meta，注意放在根元素的位置，也就是template下面的第一层//下面是要显示的页面......2.获取屏幕大小以及监听窗口改变事件onLoad(
微光无限·2024-01-24 11:04

uni-app开发公众号和小程序获取用户code，如何判断用户是公众号端还是小程序端

https://uniapp.dcloud.io/platformuni-app的跨端兼容地址获取公众号的codebutton和获取用户信息是一起用的获取小程序的code,必须要用微信提供的button
洋葱_cbb5·2024-01-24 10:22

【uniapp】索引列表展示更多信息

1.介绍通过修改官方组件代码，以实现业务需求2.实现步骤复制uni_modules/uni-indexed-list/components/uni-indexed-list到根目录下的components文件夹下并修改对应的代码，如下使用拼音排序工具函数，把名称排序，满足索引列表组件的数据要求在根目录下创建utils文件夹，创建两个文件夹，内容和名称如下//py.jsvarPinYin={"a":
顾鸟·2024-01-24 09:03

uni-sec-check内容安全unicloud公共模块，校验微信小程序文本内容安全识别和图片智能鉴黄，uniapp进阶

uni-sec-check内容安全是unicloud封装了微信小程序的免费接口，文本内容安全识别（msgSecCheck）和音视频内容安全识别（mediaCheckAsync），如果我没选择使用uniapp
咸虾米_·2024-01-24 06:41

【无标题】小程序封装http请求

uniapp和小程序封装HTTP请求uniapp参考https://www.cnblogs.com/yeziyou/p/13463531.html小程序封装http请求uniapp参考https://www.cnblogs.com
Faith_ZL·2024-01-24 06:11

uniapp 微信小程序 实现请求业务接口发现token过期自动重新获取且再重新请求业务接口

小程序官方给出的小程序登录流程：点击进入小程序登录官方文档官方给登录流程图：本文所提到的token对应官方说的自定义登录态，token一般都是有时效性，按照此流程，当token失效的时候，页面在请求接口的时候服务端肯定会认为token是非法的，此时就需要小程序端重新获取新的token，然后继续接着后面的流程走。一般服务端都会给一个特定的状态码标记需要重新获取token，后面的场景我们都以服务端返回
公孙元二·2024-01-24 06:36

uniapp页面生命周期和应用生命周期

在uni-app中，组件生命周期分为两部分：页面生命周期和应用生命周期。页面生命周期用于控制页面的生命周期事件，而应用生命周期用于控制整个应用的生命周期事件。页面生命周期：onLoad：页面加载时触发，可以在这个生命周期里进行初始化数据操作。onShow：页面显示时触发，每次页面展示都会触发，比如从其他页面返回到该页面时。onReady：页面初次渲染完成时触发，可以在这个生命周期里访问页面节点。o
前端fighter·2024-01-24 03:33

HarmonyOS鸿蒙学习基础篇 - 基本语法概述

HarmonyOS鸿蒙学习基础篇-运行第一个程序HelloWorld基本语法概述打开entry>src>main>ets>pages>index.ets代码如下代码详细解释如下：@Entry//@Entry装饰的自定义组件将作为
迪迦·2024-01-24 03:27

uniapp 上传图片遇到的问题

昨天在测试上传图片的时候，突然发现一个很狗血的问题，就是ios选取手机里保存的图片都可以的，但是使用拍照的图片就是上传不了，一点击选取都立马弹出报错信息，我当时并不觉得是图片大小的问题，因为在安卓机上测试的时候，拍照图片也都是可以上传的，后面对图片的大小限制最多也是有10M的，最后才发现是nginx上面默认有传输大小的限制【哭笑】，最后前端上传图片之前做了压缩处理，nginx也把限制放宽，最后终于
cucu4u·2024-01-24 02:29

uniapp页面跳转的几种方式

一、uni.navigateTo定义：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。1.不传参uni.navigateTo({url:'../index/index'});2.传参静态字符串uni.navigateTo({url:`../index/index?title=张三&age=18`});onLoad(option){console.log(
李友午还当程序员·2024-01-24 01:48

uniapp（vue）中动态添加绑定style

style样式动态设置1.普通对象动态添加（比较常见）//1.动态添加颜色//2.动态添加边距//3.动态添加背景图片exportdefault{data(){return{imageURL:'https://app-file.beitaichufang.com/img/H5/web/banner/banner23.jpg',//图片num:20,//字体大小fontColor:'red'//字体
李友午还当程序员·2024-01-24 01:17
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他