![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
晶凌玄夜
这个作者很懒,什么都没留下…
展开
-
小程序获取用户详细信息
.wxml<open-data type="groupName" open-gid="xxxxxx"></open-data><open-data type="userAvatarUrl"></open-data><open-data type="userGender" lang="zh_CN"></open-data>...原创 2019-11-20 11:27:13 · 232 阅读 · 0 评论 -
小程序云开发获取用户openid
获取小程序用户信息云开发的云函数的独特优势在于与微信登录鉴权的无缝整合。当小程序端调用云函数时,云函数的传入参数中会被注入小程序端用户的 openid,开发者无需校验 openid 的正确性,因为微信已经完成了这部分鉴权,开发者可以直接使用该 openid。与 openid 一起同时注入云函数的还有小程序的 appid。从小程序端调用云函数时,开发者可以在云函数内使用 wx-server-sd...原创 2019-11-18 18:24:03 · 1112 阅读 · 0 评论 -
小程序piker选择器
piker是微信小程序自带从底部弹起的滚动选择器。1.普通选择器:mode = selector2.多列选择器:mode = multiSelector3.时间选择器:mode = time4.日期选择器:mode = date5.省市区选择器:mode = region小程序官方piker下面简单实现一个普通选择器.wxml <picker bindcha...原创 2019-11-17 22:33:38 · 591 阅读 · 0 评论 -
小程序将按钮固定在底部
先看效果:.wxss文件.button_type { height: 100rpx; //按钮高度 margin-left: 50rpx; //距离左边距 bottom: 10rpx; //距离底部距离 background-color: #f93; //背景颜色 position: fixed; //固定 widt...原创 2019-11-15 17:59:38 · 2910 阅读 · 0 评论 -
小程序的底部导航栏
tabBar如果我们的小程序是一个多 tab 应用(客户端窗口的底部有tab栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。Tip:当设置 position 为 top 时,将不会显示 icontabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。下面展示一个效果: ...原创 2019-11-15 17:47:55 · 509 阅读 · 0 评论 -
小程序的冒泡事件与非冒泡事件
冒泡事件:通俗来讲就是此事件触发时可以触发父级元素的事件。就好比多米诺骨牌,推倒第一块,第一块撞到第二块,依次进行。非冒泡事件:点击只触发自己。下面举例:.wxml文件<view class="view01" bindtap="func01"> <view class="view02" bindtap="func02"> <view class=...原创 2019-11-15 00:11:44 · 283 阅读 · 0 评论 -
小程序实现动态加载轮播图并实现图片放大功能
正常显示:图片放大:.wxml文件 <view wx:for="{{result}}" wx:key="{{index}}"> <swiper class="image-type" indicator-color="fgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circ...原创 2019-11-13 18:27:26 · 825 阅读 · 0 评论 -
小程序的swiper组件
swiper是小程序的滑块视图容器,具体用法请参考微信官方文档swiper组件下面我就swiper简单实现一个轮播图先看效果:注:swiper-item只能和swiper一起使用.wxml文件<swiper class="swiper_01" circular autoplay indicator-dots> <swiper-item> <i...原创 2019-11-13 18:04:28 · 974 阅读 · 0 评论 -
小程序的相对定位与绝对定位
相对定位:元素是相对自身进行定位,参照物是自己。绝对定位:元素是相对离它最近的一个已定位的父级元素进行定位不采用任何定位:.wxml文件<view class="style_01"></view>.wxss文件page{ background-color: #eee //便于区分,将整个页面设置为灰色}.style_01{ height: 50...原创 2019-11-12 17:25:51 · 1829 阅读 · 0 评论 -
校园二手微信小程序
在历时一个月的开发后,一个关于“校园二手”的微信小程序终于完成了。主要功能包括发布二手商品信息,浏览二手商品信息,发布需求,浏览需求,个人界面等。此次开发我使用的是云开发平台,对于新手来说,云开发上手快,对后端的知识要求较少。界面比较粗糙,凑合着用。出于资金和账户安全,我们暂时未添加微信在线支付功能。下面是代码链接。说明:云开发需要开通云开发权限,然后配置自己的环境,网上有教程;里面可能有些配...原创 2019-11-11 22:51:59 · 2892 阅读 · 29 评论