![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app 小程序项目
文章平均质量分 92
Hyman-ya
这个作者很懒,什么都没留下…
展开
-
uni-app 小程序项目五 点击结算进行条件判断、登录界面(token)和用户信息、三秒跳转、微信支付、打包发布
创建 settle 分支git checkout -b settle1.0 点击结算按钮进行条件判断说明:用户点击了结算按钮之后,需要先后判断1. 是否勾选了要结算的商品、2. 是否选择了收货地址、3. 是否登录。在 my-settle 组件中,为结算按钮绑定点击事件处理函数:<!-- 结算按钮 --><view class="btn-settle" @click="settlement">结算({{checkedCount}})</view>在 m原创 2021-07-17 19:27:18 · 2923 阅读 · 1 评论 -
uni-app 小程序项目四 封装 radio组件、NumberBox组件以及数据问题、滑动删除组件、收货地址组件以及授权问题、结算区域
购物车页面1.0 创建购物车页面的编译模式打开微信开发者工具,点击工具栏上的“编译模式”下拉菜单,选择“添加编译模式”:勾选“启动页面的路径”之后,点击“确定”按钮,新增购物车页面的编译模式:1.1 商品列表区域1.11 渲染购物车商品列表的标题区域定义如下的 UI 结构:<!-- 购物车商品列表的标题区域 --><view class="cart-title"> <!-- 左侧的图标 --> <uni-icons type="sho原创 2021-07-16 20:04:55 · 1538 阅读 · 5 评论 -
uni-app 小程序项目三 1. 商品列表、过滤器、封装商品item组件、上拉加载、节流阀、下拉刷新、2. 商品详情、轮播图、商品价格闪烁问题 3.加入购物车、vuex、持久化存储、mixiins
1.0 创建 goodslist 分支1.1 定义请求参数对象为了方便发起请求获取商品列表的数据,我们要根据接口的要求,事先定义一个请求参数对象:data() { return { // 请求参数对象 queryObj: { // 查询关键词 query: '', // 商品分类Id cid: '', // 页码值 pagenum: 1, // 每页显示多少条数据 pagesize:原创 2021-07-15 16:55:05 · 1543 阅读 · 0 评论 -
uni-app 小程序项目二 分类页面、滚动条、自定义搜索组件、使用自定义组件的props和emit、吸顶效果、修改uni组件的默认效果、防抖处理、搜索历史、搜索历史记录存储到本地以及清空
1.0 分类(先建立分支)运行如下的命令,基于 master 分支在本地创建 cate 子分支,用来开发分类页面相关的功能:git checkout -b cate1.1 渲染分类页面的基本结构1. 定义页面结构如下:<template> <view> <view class="scroll-view-container"> <!-- 左侧的滚动视图区域 --> <scroll-view class="lef原创 2021-07-12 18:54:47 · 1024 阅读 · 0 评论 -
uni-app 小程序项目 一 起步 构建项目、tabBar、配置网络请求(使用npm包)、首页(轮播图、分页区域、楼层区)
1.0 uni-app 简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码,可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。详细的 uni-app 官方文档,请翻阅 https://uniapp.dcloud.net.cn/1.1 开发工具( HBuilderX )uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处:模板丰富完善的智能提示一原创 2021-07-11 18:09:38 · 1538 阅读 · 1 评论