Uniapp+Vue3

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx),//到400rpx才做白色渐变linear-gradient(toright,

总萌大人·2024-08-24 11:59

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入

总萌大人·2024-08-23 05:52

uniapp+vue3打包问题记录

**背景：**打包app出现问题，只显示底部导航的文字，其他一片空白1.pages.json文件：tabBar中的iconPath图标格式不支持svg，只支持：png,jpg,jpeg的格式，当图片改为.png的时候可以正常显示2.适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible插件，但因为lib-flexible源码基于window对象的操作，导致打包

元宵不吃汤圆·2024-01-19 22:08

uniapp+vue3面试纪要

uniapp+vue3面试纪要uniapp1.uniapp的生命周期应用生命周期onLaunch：应用程序启动时触发，仅在应用程序第一次启动时触发。

*小天屎*·2024-01-16 06:08

HbuilderX使用Uniapp+Vue3安装uview-plus

如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章uView系列——使用教程小程序的第三方ui库推荐较多的还是uview的，看起来比较美观，功能也比较完善，下面将提一下Vue3安装uview-plus库的教程创建项目安装首先进入官网uView-Plus直接下载并导入选择创建好的uniapp项目——确定即可使用buildX工具点击这里下载方式配置文档安装scss和scss

Southern Wind·2024-01-11 12:25

Uniapp + Vue3 + Pinia + Vant3 框架搭建

初始化Uniapp+Vue3项目App.vuesetup语法import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'onLaunch(()=>{console.log

yueF_L·2023-12-21 03:28

Uniapp + Vue3 + TS 微信小程序中使用百度地图

一直以为是百度地图不兼容uniapp+vue3，直到问了uniapp的开发人员，在小程序中无法使用百度地图。

牵只蜗牛去跑步·2023-11-29 06:00

uniapp+vue3路由跳转传参

在uni-app中使用Vue3进行路由跳转传参，可以通过以下步骤实现：1.在router文件夹中创建一个名为index.js的文件，用于配置路由。在这个文件中，我们将导入createRouter和createWebHistory函数，并定义路由规则。同时，我们还需要定义一个导航守卫，用于在路由跳转时传递参数。//router/index.jsimport{createRouter,createWe

特创数字科技·2023-11-27 15:03

uniapp+vue3使用pinia，安卓端报错白屏

报错内容：reportJSException>>>>exceptionfunction:createInstanceContext,exception:whitescreencausecreateinstanceContextfailed,checkjsstack->atuseStore2(app-service.js:1487:15)at(app-service.js:1714:17)at(ap

胡桃夹夹子·2023-11-22 07:48

uniapp实现头像预览功能 - vue3

使用uniApp+vue3实现头像预览需求：点击头像可预览、拖动及双击放大，单击关闭效果图：实现代码（完整版）：import{ref}from'vue'//图片预览constpreviewDate=ref

前端小趴菜！·2023-11-04 22:51

【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题

uniapp页面加载时根据不同角色设置导航栏标题其实很好实现，第一次开发uniapp项目，所以什么都不懂，绕了一点点的弯路在对应页面的onLoad中获取到跳转过来传的参数中的判断角色字段，我这里传的是getRoleuni.setNavigationBarTitle可以直接改导航栏标题import{onLoad,onShow}from"@dcloudio/uni-app";import{reacti

花椒和蕊·2023-09-22 05:26

uniapp+vue3项目中使用vant-weapp

创建项目通过vue-cli命令行创建项目Vue3/Vite版要求node版本^14.18.0||>=16.0.0uni-app官网(dcloud.net.cn)npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project打开项目点击顶部菜单栏终端/新建终端执行安装依赖指令yarninstall或npminstall安装vant-weapp#通过npm安装n

我总是词不达意·2023-08-11 07:28

uniapp获取屏幕宽度时获取不到移动设备中内容盒子宽度

首先：我使用的是uniapp+vue3语法：问题：我出现这个问题是IOS设备发现的，data.boxWidth为0代码：constinitCreated=()=>{constquery=uni.createSelectorQuery

Winson℡·2023-08-10 06:19

探索uniapp+vue3解析markdown语法|uniapp键盘撑起

最近正在尝试使用uniapp+vue3开发仿制chatgpt会话功能。如上图：经过测试在h5/App端/小程序端均支持markdown语法解析，键盘撑起后，整体页面和顶部自定义导航栏不会被顶起。

xiaoyan_2018·2023-07-23 12:35

uniapp + vue3 + uviewPlus 搭建多端项目框架

版本信息HBuilderX:3.8.4Vite:4.2.1uView-Plus:3.1.31初始化uniapp+vue3项目uniapp官方提供了HBuilderX可视化界面、vue-cli命令行两种方式快速搭建项目

xiaoyan_2018·2023-06-17 12:24

飞入购物车动画uniapp+vue3

页面代码加入购物车import{onMounted,ref}from"vue";importcartsBallfrom'./cartsBall.vue'constheight=ref(0)onMounted(()=>{height.value=uni.getWindowInfo().windowHeight})constcartBtn=ref()constaddCar=(e)=>{cartBtn.

wyc0859·2022-10-14 13:15

uniapp开发：uniapp之vue3.2开发页面传值的解决方案

我最近个人使用了uniapp+vue3开发了一款微信小程序，在开发的过程中使用了一些使用方法，之前我在论坛上看到了许多人在问相关的问题，所以我在这里做一个简单的总结：先看看uniapp+vue2中的使用

皮皮鱼敲代码·2022-08-05 12:13

推荐频道