uni-App 社区图片

最新推荐文章于 2024-01-15 23:30:47 发布
最新推荐文章于 2024-01-15 23:30:47 发布
阅读量172 收藏
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenxi2367/article/details/115699971
版权

目录

【重点】

【创建页面】

左侧

【滚动组件】

左侧页面布局

左侧获取数据

右侧

右侧布局

右侧获取数据

整体调整

【重点】

1.左边导航高亮

2.右边图片上下滚动

3.点击查看图片，左右滑动

【创建页面】

左侧

【滚动组件】

左侧页面布局

左侧获取数据

让第几项高亮，这个第几项是index

点谁谁高亮

给获取数据的接口传递数据

测试是否能拿到数据

测试拿到的数据

右侧

右侧布局

右侧获取数据

整体调整

 

 

圈圈圈小明
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
图片热区点击之二(边界反弹,缩放,移动)
08-03
NULL 博文链接：https://yq135314.iteye.com/blog/1997676
uni-app原生map热区与map地图冲突如何解决
四夕木木夕木木的博客
12-14 2238
今天我来说一说在<map></map>热区链接。那什么是热区链接呢？实际上热区链接就是在一张图片上某些区域是可点击的，通常会用在区域地图，或者给图片某些区域加上提示以及点击某个位置进行跳转 ...
uni-app自定义区域选择组件
weixin_43144209的博客
03-20 1752
城市区域选择、同一页面多个scroll-view滚动问题
uniapp,图片热区链接的实现问题汇总
最新发布
知码客
01-15 654
在最近开发uniapp小程序的时候，遇到了图片热区的问题，问度娘里面好多介绍的解决方案都不太完美。所以自己进行了一步步的解决首先：我们现在看看如何获取coords坐标的问题，我这里用的是ps我们首先打开一个想要加热区链接的图片然后选择如下图窗口-----信息这里需要注意的是默认打开后是以厘米计算的，我们这里切换成像素即可按照上面调整完毕后我们就可以看到在鼠标滑动的时候有xy的信息这个信息就是我们需要获取的点，
uniapp + renderjs + heatmap.js 实现热力图
weixin_43922504的博客
10-22 3230
这里写自定义目录标题uniapp + renderjs +heatmap.js 实现热力图项目安装heatmap.js热力图插件，插件支持pc app 小程序 uniapp + renderjs +heatmap.js 实现热力图 项目中需要热力图展示，第一次用uniapp的renderjs操作dom，遇到了一些坑，包括引入组件，请求传参啥的 项目安装heatmap.js热力图插件，插件支持pc app 小程序 首先项目安装插件 npm i heatmap 然后在需要热力图组件的页面新增一个script
使用uni-app搭建的企业OA app
03-23
uni-app的核心特性包括组件化开发、强大的API支持、丰富的插件市场以及良好的社区支持。 关于“ui”，在企业OA（Office Automation）app中，用户界面设计至关重要。OA app通常涉及到日常办公的各种功能，如任务管理...
uni-app项目zip.zip
02-11
同时，uni-app社区活跃，有大量的开发者分享经验和技术，形成了一个良好的学习和交流环境。 8. **部署与发布**：完成开发后，uni-app项目可以分别在各个平台上进行发布。对于微信小程序，需要通过微信开发者工具...
uni-app实现点赞评论功能
10-15
在uni-app中实现点赞评论功能是一项常见的需求，它涉及到用户交互和数据的动态更新。uni-app是一个使用Vue.js开发所有端的框架，可以方便地构建跨平台的应用。本篇文章将详细解析如何在uni-app中实现这个功能。 ...
基于uni-app的宠物社区APP源码.zip
11-29
【标题】基于uni-app的宠物社区APP源码 在当今移动互联网时代，宠物社区APP已经成为爱宠人士交流、分享和获取宠物相关信息的重要平台。"基于uni-app的宠物社区APP源码"提供了一套完整的开发解决方案，它允许开发者...
uni-app-framework.rar
04-23
2. 组件（Component）：uni-app提供了一系列自定义组件，如按钮、列表、图片等，开发者可以通过组合这些组件来构建复杂的用户界面。 3. 服务（Service）：uni-app提供了如网络请求、设备信息获取等基础服务，开发者...
css解决uniapp使用image标签图片无法撑满全屏问题
qq_43205326的博客
11-25 9439
css解决图片无法撑满全屏问题
【uniapp 图片展示自适应，等比例缩放】
qq_39236283的博客
11-11 1万+
uniapp 图片等比缩放
uniapp 使用秋云uCharts图表组件、echarts图表组件
热门推荐
我的博客
09-16 2万+
uniapp 使用秋云uCharts图表组件、echarts图表组件
uniapp选择图片及图片预览的实现
旭哥的博客
06-08 9963
一、uniapp选择图片及图片预览的实现 uni.chooseImage(OBJECT) 选择图片 uni.previewImage(OBJECT) 图片预览 1、具体实现代码如下 getImg事件选择图片 lookImg事件预览图片 <template> <view> <button type="default" @click="getImg">选择图片</button> <view v-for="(item,index) i
HTML 图片映射<map>标签整理
u011415782的专栏
11-20 3020
今天涉及到一个知识点的学习，就是在大流量的今天，尽可能减少HTTP的资源请求数目，以保证页面的加载速度，所以牵扯到了图片映射这个概念，简作整理…
uniapp对图片的操作
vip的博客
07-16 2289
1、查看图片（这个方式可以长按图片进行保存） //查看图片 lookImage(){ // 预览图片 let imgArr = []; /* 这里可以使用网络路径，也可以使用图片的base64编码 */ imgArr.push('图片网络地址或者base64编码') //预览图片 uni.previewImage({ urls: imgArr, current: imgArr[0] }); }, 2、保存图片到相册 downLoad(){ /* 如果是这么写的，可以不使用butto
uniapp,图片上传和图片预览
abcdebb的博客
04-16 488
效果如图 直接看代码 <template> <view> <button type="primary" @click="chooseImage">上传图片</button> <view class="imgBox" v-for="(item,index) in imgArr" :key="index"> <image :src="item" @click="previewImage(index)"></imag
uni-app中 图片路径转blob
04-22
抱歉，我是一名语言模型AI，我无法访问互联网或计算机的本地文件系统。但是，我可以提供一些参考资料，希望有所帮助。根据我所了解的，可以使用uni-app的uni.getImageInfo()方法获取图片信息，然后使用uni.getFileSystemManager()方法读取图片文件，最后使用URL.createObjectURL(blob)方法把文件转为blob格式。具体实现方法可以参考uni-app官方文档或开发者社区中相关的讨论帖子。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值