微信小程序常用代码笔记

  • Post author:
  • Post category:小程序

1、赋值 this.setData({ show: true }); 2、顶部标题栏(隐藏) { "window":{"navigationStyle":"custom"} } 3、跳转 navTo() { wx.navigateTo({ url: '/pages/index/index' }) }, 4、缓存 1.缓存获取: wx.getStorageSync('UserData') 2.存入缓…

继续阅读 微信小程序常用代码笔记

小程序商品详情页面及结算

  • Post author:
  • Post category:小程序

1.前页点击商品,通过 uni.navigateTo({url: “/pages/list/index?query=”+this.keyword}),api,传递商品数据,进入详情组件,依然是onLoad()接受数据,发送请求,将请求的信息渲染出来。 2.点击客服,弹出客服聊天框,这里用按钮设置open-type="contact"即可。 3.点击购物车正常思路:1:未登陆就跳到登陆。2:未登陆就…

继续阅读 小程序商品详情页面及结算

【微信小程序实现悬浮框可拖动】

  • Post author:
  • Post category:小程序

微信小程序实现小图标悬浮拖动移动 在电商平台常见的开发中,或多或少的设计图中都会牵扯到小图标悬浮的设计,当图标可以移动时,可增加页面的设计排版灵活性,下面贴出效果图 JS var startPoint Page({ data: { //按钮位置参数 buttonTop: 0, buttonLeft: 0, windowHeight: '', windowWidth: '', //角标显示数字 co…

继续阅读 【微信小程序实现悬浮框可拖动】

微信小程序底部弹框动画(小案例)

  • Post author:
  • Post category:小程序

wxml 代码 < view class = 'text' bindtap = 'chooseSezi'> 请选择:商品 </ view > <!--隐藏区域 --> < view class = 'maskLayer' wx:if = "{ {chooseSize}}" bindtap = 'hideModal'> 点击隐藏 </ view …

继续阅读 微信小程序底部弹框动画(小案例)

PRD | 微信小程序产品需求文档(柚诚小栈用户端)

  • Post author:
  • Post category:小程序

一、概述 1.1版本修订记录 1.2产品介绍 二、产品结构 2.1产品功能结构图 2.2信息结构图 三、业务流程图 四、全局说明 4.1名词解释 4.2角色说明 4.3时间规范 4.4权限弹窗 版权声明:本文为momoshiyi原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/momoshiyi/article…

继续阅读 PRD | 微信小程序产品需求文档(柚诚小栈用户端)

微信小程序 ES6语法

  • Post author:
  • Post category:小程序

能够正确创建一个自定义组件并且使用 掌握子组件如何向父组件通信 掌握父组件如何向子组件通信 掌握WXS模块的建立及使用 一、一个常见的问题是:ECMAScript 和 JavaScript 到底是什么关系 要讲清楚这个问题,需要回顾历史。1996 年 11 月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际…

继续阅读 微信小程序 ES6语法

【小程序开发】小程序的架构和配置

  • Post author:
  • Post category:小程序

【小程序开发】小程序的架构和配置 文章目录 【小程序开发】小程序的架构和配置 写在前面 一、小程序的架构模型 二、小程序代码构成 2.1 JSON配置 2.2 其他 三、配置文件 3.1 全局配置文件 3.2 页面配置文件 四、注册App实例 4.1 App函数的参数 4.2 判断打开的场景 4.3 定义全局App的数据 五、注册Page实例 5.1 Page函数的参数 写在前面 ?这里是前端程序…

继续阅读 【小程序开发】小程序的架构和配置

微信小程序开发知识点

  • Post author:
  • Post category:小程序

目录 一、小程序与移动应用程序区别 二、小程序开发 三、语法 1、模板与数据绑定 2、条件逻辑 3、循环 4、事件 (1)事件绑定 bind:tap='onConfirm' (2)输入框input(todolist应用) 四、rpx根据屏幕宽度进行自适应 iphone6:1px=2rpx 五、公共样式 (1)根目录下创建style文件夹 (2)style文件夹下创建common.wxss文件,写样…

继续阅读 微信小程序开发知识点

【微信技术-微信小程序】—— 使用ColorUI组件简单入门

  • Post author:
  • Post category:小程序

提示:使用colorui组件在微信小程序使用 必须先懂得微信开发工具的使用。 文章目录 前言 一、ColorUI是什么? 二、使用步骤 1.下载ColorUI组件文件 2.微信开发工具项目引用colorui组件 2.1 操作方式一 如下(示例):`前提是项目已经存在,想在引用colorui组件` 2.2 操作二 方式如下(示例):`前提是项目还没开始,使用colorui组件` 总结 前言 如何通过…

继续阅读 【微信技术-微信小程序】—— 使用ColorUI组件简单入门

微信小程序 三级菜单

  • Post author:
  • Post category:小程序

微信小程序实现三级菜单真的很简单,使用的组件是picker,我们看下它的官网描述: 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器 mode取值有如下: 普通选择器:mode = selector 多列选择器:mode = multiSelector 时间选择器:mode = time 日期选择器:…

继续阅读 微信小程序 三级菜单