微信小程序

微信小程序使用ucharts在小程序中加入横屏展示功能的全过程

目录 前言 实现思路 实现步骤 1. 添加一个按钮用来开启横屏模式 2. 准备一个容器 总结  前言 由于手机屏幕宽度的限制,当数据量较大时,观看体验并不是很好,因此横屏展示的功能就显得必要了,还好ucharts官方提供了横屏展示的功能,可以免去自己手改的麻烦,不过在实现的时候还是需 »

02 uniapp/微信小程序 项目day02

一.分类 1.1 页面布局 首先创建cate的分支 定义基本结构,因为是两个需要滚动的区域,所以这里要用到组件 ==scroll== 这个组件如果是y scroll那就要固定高度,x scroll那就要固定宽度 这里有个问题就是,我们应该把高度限定在整个屏幕高度 这里用到uniapp一个api == ... »

01 uniapp/微信小程序 项目day01

一.起步 1.1 配置uni-app开发环境 什么是uni-app,就是基于vue的一个开发框架,可以将我们写的一套代码,同时发布到ios、安卓、小程序等多个平台 ==官方推荐使用Hbuilderx来写uni-app项目== 下载之后可以将预设改为vscode 进入hbuilder插件市场下载scs ... »

微信小程序--云开发

介绍 微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。 开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。 开发者无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发。 云开发优势 无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务。 ... »

else23

打开半屏小程序

一. demo图 从基础库 2.20.1 开始支持 当小程序需要打开另一个小程序让用户进行快捷操作时,可将要打开的小程序以半屏的形态跳转。。 二. 调用流程 2.23.1以下版本基础库,开发者需要在全局配置app.json的embeddedAppIdList字段中声明需要半屏跳转的小程序,若不配置将 ... »

微信小程序全局数据共享和分包图文详解

目录 引言 全局数据共享 安装 MobX 相关的包 创建Store实例 将 Store 中的成员绑定到页面中 在页面使用 Store 中的成员 将 Store 成员绑定到组件中 在组件中使用 Store 中的成员 分包 分包的项目构成: 分包的加载规则: 分包的体积限制: 创建分包 打包原则 »

小程序实现页面跳转与数据传递方案

目录 页面跳转和数据传递 wx的API跳转 navigator组件(了解) 总结 页面跳转和数据传递 界面的跳转有两种方式:通过navigator组件 和 通过wx的API跳转 这里我们先以wx的API作为讲解: wx的API跳转 上面API中, 我们最常用的就是wx.n »

微信小程序语音提示

一. 老规矩, 先上demo图: 然后通过 wx.createInnerAudioContext 创建内部 audio 上下文 InnerAudioContext 对象 就能播放 filename的语音链接 二. 语音提示 --方法归类总结 1. 使用wx.playVoice播放语音文件, 但是从基 ... »

如何将原生微信小程序页面改成原生VUE框架的H5页面

项目背景: 公司为了实现小程序与H5页面共同覆盖,全面推广。特此想将已有的小程序进行快速改造上线(二周内),研发出H5版本。目前公司前端技术较为薄弱,现有的技术解决方案还停留在JSP。 问题: 如何将目前已经上线运行的原生小程序(40多个页面)快速转化为原生H5页面,实现快速上线,是采用我们较为熟悉 ... »

cbw-mango

微信小程序实现tab页面切换效果

本文实例为大家分享了微信小程序实现tab页面切换的具体代码,供大家参考,具体内容如下 html 页面 <view class="bgwhite">     <scroll-view scroll-x="true">         <view class=" »

微信小程序实现书架小功能

本文实例为大家分享了微信小程序实现书架功能的具体代码,供大家参考,具体内容如下 实现书架的功能,点击之后可以看pdf 1.设定点击事件 2.在点击事件里面 2.1下载 wx.downloadFile({ 2.2打开 wx.openDocument({ 效果图 点开之后是pdf 代 »

微信小程序实现表格前后台分页

微信小程序前台分页(样式可以根据自己实际需要调整),供大家参考,具体内容如下 直接上代码,这个其实也可以调整为后台分页,但是后面会写一个后台分页的例子,根据实际需要选择吧数据是写在data中没有调用url获取,实际可以修改 1、index.js // pages/tablePage/ind »

微信小程序实现列表分页功能

微信小程序列表分页功能(未使用API),供大家参考,具体内容如下 概述 主要实现功能: 1.列表展示2.上下页点击 效果图: 知识点:wx:for、bindtap、生命周期函数–监听页面加载、.filter、取余( % )取整(parseInt(x/y) )函数 js data: »

微信小程序检查版本更新并重启

1,前言 最近开发小程序时候碰上了一个问题,当发布新版本小程序后,需要用户能赶紧用上最新的,避免出问题。查了一下官方文档,总结出几个情况如下: 微信运行时,会定期(24小时内)检查最近使用的小程序是否有更新(黄花菜都凉了) 用户长时间未使用小程序时,会强制同步检查版本更新(对于使用频率高的小程序没P ... »

手把手教你springboot集成微信支付

20220727 最近要做一个微信小程序,需要微信支付,所以研究了下怎么在 java 上集成微信支付功能,特此记录下。 本文完整代码:点击跳转 准备工作 小程序开通微信支付 首先需要在微信支付的官网点击跳转上注册一个服务商 在服务商的管理页面中申请关联小程序,通过小程序的 appid 进行关联 进入 ... »

微信小程序拍卖商品详情页设计与交互实现代码怎么写

这篇文章主要介绍“微信小程序拍卖商品详情页设计与交互实现代码怎么写”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“微信小程序拍卖商品详情页设计与交互实现代码怎么写”文章能帮助大家解决问题。 完整功能和页面 1、goods.wxml代码 <!--商品详 »

第十一篇、微信小程序-input组件

主要属性: 效果图: ml: <!--style的优先级比class高会覆盖和class相同属性--> <!--头像--> <view style="display:flex;justify-content: center;"> <image style="width:130rpx;height:130rpx;border-radius:5 »