微信小程序
文章平均质量分 58
generallizhong
自信人生二百年,会当水击三千里。
展开
-
微信小程序模仿购物车页面
本篇抽取demo部分功能展示,在文章结尾附上完整DEMO一、效果图:二、.WXML代码示例<view class="main"> <view wx:if="{{hasList}}"> <view class="cart-box"> <view class="cart-list" wx:for="{{carts}}" wx:key="{{index}}"> <原创 2021-07-01 09:52:14 · 1870 阅读 · 1 评论 -
微信小程序信息授权获取(头像,昵称,等)
这里简单说一下微信小程序获取头像,昵称等信息,这里是将demo部分功能单独呈现,最后附上DEMO:一、效果图:这个功能比较简单就直接上代码二、代码部分1、.WXML代码示例<view class="main"> <view class="header"> <image src="{{thumb}}" class="thumb"></image> <text class="nickn原创 2021-06-30 12:22:48 · 7131 阅读 · 4 评论 -
微信小程序模拟购物界面联动
在后续我会上传整个demo,这里先介绍简单的一部分。简单的界面效果图:直接看代码:一、WXML代码示例:<view class="container"> <!--左侧栏--> <scroll-view class='scroll_left' scroll-y="true"> <view class="nav_left"> <block wx:for="{{list}}" wx:for-index..原创 2021-06-28 17:26:20 · 495 阅读 · 1 评论 -
微信小程序本地存储与获取展示
简单效果图展示:这里存储是固定数据,可更换为动态数据一、首先在WXML中加上两个按钮<view style="margin-top:20px;"> <button type="primary" bindtap="saveStorage">本地存储</button></view><view style="margin-top:20px;"> <button type="primary" bindtap="getStor原创 2021-06-23 14:22:42 · 1916 阅读 · 2 评论 -
微信小程序之获取接口数据展示
上篇说到获取编辑框文本,没看过去看看。本片介绍简单的接口数据获取,并且展示,采取模拟数据,拉取数据方式方法。文章最后附上DEMO本篇暂未考虑美化问题,只看功能。如图:一、简单介绍1> wx.request 请求接口资源(微信小程序api中的发起请求部分)2>swiper 实现轮播图的组件 , 一般使用到Banne上,这里先不介绍3>wx:for 循环语句,将数据循环获取二、详细说明1、js请求函数代码(无参请求)/** * 生命周期函数.原创 2021-06-16 15:58:41 · 6894 阅读 · 0 评论 -
微信小程序之输入框文本的获取与展示
上一篇说到了小程序的带参跳转问题,没有看过,现在去看看此篇还是通过比较单间的示例来展示输入文本的获取,在当前界面的展示。一、原创 2021-06-15 16:03:38 · 3740 阅读 · 1 评论 -
微信小程序之页面带参跳转
第一个页面tiao'zhuan: Click: function () { console.log("我来啦") let name = '传递的数据'; // 跳转传参的参数 wx.navigateTo({ //在接收页面的url后面加上“?自定义名称=字符串”就可以通过url传值 url: '../test2/my?name=' + '我就是要传递的数据'//此处注意中文符号与引文符号的? })...原创 2021-06-10 15:08:42 · 7030 阅读 · 0 评论 -
微信小程序之页面跳转
//保留当前页面,跳转到应用内的某个页面wx.navigateTo({ url: 'home?cid=1'})//关闭当前页面,跳转到应用内的某个页面wx.redirectTo({ url: 'home?cid=1'})//关闭所有页面,打开到应用内的某个页面。wx.reLaunch({ url: 'home?cid=1'})//跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/home'}.原创 2021-06-09 17:36:44 · 816 阅读 · 0 评论 -
微信小程序之代码构成文件
1、.json后缀的JSON配置文件2、.wxml后缀的WXML模板文件3、.wxss后缀的WXSS样式文件4、app.json 是当前小程序的全局配置5、.js后缀的JS脚本逻辑文件6、project.config.json工具配置一、JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。二、WXML 模板网页编程,网页编程采用的是 HTML + CSS + JS 这样的组合,其中HTML是用来描述...原创 2021-06-08 17:02:19 · 626 阅读 · 0 评论 -
从零开始的微信小程序入门教程(一)
从零开始的微信小程序入门教程(一)之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了。所以在还未正式写项目前,打算在空闲时间学习下小程序。本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程,但也很难保证时间充裕能一直写下去。所以先开个头留个坑,那么本文开始先从小程序注册到创建第一个小程序说起:一、从注册开始要开发小程序自然要申请注册一个小程序...转载 2020-03-18 10:05:12 · 1450 阅读 · 0 评论