目录效果图: 解决思路:方法如下:1. 首先创建一个整个屏幕的控件,作为一个父容器。2. 绘制遮罩层3.绘制通知框样式4. 绘制标题和内容5. 创建确认按钮控件下面是项目中的完整代码:总结效果图: uniapp自带的提示框不符合我们的要求,需要自己写一个提示框,且全局通用。解决思路:使用 plus.nativeObj 来绘制窗
......
729
0
0
2023-06-02
很惭愧,这竟然是老衲在csdn的首次内容输出,还请看官,高抬贵手,多喷两句, 反正我也不听~👀首先声明,我是最近才刚开始写uniapp……言归正传,最近给公司要做一个小程序,由于之前并没有实际从0开始构建开发经验,故记录下遇到的一些小难点,方便之后查阅,希望也能帮到其他小朋友,目标项目主界面如下图所示如果想实现这个效果的tabbar,那我们就只能舍弃小程序本
......
788
0
0
2023-05-21
目录uni-app接口,全局方法封装vue3接口请求封装总结uni-app接口,全局方法封装1.在根目录创建一个api文件,在api文件夹中创建api.js,baseUrl.js和http.js文件2. baseUrl.js文件代码export default "https://XXXX.test03.qcw800.com/api/"
3.htt
......
503
0
0
2023-05-19
目录引言依赖组件propsformConfiguni-form配置数据演示地址下载地址引言常年做web系统端,对web系统端的功能布局等有很深刻的了解,经常cv一些表单标签改来改去比较繁琐,重复性很多,且样式布局啥的几乎万变不离其中,为了偷懒,开发了mosowe-form及mosowe-table两款高级组件,其思路借鉴了antdesign的高级组件。这里面
......
361
0
0
2023-05-13
目录背景思路实现尾巴背景在使用uniapp进行开发时,tabbar是我们使用的很频繁的一个组件,但是在特定的平台会有一些使用上的限制,无法通过一套代码来做通用平台的适配。比如说中间按钮凸起,动态隐藏某个tab(不同角色展示不同功能),使用字体图标,数字角标等,这些功能不是所有平台都支持。今天我们就用一套代码来实现这些功能全端支持。思路实现思路就是通过通过自定
......
1206
0
0
2023-05-05
目录前言一、实现原理二、代码实现三.uniapp实现四、多列实现总结前言瀑布流布局是网页设计常见的一种布局,一般用于图片多列展示。列宽固定,图片根据自身高度自适应交错排列。一、实现原理通过动态计算哪一列高度最低,就把图片放置该列下显示,直至所有图片分列完毕计算哪一列高度最低具体实现过程又分2种方式:方式1:通过计算每一列每张图片渲染后高度进行累加就是该列的高
......
661
0
0
2023-04-19
目录聊天信息列表的渲染聊天信息发送的相关问题实现一对一聊天关于websocket建立连接存储连接的用户发送聊天信息 首页新消息提示实现群聊加入房间发送群消息之前学习使用uni-app简单实现一个在线聊天的功能,今天记录一下项目核心功能的实现过程。页面UI以及功能逻辑全部来源于微信,即时聊天业务的实现使用socket.io,前端使用uni-app开发
......
570
0
0
2023-03-25
目录uni-simple-router一、快速上手扩一:webpack插件之DefinePlugin扩二:uni-read-pages 如何获取pages.json中的路由二、H5模式2.1 路由配置2.2 完全使用vue-router开发 (H5端)2.3 H5 路由传参2.4 H5端路由捕获所有路由或404路由2.5 路由懒加载三、小程序模式四、路由跳转
......
698
0
0
2023-02-25
目录🌻正文🍉1、查阅官网配置搜索框pages配置项1.1 首先进入官网后找到如下内容1.2 如官网所示 style的说明如下,看图操作1.3 跳转指定的app-plus配置项1.4 导航栏配置属性如下,选择我们需要的即可🍑2、配置APP端与H5端搜索框(小程序端不兼容)2.1 找到pages.json文件,配置搜索框2.2 监听搜索框与按钮的点击事件2.3
......
620
0
0
2023-02-12
1.使用uni-nav-bar 自定义导航栏需要先在page.js中把当前页面设置"navigationStyle": "custom"
然后在页面中使用uni-nav-bar <uni-nav-bar
dark
&nb
......
379
0
0
2023-01-10
小程序是多版本共存的,历史版本还是有人用的。因此,在适当时机提醒用户有新版本了,目的是尽量的让用户使用最新版本。onLaunch: function() {
// #ifdef MP
if (uni.canIUse('getUpdateManager'))
{
const updateManager =
......
412
0
0
2022-10-08
效果图如上参考文章:zhuanlan.zhihu.com/p/396348258示例代码如下<template>
<view>
<scroll-view class="tab" scroll-x="true" :scroll-left="scroll_left" :scroll-into-view
......
563
0
0
2022-07-18
转载 ask.dcloud.net.cn/article/37294<template>
<view class="content"></view>
</template>
<script>
var main,receiver,filter;
......
432
0
0
2022-04-21
介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。目前支持的小程序有支付宝小程序、微信小程序、百度小程序、头条小程序。官网官网:https://www.dcloud.io/文档:https://uniapp.dcloud.io/README为什么选择uni-ap
......
421
0
0
2022-04-14
简单介绍采用安卓原生SDK开发出来的一款安卓uniapp的插件,此插件只支持安卓,ios不支持。监听通知栏内容,获取通知栏消息 安卓原生SDK扩展权限已经在插件里配置好,直接云打包或者自定义打包基座运行即可。具体打包方式这里不作阐述。uniapp官方市场插件地址:ext.dcloud.net.cn/plugin?id=4915支持获取指定apk的通知栏,也支
......
468
0
0
2022-04-11