uniapp Vue.prototype绑定属性无法在微信小程序中直接使用 报[渲染层网络层错误]

  • Post author:
  • Post category:uniapp

最近在做uniapp的时候发现在h5上运行正常的代码,在微信小程序上测试的时候报错了 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined/images/carousel/batmanvssuperman.png the server responded with a status of 500 (HTTP/1.…

继续阅读 uniapp Vue.prototype绑定属性无法在微信小程序中直接使用 报[渲染层网络层错误]

Uniapp实现swiper滑到每一项放大缩小,一排多个显示

  • Post author:
  • Post category:uniapp

先来看看效果 滑到的就放大,且一个屏幕可以显示其他item的部分内容 <swiper previous-margin='28px' next-margin='28px' @change="change" > <block v-for="(item,index) in list" :key="index" > <swiper-item> <view clas…

继续阅读 Uniapp实现swiper滑到每一项放大缩小,一排多个显示

uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能

  • Post author:
  • Post category:uniapp

效果 movable-area 与 movable-view movable-view movable-area movable-view 主要是可以实现缩放及拖拽功能,不过只能限制在movable-area 范围内的拖拽超出范围会回弹。 为了增大一点它的回弹范围 可以设置 movable-view的宽高为0; 然后子元素决定定位居中。 单击缩小 双击放大 微信小程序没有双击事件 通过setTim…

继续阅读 uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能

uniapp支付 跳转

  • Post author:
  • Post category:uniapp

uniapp 支付以及跳转 **先说一下 思路 :引入微信支付jssdk 之后配置商户信息 把支付的文件放在你的服务端的根目录下 /home/wwwroot/vue/appleweb/MP_verify_OtggqJcZCfkIE4FQ.txt 开始操作: *` //jws.js页面 //npm 安装微信jssdk npm install jweixin-module --save const w…

继续阅读 uniapp支付 跳转

uniapp开发app以及使用nvue的注意事项

  • Post author:
  • Post category:uniapp

1、在iPhone X以上的机型,跳转到非tabbar页面底部会有留白,解决办法: [解决tabbar留白](https://blog.csdn.net/weixin_43090018/article/details/111952602) 2、在tabbar页面中,底部会有部分内容被tabbar遮盖住,无论怎么滑动都无法滑上去,如下图 解决方法 在布局的最底部加一个空的div,设置一些属性 .bo…

继续阅读 uniapp开发app以及使用nvue的注意事项

uniapp微信小程序项目-优购商城

  • Post author:
  • Post category:uniapp

原网页笔记文档: https://www.escook.cn/docs-uni-shop/ 1. 起步 #1.1 uni-app 简介 uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 详细的 uni-app 官方文档,请翻阅 https:/…

继续阅读 uniapp微信小程序项目-优购商城

uniapp 为项目配置分包

  • Post author:
  • Post category:uniapp

使用 uniapp 开发小程序常常会涉及到分包问题,配置分包首先能解决各个平台对小程序项目主包的大小限制问题,其次配置分包减少主包的大小能有效减少项目首次启动的加载时间。 工具:HBuilder X 步骤如下: 1.在项目根目录下创建一个 subpkg 的目录(作为分包的目录,可以自主命名); 2. 在 pages.json 中,和 pages 节点平级的位置声明 subPackages 节点,用…

继续阅读 uniapp 为项目配置分包

uniapp 使用UI组件库 (小白)

  • Post author:
  • Post category:uniapp

   最近在研究Uniapp,看了两个UI组件库,下面记下如何使用                                    方法比较无脑,勿喷 文章目录 ThorUI组件库1. 导入插件1.1 把除pages以外的文件夹复制到自己的目录1.2 APP.vue文件1.3 main.js1.4 pages.json 2.使用示例2.1 先浏览组件库中的内容,选择到自己想用的东西 Colo…

继续阅读 uniapp 使用UI组件库 (小白)

uniapp 引用 echarts 调用接口echarts不显示解决方法

  • Post author:
  • Post category:uniapp

1.在uniapp插件平台引入插件 echarts-for-uniapp   2.如果从接口拿参数 给封装的echarts的组件加个 v-if =‘nutrientBool’判断 初始化 false 接口数据获取完成后改变 nutrientBool = true.就可以了 <echarts v-if="nutrientBool" :option="nutrientOption"><…

继续阅读 uniapp 引用 echarts 调用接口echarts不显示解决方法

Uniapp 移动端调用摄像头扫描二维码或者条形码

  • Post author:
  • Post category:uniapp

首先到uni-app插件市场中下载uQRCode插件,插件下载地址。 在页面中导入 uQRCode。 import uQRCode from '../../components/uQRCode/u-qrcode.js'; 使用uniapp调用手机扫码方法:#uni.scanCode(OBJECT),调起客户端扫码界面,扫码成功后返回对应的结果。 fun() { uni.scanCode({ sca…

继续阅读 Uniapp 移动端调用摄像头扫描二维码或者条形码