-
云数据库能力
查看全部 -
微信小程序 组件库:查看全部
-
在 wxml 中使用引入的组件:
<van-button type="default">默认按钮</van-button><van-button type="primary">主要按钮</van-button><van-button type="info">信息按钮</van-button><van-button type="warning">警告按钮</van-button><van-button type="danger">危险按钮</van-button>
查看全部 -
使用 vant 的按钮组件,需要在 json 文件中引入按钮对应的自定义组件即可,如在 cloud.json 中添加:
{
"usingComponents": {
"van-button":"vant-weapp/button/index"
}
}
查看全部 -
在微信小程序开发者工具中构建 npm 后,还需要点击 “详情”,勾选 “使用 npm 模块”选项。
查看全部 -
在使用 npm 安装了第三方组件后,还需要在微信小程序开发者工具中点击 “工具” - “构建 npm”按钮来构建项目,构建完成后,在小程序项目中会增加一个 miniprogram/miniprogram_npm 目录,这里面放的就是安装的第三方的组件文件。
查看全部 -
在小程序项目 miniprogram 目录下使用终端执行以下命令:
npm i vant-weapp -S --production
用来安装 vant
查看全部 -
在微信小程序项目 miniprogram 目录下打开终端(命令行工具),运行命令 npm init ,目的是先初始化生成 node 项目依赖配置文件 package.json ,这个文件里不仅有项目的相关描述信息,而且将来需要的一些第三方包依赖关系都写在这个文件里。运行命令后会提示输入一些信息,可以全按回车使用默认内容。
查看全部 -
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
github 地址:https://github.com/youzan/vant-weapp
查看全部 -
使用微信小程序云开发接口 wx.cloud.uploadFile 完成图片的上传,上传成功后将返回文件 fileId,可以将 fileId 存入云数据库中,方便后续查找使用。
查看全部 -
在微信小程序中使用 wx.chooseImage 接口从手机相册或拍照获取图片。
查看全部 -
使用微信小程序云服务 wx.cloud.downloadFile 接口,使用文件 fileId 来获取临时文件路径,后续通过这个路径进行下载。
查看全部 -
获取到图片 fileId 后,使用 wx.saveImageToPhotosAlbum 接口将图片保存到本地相册,保存成功后可以使用 wx.showToast 显示保存成功的提示信息。
查看全部 -
注意 在微信小程序 的 wxml 组件中使用 data-xxx 方式传值时,xxx 是不区分大小写的,在 js 中统一使用小写命名。如 页面中使用 data-fileId="{{item.fileId}}" ,那么在js 方法中需要使用 event.target.dataset.fileid 来取值。
查看全部 -
微信云存储中上传文件时,命名重复会导致文件被覆盖,为了不被覆盖,可以在命名时加上时间戳 new Date().getTime()
查看全部
举报