Tag "uni-app" 相关话题

小程序

uni-app&微信小程序图片组件的等比例缩放和自适应裁切显示

Deshun 发布于 4个月前 (03-20) 321℃ 评论(0) 赞 (0)

微信小程序的组件和普通的 HTML 有所不同,比如 HTML 的 div 在小程序里面是 view ,HTML 的 span 在小程序里是 text 。因为 uni-app 要兼容多终端和各种小程序,所以它的语法和微信小程序是基本一致的。今天就整理一下小程序的图片组件(image)的缩放和裁切显示实现,下面以 uni-app 为例。如果在页面中增加一个 <image /> 标...

经验总结

Vue&uni-app swiper 轮播支持鼠标滚轮翻页实现

Deshun 发布于 6个月前 (01-30) 360℃ 评论(0) 赞 (2)

最近使用 uni-app 开发的一个 H5 项目,其中有一个 用 uni-app 原生 swiper 组件写的轮播。今天领导在用的时候提出一个问题:你这个不支持鼠标滚轮啊?我就比较疑惑 uni-app 是移动端场景啊,谁用手机还外接个鼠标啊。没办法,该改还得改,下面教程开始:1、在 methods 内添加方法:methods: {   handleScroll&nb...

经验总结

利用Vuex实现uni-app项目全局接收存取url参数

Deshun 发布于 7个月前 (01-05) 327℃ 评论(0) 赞 (2)

前些时间写了 Vue状态管理模式:Vuex入门教程 ,今天再整理一下,利用 Vuex 全局接受参数及存取使用的一个方法。首先要使用 store ,安装及使用方法参见上文。在 ./store/index.js 中添加代码:const store = new Vuex.Store({   state: { &...

经验总结

正则零宽导致iOS端uni-app报错:连接服务器超时,点击重试

1

Deshun 发布于 9个月前 (11-13) 628℃ 评论(0) 赞 (0)

正则零宽导致iOS端uni-app报错:连接服务器超时,点击重试

一个 H5 项目中使用安卓设备一切正常,用 iOS 就显示 连接服务器超时,点击屏幕重试。排查了半天,原来是正则引起的。可能会报以下错误:Invalid regular expression: invalid group specifier name[system] S...

经验总结

Vue状态管理模式:Vuex入门教程

1

Deshun 发布于 9个月前 (11-11) 435℃ 评论(0) 赞 (1)

Vue状态管理模式:Vuex入门教程

什么是 Vuex ?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。使用 Vue CLI 脚手架安装的 Vue 3.0 已经默认集成了 Vuex,下面记录的是 V...

经验总结

uView搜索组件u-serch的使用及点击搜索按钮无效的问题解决

Deshun 发布于 9个月前 (11-10) 1418℃ 评论(0) 赞 (1)

uView 是 uni-app 生态的一款不错的前端 UI 框架,集成了很多实用组件。在使用 搜索 组件时遇到一个问题,点击搜索按钮没有反应。下面开始使用方法:u-search 可以通过 placeholder 参数设置占位内容,通过 v-model 双向绑定一个变量值:<template>   <u-search placeholder=&quo...

经验总结

uni-app自定义打包目录package.json命令配置

Deshun 发布于 9个月前 (10-18) 1301℃ 评论(0) 赞 (0)

uni-app 使用 npm run build 命令打包,会根据环境生成不同的目录文件。开发和测试环境会生成到 dev 文件夹,而生产环境则生成到 build 文件。为了方便自动化部署,需要统一一下打包目录,需要修改一下 package.json 文件:"build:dev": "cross-env NODE_ENV=development&nb...

经验总结

用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布

1

Deshun 发布于 10个月前 (10-15) 1242℃ 评论(0) 赞 (0)

用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布

除了 HBuilderX 可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。如果是老的项目,也可以通过下方步骤,创建一个 uni-app 选择默认模板,然后将项目原封...