uni-app源码系列

uni-app：实现背景渐变效果

效果代码单个渐变色background-image:linear-gradient(totopright,#f00,#00f);多个渐变色background-image:linear-gradient(tobottom,#0073ff0%,#1d6cff25%,#1e8bff50%,#41b3ff100%);/*多个渐变色*/exportdefault{data(){return{}},meth
雯0609~·2023-09-27 18:24

uni-app背景设置为渐变色出现断层现象的解决方法

uni-app背景设置为渐变色出现断层现象的解决方法背景设置为渐变色优化方法1.先给页面设置固定宽度2.再在页面中加入一个scrollview并使其纵向可滑3.最后给scrollview一个合适的宽度背景设置为渐变色
南懿烨曦·2023-09-27 18:24

uni-app官方教程学习手记

本人微信公众号：前端修炼之路，欢迎关注背景介绍大概在今年的十月份左右，我了解到Dcloud推出了uni-app。当时下载了一个HbuilderX，下载了官方提供的hello示例教程。
我的乌托·2023-09-27 17:09

uni-app 工程配置.gitignore 不生效

每次修改代码或者运行时候你的uni-app项目工程目录下unpackage/会生成一大坨编译后的文件，尤其是团队开发的时候更没有必要也不应该被提交到远程仓库。
落落2023·2023-09-27 16:05

uni-app列表组件 list组件,简单好用通用

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
前端组件开发·2023-09-27 16:05

uni-app：官方文档中的canvas实例剖析

效果代码exportdefault{onReady:function(e){//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。varcontext=uni.createCanvasContext('firstCanvas')//设置线条的颜色为绿色（#00ff00），后续绘制的线条都会使用这个颜色。context.se
雯0609~·2023-09-27 11:44

uni-app：canvas-绘制图形2

效果代码exportdefault{onReady:function(e){//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。varcontext=uni.createCanvasContext('firstCanvas')//绘制路径中的线条。context.setStrokeStyle("#aaaaff")//设置
雯0609~·2023-09-27 11:44

uni-app：canvas绘制图形3

效果代码exportdefault{onReady:function(e){//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。varcontext=uni.createCanvasContext('firstCanvas')//绘制路径中的线条。context.setStrokeStyle("#aaaaff")//设置
雯0609~·2023-09-27 11:44

uni-app：canvas-图形实现1

效果代码exportdefault{onReady:function(e){//创建一个画布上下文对象，用于进行绘图操作。'firstCanvas'是一个指定的画布标识符，表示在页面上的哪个元素上进行绘制。varcontext=uni.createCanvasContext('firstCanvas')//绘制路径中的线条。context.setStrokeStyle("#aaaaff")//设置
雯0609~·2023-09-27 11:10

uni-app问题记录

一、启动问题记录1.报错1解决办法:开启微信开发者工具服务端口2.报错2:调用getLocation获取位置信息时报错以下内容{errMsg:“getLocation:failtheapineedtobedeclaredintherequiredPrivateInfosfieldinapp.json/ext.json”}解决办法:manifest.json文件配置以下内容"mp-weixin":{
斜影梧桐·2023-09-27 10:57

uni-app实现获取未来七天时间和星期几功能

例子如下：HTML：{{item.week}}{{item.name}}js生命周期执行：created(){//默认显示当天前一周的数据letdata=[]this.start=this.getDay(+7);this.end=this.getDay();for(leti=6;i>=0;i--){data.push(this.getDay(+i))}vardate=data.reverse()t
BJYXSZD-9185·2023-09-27 10:56

uni-app：多方法实现两个view在同一行展示

效果方法一：flex布局使用display:flex后，默认的flex-direction值就是row，即水平排列。123456.container{display:flex;/*使用flex布局*/justify-content:space-between;/*左右两个视图分散排列*/}.left-view{width:50%;/*左侧视图占据容器的一半宽度*/background-color:
雯0609~·2023-09-27 09:03

uni-app：实现图片周围的图片按照圆进行展示

效果代码{{item.name}}exportdefault{data(){return{itemList:[{name:"Item1",src:"/static/item1.png"},{name:"Item2",src:"/static/item2.png"},{name:"Item3",src:"/static/item3.png"},{name:"Item4",src:"/static/i
雯0609~·2023-09-27 09:33

uni-app：实现页面效果1

效果代码{{item.name}}exportdefault{data(){return{device:getApp().globalData.icon+'look/device.png',add_icon:getApp().globalData.icon+'look/add.png',itemList:[{name:"车道指示器",src:"/static/item2.png"},{name:"
雯0609~·2023-09-27 09:33

uni-app：顶部标题栏的部分相关设置（标题更改， 加载效果）

一、标题更改效果方法一：在pages.json中进行修改{"path":"pages/index/index","style":{"navigationBarTitleText":"自定义标题"}},方法二：在页面直接进行修改onLoad(){//设置页面的标题栏名称uni.setNavigationBarTitle({title:'自定义标题'});}一般可以用于当页面标题为上一个页面传来的参数
雯0609~·2023-09-27 09:26

uniapp中使用canvas做审批签名

在Uni-app中使用Canvas来实现审批签名功能需要以下步骤：在你的Uni-app项目中创建一个页面或组件，用于签名功能的界面。在该页面中创建一个Canvas元素，用于绘制签名。
冰眸js·2023-09-27 04:01

vue-cli创建uni-app项目

1.创建uni-appvuecreate-pdcloudio/uni-preset-vuemy-project选择模板,建议选择默认模板2.封装项目请求(1)创建base文件夹-->base.js//当前环境设置//环境：dev(开发)、alpha(测试)、beta(预发布)、release(生产正式)varbaseUrlvarbase='dev'if(base=='dev'){//baseUrl
开发那点事儿~·2023-09-26 23:56

uniapp项目实践总结(二十三)网页和小程序应用打包教程

网页打包编写好应用之后，如需打包到web平台，可以选中当前项目根目录：在顶部菜单栏找到发行菜单点击后；找到网站-PCWeb或手机H5(仅适用于uni-app)子菜单；点击以后添加网站标题
·2023-09-26 21:57

2019-04-17

SPA、ElementUIIDE：WS、VScode、HB场景2：H5前端开发技术栈：vue-cli、SPA、npm、建议自己布局手写样式IDE：WS、VScode、HB场景3：跨端APP开发技术栈：uni-app
诅咒猎豹·2023-09-26 20:44

uni-app 自定义一个消息弹窗组件

{{message}}/***PopUp弹出层-消息提示*@description弹出层-消息提示*@tutorialhttps://ext.dcloud.net.cn/plugin?id=329*@property{String}type=[success|warning|info|error]主题样式*@valuesuccess成功*@valuewarning提示*@valueinfo消息*@
你的美，让我痴迷·2023-09-26 18:16

较真儿学源码系列-InheritableThreadLocal（逐行源码带你分析作者思路）

之前我写过对ThreadLocal源码进行分析的文章，感兴趣的话可以查看《较真儿学源码系列-ThreadLocal（逐行源码带你分析作者思路）》。
天瑕·2023-09-26 17:37

较真儿学源码系列-HashSet（逐行源码带你分析作者思路）

HashSet的底层是通过HashMap来实现的，之前我写过对HashMap源码进行分析的文章，感兴趣的话可以查看《较真儿学源码系列-HashMap（逐行源码带你分析作者思路）》。
天瑕·2023-09-26 17:37

较真儿学源码系列-PowerJob启动流程源码分析

PowerJob版本：4.3.2-main。1简介PowerJob是全新一代的分布式任务调度与计算框架，官网地址：http://www.powerjob.tech/。其中介绍了PowerJob的功能特点，以及与其他调度框架的对比，这里就不再赘述了。以上是PowerJob的架构图，取自官网。可以看出，PowerJob是典型的客户端/服务端交互的架构（但是在PowerJob中却没有一般分布式中间件会有
天瑕·2023-09-26 17:06

uniapp支付之微信支付

写在前面的话本文内容是指的uni-app项目的支付，文档中5+APP的项目类型不涉及。
淇水朱华·2023-09-26 16:23

uni-app uni.pageScrollTo排坑之滚动到指定id不起作用

uni.pageScrollTo(OBJECT)将页面滚动到目标位置。selector:id，必须是字母开头的，不支持纯数字的，重要的说三遍:不支持纯数字，纯数字，数字！varid='#city'+460000;//uni.pageScrollTo({duration:300,selector:id});效果非常的nice，加油！莫名奇妙的坑又填了一个哈哈哈~~~
秦语川·2023-09-26 15:05

WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案

本人选型方案：Uni-app（NVue）+Vue2结合本人自身
Lan.W·2023-09-26 15:16

Hbuilder本地调试微信H5项目（二）--添加UView框架插件

摘要在一个已创建的Hbuilder项目中，添加uView框架插件前置准备已安装Hbuilder已创建uni-app的H5默认模板项目实现逻辑在Hbuilder官网找到组件说明页面下载插件并导入HbuilderX
-贫寒豌豆·2023-09-26 15:45

uni-app使用vue3，在元素或组件实例上添加ref，用this.$refs显示undefined

项目中引用了一个UI组件库，在表单上添加了`ref`属性，方便提交时验证。触发提交方法时显示不存在这个方法或this.$refs为undefined。登录解决方法：引入`getCurrentInstance`,t得到当前组件实例，然后用`ctx.$refs`代替`this.$refs`。这里的`ctx`相当于全局this。import{getCurrentInstance}from'vue'//获
lamCCH·2023-09-26 15:45

uni-app修改官方组件的默认样式

原来是跟vue3pc端项目一样的写法例如：.btn{margin-top:22px;&:deep(.uni-date-x){background-color:red;}}
har01d·2023-09-26 11:07

uni-app 更改checkbox的默认组件样式

有时候在uniapp上修改CheckBox的样式时无效果，是因为uni-app的默认组件是定义好了的，如果要修改可以找到组件所属css，也可以自行修改样式并覆盖原有样式。
BlizzardWu·2023-09-26 11:01

uniapp实现点击按钮分享给好友

分享import{onLoad,onShareAppMessage,onShareTimeline}from'@dcloudio/uni-app'onLoad(()=>{//设置Menus菜单，使发送给朋友
加油吧少年时代·2023-09-26 08:39

uniapp打包：本应用使用HBuilderX 3.8.7或对应的cli版本编译，而手机端SDK版本是3.8.12.不匹配的版本可能造成应用异常

解决方法如下：uni-app官网：https://uniapp.dcloud.net.cn/找到【快速上手】这项找到更新到正式版指定版本这项，在终端中输入命令安装之后就会更新
mini king·2023-09-26 07:28

uni-app使用HBuilder X编辑器本地打包apk步骤说明

2.下载uni-app提供的Android离线SDK下载地址：Android离线SDK-正式版|uni小程序SDK注意：Andro
加瓦程序设计师·2023-09-26 06:06

uni-app 在微信小程序端预览文件时文件名是一串乱的字符串

原方法uni.downloadFile({url:pdfURL,//文件原本URL地址success(res){if(res.statusCode===200){uni.openDocument({filePath:res.tempFilePath,//微信临时文件路径showMenu:true//右上角是否有可以转发分享的功能(只支持微信小程序)});}}});新方法uni.downloadFi
UserGuan·2023-09-26 05:09

uni-app 使用 scss 实现推荐标签区域显示效果

效果图店家推荐方法一只需修改$tagFontSize(字体大小)即可/*推荐标签区域*/.tag-box{$tagFontSize:26;//字体大小(改变字体大小即可更改总体大小)$differ:-3;//差值与字体大小相关(20[0]22[-4]24[-4]26[-3]28[-3]30[-3])$tagFontColor:#fff;//字体颜色$tagBgColor:#de1737;//总体背
UserGuan·2023-09-26 05:07

uni-app 修改数据不刷新界面的问题

一般正常screen_areas:["青羊区","双流区","高新区","武侯区"],//点击事件click:function(index){//这样修改有时不会刷新界面this.screen_areas[1]="郫都区"//这时我们需要使用另外一只设置值的方式this.$set(this.screen_areas,index,'郫都区')//这样就可以正常显示了//如果是字典的话this.$se
紫藤花的魂·2023-09-25 23:41

uni-app 之 去掉顶部导航

uni-app之去掉顶部导航uniapp怎么样去掉顶部导航uniapp去掉顶部导航的方法：1、去掉所有导航栏；2、单一页面去掉顶部导航栏。
jun_tong·2023-09-25 19:22

uni-app开发APP上架Apple Store流程记录

环境准备：MacBook（安装HBuilderX、XCode、Developer、TestFlight、Transporter），苹果开发者账号流程主要分为三大步骤：证书申请、打包、提交审核精简版地址：http://t.csdn.cn/aRl7Z目录*证书申请1.登录iOSDevCenter2.申请苹果AppID（App的唯一标识）3.生成证书请求文件4.申请开发(Development)证书4.
我来C·2023-09-25 15:37

uniapp苹果无法上架_uni-app 打包ios上架app store流程

1.登入苹果开发者网站，打开AppStoreConnect2.新App的建立点击我的App可以进入App治理界面，在右上角点击新建App即可建立新的App，如下图：3.app基本信息填写新建完App后，需要填写App的基本信息，好比App的名称，语言、种别等，详情请参照下图：4.App价钱与销售局限填写。填写完App的基本信息后，接着就是填写App的价钱及销售局限。一样平常情况下，App的销售价钱
Kuuumiko·2023-09-25 15:06

uni-app安心打包ios失败

uni-app安心打包ios失败一直被这个提示误导，重试并不能解决问题。查看错误日志可以看到这里证书文件名的括号不被识别，将证书重命名去掉括号即可
狮子和猿·2023-09-25 15:33

uni-app iOS发布

文章目录前言一、制作iOS证书1.生成.p12后缀的证书2.创建Identifiers3.创建Profiles4.打包IOSApp二、配置App1.创建App2.构建版本2.内部测试&外部测试三、下载App总结前言最近项目需要搞iOS版本，由于种种原因放弃了发布AppStore里面，而是选择了TestFlight的发布，且每个版本有效期为90天。这个平台具体是干什么的我就不说了，自行搜索。首先声明
Black_Kiven·2023-09-25 15:02

uni-app打包iOS ipa文件后不上架App store为用户提供下载解决过程记录

写在前面，itms-services协议是什么itms-services协议是苹果提供的一种让iOS应用在用户设备上无线安装或升级的协议。具体来说:itms-services表示iOS应用无线安装服务的URL方案,格式为:itms-services://?action=download-manifest&url=MANIFEST_URL其中MANIFEST_URL指向一个包含应用下载信息的清单文件
一只月月鸟呀·2023-09-25 15:01

uni-app制作一个计时器(setInterval方法)

{{nums}}exportdefault{data(){return{nums:'',}},onLoad(){varhour,minute,second;/时分秒/hour=minute=second=0;//初始化varmillisecond=0;//毫秒this.timer=setInterval(()=>{millisecond=millisecond+50;//console.log("
Magic_小灰灰·2023-09-25 15:22

uni-app

官网：uni-app官网HbuiderX下载：HBuilderX-高效极客技巧新建项目：------------------------------------------配置：浏览器预览配置：----
愚人钊呀·2023-09-25 13:10

uni-app：实现元素中实现竖直居中

效果展示前：后：未实现前代码我是要被居中的元素exportdefault{data(){return{title:'Hello'}},onLoad(){},methods:{}}.container{border:1pxsolidblack;height:300px;}.centered-element{border:1pxsolidred;}方法一：使用Flexbox布局核心代码.contain
雯0609~·2023-09-25 12:24

uni-app：实现picker下拉列表

效果代码{{selectDatas9[index9]}}>exportdefault{data(){return{index9:0,//选择的下拉列表下标，默认为第一项,selectDatas9:['数据1','数据2','数据3'],//下拉数组info:'',//选择的下拉数据}},onLoad(){},methods:{//下拉列表选择模式bindPickerChange9:function
雯0609~·2023-09-25 12:24

uni-app：设置图片一直旋转

核心代码标签样式animation:spin2slinearinfinite;//animation-name:spin;：指定要应用的动画名称为spin。该名称对应了@keyframes中定义的动画效果。//animation-duration:2s;：指定动画的持续时间为2秒。也就是说，从开始到结束的过程将花费2秒的时间。//animation-timing-function:linear;：
雯0609~·2023-09-25 12:54

uni-app：实现密码框内容展示与隐藏

效果代码密码exportdefault{data(){return{isShowPassword:true,eye:getApp().globalData.icon+'index/mine/eye.png',eye_close:getApp().globalData.icon+'index/mine/eye_close.png',}},onLoad(){},methods:{//密码是否显示tog
雯0609~·2023-09-25 12:52

UNI-APP_在uni-app中引入和使用uViewUI

官方文档：https://www.uviewui.com/1、npm安装或者更新uViewUI安装npminstalluview-ui更新npmupdateuview-ui查看版本号console.log(this.$u.config.v);//或者(二者等价)console.log(this.$u.config.version);2、npm安装方式的配置（使用Hbuilder创建的项目忽略此步骤
小歪 | 前端·2023-09-25 09:57

ui uview 安卓开发_在uni-app中引入和使用uViewUI

前言二手项目需求更改先来看遇到如下图的错误image.pnguni-app引入uViewUI1、npm安装或者更新uViewUI1.1、安装//安装npminstalluview-ui1.2、更新已经安装想更新版本可以使用//更新npmupdateuview-ui1.3、查看版本号有两种方式可以查询到正在使用的uView的版本：通过console.log打印的形式console.log(this.
梦尽需终·2023-09-25 09:27
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他