# wxapp
> 最近跟小伙伴一起开发微信小程序, 发现在内容显示这块没法很好的解析。所以记录了下
## 查看效果
* 下载项目,在小程序工具新建项目选择开发文件夹。
* 注意:新建项目不使用appId, 在项目配置中勾选:开发环境不校验请求域名。 因为测试数据使用的是[rap](http://rap.taobao.org/)的模拟数据。
## 图片高宽适配
**小程序图片高宽没法自动适配,只能指定高宽进行裁剪。在详情页显示体验很差,用image组件的bindload解决**
## 富文本解析
**小程序没有提供富文本解析, 服务端可以转换为json(当然前端也可以有个js库解决[html2json](https://github.com/jxck/html2json.git))在小程序里面用对应的组件适配**
## 效果图
![demo](http://7xkcpo.com1.z0.glb.clouddn.com/QQ20161209-1@2x.png)
![demo](http://7xkcpo.com1.z0.glb.clouddn.com/QQ20161209-0@2x.png)
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序 - 图片自适应 ,富文本解析源码.zip
共27个文件
js:10个
wxss:5个
wxml:4个
需积分: 1 0 下载量 55 浏览量
2024-05-22
08:45:27
上传
评论
收藏 48KB ZIP 举报
温馨提示
《微信小程序 - 图片自适应,富文本解析》是一个专为内容展示和视觉优化设计的微信小程序。它专注于提升图片和富文本内容在不同设备上的显示效果,确保用户在浏览时获得最佳的阅读体验。以下是该小程序的主要特点和功能: 1. **图片自适应**:小程序能够根据用户的设备屏幕大小自动调整图片尺寸,确保图片在不同设备上都能清晰显示。 2. **富文本解析**:支持解析HTML、Markdown等多种格式的富文本内容,使得内容展示更加丰富和多样化。 3. **内容优化**:对图片和文本内容进行优化,以减少加载时间,提供更快的页面加载速度。 4. **响应式布局**:采用响应式设计,确保小程序在手机、平板等不同设备上都能保持良好的布局和显示效果。 5. **交互式阅读**:提供交互式元素,如点击图片放大、滑动浏览等,增强用户的阅读体验。 6. **多媒体支持**:除了图片和文本,还支持视频、音频等多媒体内容的展示。 7. **自定义样式**:允许开发者或内容发布者自定义样式,以匹配品牌形象或个人喜好。 8. **数据缓存**:对频繁访问的内容进行缓存,减少重复加载,提高访问效率。 9. **SEO友好*
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序 - 图片自适应 ,富文本解析【源码】.zip (27个子文件)
wxapp-master
pages
index
index.wxml 1KB
index.js 12B
index.json 2B
index.wxss 605B
image
index.wxml 535B
index.js 1KB
index.json 2B
index.wxss 305B
components
html-parse
index.wxml 15KB
html2json
html2json.js 4KB
htmlparser.js 5KB
index.js 0B
index.wxss 1KB
html
index.wxml 213B
index.js 2KB
index.json 2B
index.wxss 149B
app.json 325B
app.js 223B
resources
arrow.png 3KB
services
bluebird.min.js 77KB
api_urls.js 252B
index.js 915B
LICENSE 1KB
app.wxss 53B
README.md 933B
1.png 11KB
共 27 条
- 1
资源评论
依邻依伴
- 粉丝: 2666
- 资源: 250
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功